一、安装node和npm
1、安装node,相当于后端的jvm
链接: https://pan.baidu.com/s/14M5_dUBRZ8uCbTqLz7unQA 提取码: rmb6
2、用管理员身份打命令Node -v,查看安装结果,如果有显示版本号,即按照成功!
3、再安装npm,输入命令:npm install即可。相当于后端的maven
运行命令之前,右键方框属性,把快速编辑模式点掉,不然有时候会直接把程序停到,无法正常运行命令。
二、配置前端项目并运行
1、解压前端项目(gmall-admin)
链接: https://pan.baidu.com/s/1IR5jLL3UZ-Ab0v9ctCYqCQ 提取码: agca
在conf目录,配置前端服务的ip和前端访问数据的后端的服务的ip地址
2、dev.env这个文件,配置前端访问后端的数据服务的地址,改成web前端的端口8081,127.0.0.1的本地地址(注意端口号是你的web项目的端口!)
3、Index.js前端的服务器端口。改127.0.0.1的本地地址,8888端口是前端服务器端口,不用改。
4,运行前端项目,在解压文件夹里/gmall-admin的路径上输入cmd+enter键运行cmd
5、在cmd框口输入命令:npm run dev,等待项目运行成功!
6、在浏览器输入http://127.0.0.1:8888/即可访问到前端页面了!
三、这只是一个前端业务,写好了接口和方法,需要连接后端的web项目调到数据,才可以正常显示数据。
1、在页面中点击按钮时,很明显报错了,有一个post请求,请求方法getcatalog1,请求获得一级分类!
用post请求(把参数封装到json中)!
后端的controller注解格式:
请求格式@RequestBody
返回格式@ResponseBody