SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享

部署说明
最近公司开发组新的SpringBoot服装商城小程序要上线,安排我们运维组进行服务器规划和部署,选用了2台云服务器,一台部署springboot后端所有组件,包括mysql,前端VUE单独部署在另一台服务器上。

环境
前端技术:Vue.js ElementUI
小程序:微信小程序开发工具
Java后端:SpringBoot MyBatis-Plus MySQL_V5.6
运行环境:Win7/Win10

部署方案
本地安装npm指令,并且设置开源镜像
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第1张图片

mysql版本
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第2张图片
部署步骤
1.启动SpringBoot后台
2.启动VUE前台
3.启动微信小程序

运行截图
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第3张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第4张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第5张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第6张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第7张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第8张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第9张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第10张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第11张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第12张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第13张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第14张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第15张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第16张图片
SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第17张图片

SpringBoot服装商城小程序-SpringBoot+Vue.js+微信小程序_分享_第18张图片
运行后总结
前端Vues.js通过http请求调用springboot后台,符合restful风格编程
微信小程序端和springboot后台也是通过http的形式交互

多说几句
经过本系统的部署,本人熟悉了SpringBoot+Vue.js+微信小程序的部署流程,会使用jenkins进行持续集成,希望通过写作分享自己的部署经验帮助更多开发者迅速提升运维部署技能!

炸宇宙版SpringBoot潮流穿搭系统 服装商城 服装搭配系统 服装销售系统 服装小程序 商城 小程序 服装小程序

你可能感兴趣的:(分布式java应用,前台技术,分布式架构)