蚂蚁云分布式架构+慕课前端项目+商家后台项目启动及展示

该项目已经托管到github平台，希望各位大佬给点意见帮修复下bug!

地址：https://github.com/ituser-zq/itmayiedu-shopp-parent.git

前提说明：

1.该项目为学习分布式的结业项目，相关后台页面从开源电商项目云EC电商上扒下来的。

2.该项目为前后台分离项目，前台模板使用的是慕课网开源项目，地址：https://github.com/ustbhuangyi/vue-sell.git

3.该项目为半成项目，有的模块只实现了功能但是没有页面展示（前台支持）和技术支持（三方权限认证）

4.前台只有模板，后台数据已经写好，有需要开源自己修改数据

一、项目启动

1.启动项目，先启动注册中心，在分别启动各个模块，然后启动消息中间件MQ,启动外网映射工具。

2.启动慕课网前端模板，打开虚拟机配置Nginx反向代理之后，浏览器尝试访问看是否有用。由于该项目是基于微信端开发的项目，在启动后会显示在微信端打开。

有一个解决办法就是，在项目里面因为需要使用到微信端的认证，每一个微信都会有一个openID，在后台只需要接收到该参数即可访问，打开浏览器开发者工具在Console里面写上document.cookie='openid=abc123'(值随意) ，刷新即可。

3.如果将源码fork到本地，需要注意的是自己这边的配置文件的修改，包括各个模块数据库信息，支付宝信息，微信消息等等。以及项目使用到的各种软件（是的，就是这么麻烦！）

三、项目展示效果

1.前台电脑端展示：

 

2.前台移动端显示：（图片不知道为什么就没了，电脑端还好好的！）

 

2.1注意：在使用移动端测试的时候，会使用到一个叫手机抓包的软件Fiddler。具体使用规范参照百度。这里只介绍怎么让手机和电脑在同一个局域网内的测试。

（1）在该软件都设置完毕的前提下，打开手机浏览器，输入本机ip:8888跳转到对应页面，将fiddler的相关证书下载下来。

 

（1）首先，cmd查看本机局域网ip地址，打开手机连接本地局域网网络，打开WiFi设置，进行手动代理，输入本机局域网地址，端口设置为抓包软件设置的端口一般为8888。

（3）设置完毕之后即可访问前台项目，按照电脑端访问方式访问，建议修改hosts文件做一个映射就不用写那么长的地址

3.后台项目展示

（1）登录界面（本来已经写好了使用三方扫码登录，但是发现没有认证证书，只好扒一个登陆界面和注册界面）

（2）注册页面： 这里有一个邮箱是使用到了适配和消息中间件，主要的目的：第一点可能以后的消息服务不止邮箱可能还有手机短信等等，用中间件是为了解耦、异步。在注册点击之后立马返回，但是消息模块继续将邮箱信息发送到指定邮箱。发送邮箱信息就不展示了。

 （3）后台主页：用的是bootstrap极简模板

（4）订单模块：这里使用支付宝的沙箱环境进行测试，因为微信支付没有权限认证，支付宝沙箱每个人都有一个账号。通过该模块来创建一个订单然后消费。这里使用Postmen工具来进行测试。

得到订单号之后在浏览器进行访问。

（5）支付模块：使用支付宝沙箱环境进行测试，调用支付宝三方SDK完成。

进入自己的沙箱测试，用沙箱账号进行测试。

然后开始付钱，等给商品！

地址：https://github.com/ituser-zq/itmayiedu-shopp-parent.git