微信小程序——mhzqx点餐系统(包含前端,后台及数据库表)

—2020.03.02记

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

小程序

微信小程序-点餐系统(包含前端,后台及数据库表)

小程序预览

小程序页面点餐展示:
微信小程序——mhzqx点餐系统(包含前端,后台及数据库表)_第1张图片
后台管理部分:
微信小程序——mhzqx点餐系统(包含前端,后台及数据库表)_第2张图片
微信小程序——mhzqx点餐系统(包含前端,后台及数据库表)_第3张图片
数据库改变:
微信小程序——mhzqx点餐系统(包含前端,后台及数据库表)_第4张图片

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

本小弟参加实训使用微信开发者工具写的点餐小程序项目,同时使用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本项目
( 项目地址点此进入)

安装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小弟的–!

你可能感兴趣的:(前端基础)