微信小程序——mhzqx点餐系统（包含前端，后台及数据库表）

╰+攻爆jí腚メ 2021-11-29 06:56 227阅读 0赞

> ——可内推网易，具体看牛客帖子： [点击此处或复制后面的网址][Link 1]，https://www.nowcoder.com/discuss/461830?source\_id=profile\_create&channel=1009

# —2020.03.02记 #

有人私信博主说小程序登录权限获取有些问题，所以博主更新了一下小程序的项目，可以看下方github地址获取更新后的版本。（获取不到用户信息，请确认是否修改了后台程序routes文件夹下的customer.js里的appid和secret）

# 小程序 #

微信小程序-点餐系统（包含前端，后台及数据库表）

### 小程序预览 ###

小程序页面点餐展示：  
![在这里插入图片描述][20190721154908239.gif]  
后台管理部分：  
![在这里插入图片描述][20190721154919130.gif]  
![在这里插入图片描述][20190721155133127.gif]  
数据库改变：  
![在这里插入图片描述][20190721155218323.gif]

### 满汉子全席——点餐小程序 ###

本小弟参加实训使用微信开发者工具写的点餐小程序项目，同时使用nodejs编写后台部分来操作数据库，和我一样初学小程序或nodejs的可以在本项目中学习了解关于小程序代码结构组织，模块化，构建等内容，入门小程序及nodejs的好选择。（虽然实训要求使用java编写后台，但因本人能力有限，就和同组组员一起使用node作为后台编写！）

### 技术栈及工具 ###

前端 微信开发者工具 微信小程序开发  
前端使用 html + css + js + 小程序api + weui  
后台使用 nodejs + express框架及mysql数据库管理

> 工程  
> https://download.csdn.net/download/weixin\_43388844/12206309

### 起手式 ###

github上 star and fork本项目  
（ [项目地址点此进入][Link 2]）

安装node环境

git clone https://github.com/nopapername/mhzqx-weChatApp.git (本项目地址)

###### 前端小程序页面打开步骤： ######

使用微信开发者工具导入 mhzqx小程序文件夹中的工程

编译运行

###### 后台运行步骤： ######

导入mhzqx.sql表数据到你的数据库中

cd mhzqxNODE后台 （进入mhzqxNODE后台 文件夹目录下）

修改db文件夹目录下的dbConfig.js文件 为你自己的数据库配置

重点：修改routes文件夹下customer.js里面的appid和secret为自己小程序号的小程序id和密钥

npm install （建议使用淘宝镜像cnpm）

npm start

### 交流 ###

有任何问题可以在这里提issue，欢迎各位star小弟的–！

[Link 1]: https://www.nowcoder.com/discuss/461830?source_id=profile_create&channel=1009
[20190721154908239.gif]: /images/20211129/0aafb984863e4028bc6905588e0b0d7d.png
[20190721154919130.gif]: /images/20211129/90b2a7e7667f4fea92f608b2dcf8e7d3.png
[20190721155133127.gif]: /images/20211129/9cd07c87d23f43e0ac5d910dde107cfa.png
[20190721155218323.gif]: /images/20211129/6176f80198e54f3ebf11979df9ca1386.png
[Link 2]: https://github.com/nopapername/mhzqx-weChatApp