一、功能划分（前端+后端）

1.前端：前端人员设计
1.1首页广告、首页推荐、商户搜索、商户详情、会员登录、会员下订单、会员订单列表、提交评论
2、后端：
2.1、前端接口：广告列表、商户列表、商户明细、会员登录验证、订单列表、评论录入
2.2、内容管理：广告管理、商户管理、订单查询
image.png

二、环境准备

2.1：大众点评前端、ssm框架、mysql数据库、浏览器、win、idea（eclipse）、spring4.0、jdk8
前端环境：node.js
restfulAPI并不等于json

2.2：前端app的启动：（首先去node.js的官网下载node.js配置环境变量，保证前端的正常启动）
步骤如下：
2.3：下载网上的代码，在代码中找到下面的文件打开
image.png

image.png

改成上面的情况
打开cmd，进入到我们下载的源码目录执行readme里面的命令
image.png

接着运行程序后台或许：start /b npm run mock这样可以保证程序一直运行不用再开一个cmd
接着在运行npm start去启动web项目，这时我们会自动打开web的首页：localhost：8080

2.4：接着我们打开我们的目录
D:\BaiduNetdiskDownload\project\d14c3o\react-dianping-new\webpack.config.js
找到如下的请求路径；得知是3000
image.png
D:\BaiduNetdiskDownload\project\d14c3o\react-dianping-new\mock 找到server.js找到请求地址响应
image.png
然后再浏览器上面输入：http://localhost:3000/api/homead查看数据
image.png
2.5：这些都是前端测试的假的数据，为了程序后端的交互，我们应该把数据库的数据换成前端的数据
2.5.1：新建一个包：api写如下的代码：保证你的方法和前端的路径保持一致，这样就可以换成后端开发