基于SpringBoot的微信点餐系统
注:IDEA不要下载Community版,下载Ultimate版。 MySQL数据库我用的是5.7.21的版本,本项目的建表语句好像不兼容5.6的版本,建议也装5.7以上的版本。 推荐一个比较好用的MySQL客户端:Navicat for MySQL。 Redis客户端图形界面:Redis Desktop Manager。Maven远程仓库最好改为阿里云仓库,网上有介绍修改方式,很简单。
git clone https://github.com/sqmax/springboot-project.git
将项目克隆到本地。http://127.0.0.1:8080/sell/seller/product/list
,即可来到我们的卖家端的商家管理系统界面。效果如下:git clone https://github.com/sqmax/vuejs-project.git
下载前端项目,其中项目根路径(vuejs-project)下的dist目录就是前端编译后的代码。 server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root F:vuejs-projectdist; #前端资源路径
index index.html index.htm;
}
location /sell/ {
proxy_pass http://127.0.0.1:8080/sell/;
}
上面的F:vuejs-projectdist;
该为你刚才git clone下的前端项目的dist目录。
nginx -s reload
重启nginx服务器。http://127.0.0.1/#/order/
,这是会出现空白界面,按F2打开浏览器的开发者工具,在浏览器的控制台输入document.cookie='openid=abc123'
向该域名下添加cookie。再次访问:http://127.0.0.1
,这时就可以访问到前端界面了。如下:
6. 对于手机端微信公众号内访问,还要使用到内网穿透工具,由于微信里不能直接访问ip地址,还要购买域名,还涉及到挺复杂的微信调试。这里就不再介绍。可以使用postman这个工具模拟微信点餐下单。访问接口参见controller包下以Buyer开头的类。
7. 如果想查看微信端的访问效果,可以在微信客户端访问这个链接:http://sell.springboot.cn/
。(注意这是师兄上线的项目演示)
如果使用电脑访问的话,可以首先访问:http://sell.springboot.cn/#/order/;
然后,按F12
打开浏览器的开发者工具,点击控制台,在控制台输入:document.cookie='openid=abc123'
;
然后重新访问:http://sell.springboot.cn,就可以看到前端效果了。
关于IDEA。对于使用Eclipse的伙伴,可以尝试一下IDEA。我做这个项目也是第一次使用IDEA,感觉非常智能好用,可以参见一下这个仓库:https://github.com/judasn/IntelliJ-IDEA-Tutorial,非常好的IDEA使用教程。
关于前端。前端的vue.js项目,我也没有学习,我只是拿来做演示,有兴趣的可以到慕课网学习。
Spring Boot 企业微信点餐系统
Vue.js 2.5 + cube-ui 重构饿了么 App