仿蜜雪冰城小程序(含源码)
参考苍穹外卖,跳过微信支付(无商家微信),解决员工端删除单个菜品时的异常问题
技术栈:
SpringBootMyBatisRedisMySQLNginxSpringCacheSpringTaskWebSocketVueMavenUni-app









后端部署
-
运行sky.sql脚本 -
在idea打开mxbc文件夹 -
在sky-server/src/main/resources/application-dev.yml中修改数据库等配置信息
前端Vue快速启动
在nginx-1.26.2文件夹下双击nginx.exe
访问http://localhost:82即可
前端部署
-
在idea打开mxbc-frontend文件夹 -
安装yarn(如果没有) -
切换淘宝镜像源
4.禁用SSL证书验证
5.增加yarn超时时间
6.安装依赖
7.修改配置
.env.development开发环境
Base api VUE_APP_BASE_API = '/api'# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable, # to control whether the babel-plugin-dynamic-import-node plugin is enabled. # It only does one thing by converting all import() to require(). # This configuration can significantly increase the speed of hot updates, # when you have a large number of pages. # Detail:https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.jsNODE_ENV = 'development'VUE_APP_NODE_ENV = 'dev'//后端服务的地址VUE_APP_URL = 'http://localhost:8080/admin'VUE_APP_SOCKET_URL = 'ws://localhost:8080/ws/'VUE_CLI_BABEL_TRANSPILE_MODULES = true# 删除权限 true/有VUE_APP_DELETE_PERMISSIONS = true
8.运行
微信小程序快速启动
-
下载微信开发者工具 -
获取个人小程序Appid -
将mp-weixin导入微信开发者工具,填写自己的Appid -
设置->安全->开放端口 -
在common/vendor.js中配置baseUrl -
若想真机调试,在微信小程序平台配置合法域名
小程序项目部署
-
在HBuilder X导入uniapp-hbuilder -
在manifest.json配置微信小程序Appid -
在工具->设置->运行配置->微信开发者工具路径中,选择具体的安装路径 -
运行到微信小程序
获取源码请留言
夜雨聆风
