vue.js毕业设计，基于vue.js前后端分离教室预约小程序系统设计与实现
功能介绍
【后台管理功能模块】
系统设置：设置关于我们、联系我们、加入我们、法律声明
广告管理：设置小程序首页轮播图广告和链接
留言列表：所有用户留言信息列表，支持删除
会员列表：查看所有注册会员信息，支持删除
录入资讯：录入资讯标题、内容等信息
管理资讯：查看已录入资讯列表，支持删除和修改
录入教室：选择分类，录入教室名称等
教室管理：显示教室的列表，支持修改和删除
教室预约列表：显示所有用户预约的教室订单，包含预约用户信息、教室日期和时间等
教室预约管理：支持修改预约状态，删除
密码修改：修改注册的密码。
退出登录：清除登录的cookie，返回到首页。
【用户功能模块】
用户注册：填写手机账号和密码，注册新用户
登录功能：注册普通账号登录；登录后可以修改用户的基本信息，也可以退出。
关于我们：关于我们、联系我们、加入我们、法律声明
轮播广告：后台设置首页轮播广告图，可以连接到广告页面。
留言反馈：用户填写李哭咽的主题、联系人、电话、邮箱、留言内容；后台管理可以查看留言列表，可以删除留言。。
教室列表：显示网站能提供的所有的教室列表信息，左侧是用途分类，可以按分类进行筛选
教室详情：主要显示教室的名称、教室预约情况
教室预约：选择教室提供的日期选择打教室的序号，提交预约
我的教室预约：显示已经预约的教室信息列表，包含教室名称，时间，审核状态等。
取消申请：管理员还没审核的，可以点击取消申请
用户信息：姓名、联系方式、邮箱、头像等，支持随时修改；用户注册的信息后台管理员可见；后台管理员可以删除
密码修改：修改注册的密码。
退出登录：清除登录的cookie，返回到首页。
小程序功能
后台管理功能
开发技术说明
后台开发
服务器端环境：iis + php （可以自行搭建其他比如phpstudy之类的）
开发环境：windows7 |windows10都可以
开发语言：php7
开发工具：phpstorm（其他开发工具vscode、dreamweaver等都可以）
数据库：mysql8
数据库管理工具：navicat
其他开发语言：html + css +javascript
前端uniapp开发
框架：基于vue.js的uniapp框架
开发工具：Hbuiderx
其他开发语言：html + css +javascript
接口说明
接口代码
普通用户登录
接口
wx_check_login_yonghu.php
参数
yhm
mm
返回
{"zt":"yes","xinxi":"输入不正确","uid":"0"}
普通用户注册
接口程序
wx_check_reg_yonghu.php
参数
yhm
mm
返回
{"zt":"yes","xinxi":"输入不正确","uid":"0"}
用户密码修改
限制：账号登录可用，微信账号登录不可用
接口程序
wx_huiyuan_mima_act.php
参数
cs_uid：登录用户的id
cs_pwd1：原始密码
cs_pwd2：新的密码
返回
{"zt":"yes","xinxi":"请传入正确参数","uid":"0"}
用户信息
用户信息获取
接口程序
wx_huiyuan_xinxi_byid.php
参数
cs_uid：登录用户的id
返回
Xingming：用户姓名
Qq：常用qq
email：常用邮箱
beizhu:其他备注
用户信息更新
接口程序
wx_huiyuan_xinxi_update_byid.php
参数
cs_uid:登录的用户id
cs_xingming:输入的姓名
cs_qq:输入的qq
cs_email:输入的email
cs_beizhu:输入的备注
返回
{"zt":"yes","xinxi":"请传入正确参数","uid":"0"}
获取最新的信息接口
接口
wx_news_list.php
参数
类型id
返回
数据列表（数组）
获取信息详情
接口
wx_news_info.php
参数
类型id
返回
数据列表（数组）
获取信息列表
接口
wx_news_list_byid.php
参数
类型id
返回
数据列表（数组）
获取教室名称列表
该接口获取提供预约的教室的名称列表。所有用户都可以看到和使用
接口
wx_jiaoshi_list1.php
参数
无
返回
[
{
"jiaoshi_id" : 14,
"jiaoshi_mc" : "教室01"
},
{
"jiaoshi_id" : 15,
"jiaoshi_mc" : "教室02"
},
{
"jiaoshi_id" : 16,
"jiaoshi_mc" : "教室03"
},
{
"jiaoshi_id" : 17,
"jiaoshi_mc" : "教室04"
}
]
获取预约的信息
根据教室id、日期、星期几 获取已经预约的信息列表
接口
wx_jiaoshi_yuyue_list1.php
参数
jiaoshi_id：教室id
yuyue_riqi：预约日期
xingqiji：星期几
返回
数组列表
yuyue_id：预约id
u_id：用户id
jiaoshi_id：教室id
jiaoshi_mc：教室名称
dijijie：第几节
xingqiji：星期几
yuyue_riqi：预约日期
xiadan_shijian：下单日期（预约操作的时间）
laoshi：老师
kecheng：课程
预约数据提交
接口
wx_jiaoshi_yuyue_add.php
参数
cs_u_id：用户id
cs_jiaoshi_id：教室id
cs_jiaoshi_mc：教室名称
cs_dijijie：第几节
cs_xingqiji：星期几
cs_yuyue_riqi：预约日期
cs_laoshi：老师
cs_kecheng：课程
cs_dianhua：电话
cs_beizhu：备注
数据库
关于我们概要表：gaiyao
| 字段名 | 类型 | 备注 |
| id | int | 自动递增；菜单的id（主键），不允许空 |
| biaoti | varchar | 标题 |
| neirong | Text | 内容 |
存放关于我们的相关项目数据
广告表：guanggao
| 字段名 | 类型 | 备注 |
| id | Int | 自动递增；菜单的id（主键），不允许空 |
| wz1 | longtext | 广告1的文字 |
| tpdz1 | longtext | 广告1的图片地址 |
| ljdz1 | longtext | 广告1的链接地址 |
| wz2 | longtext | 广告2的文字 |
| tpdz2 | longtext | 广告2的图片地址 |
| ljdz2 | longtext | 广告2的链接地址 |
| wz3 | longtext | 广告3的文字 |
| tpdz3 | longtext | 广告3的图片地址 |
| ljdz3 | longtext | 广告3的链接地址 |
留言表：liuyan
| 字段名 | 类型 | 备注 |
| id | Int（11） | 自动递增；菜单的id（主键），不允许空 |
| xingming | varchar（50） | 姓名 |
| dianhua | varchar（50） | 电话 |
| youxiang | varchar（50） | 邮箱 |
| zhuti | varchar（250） | 主题 |
| neirong | longtext | 内容 |
| riqi | date | 日期 |
| shijian | datetime | 时间 |
会员表：huiyuan
| 字段名 | 类型 | 备注 |
| id | int | 自动递增；菜单的id（主键），不允许空 |
| shouji | varchar | 手机号：用户名 |
| mima | varchar | 密码 |
| fl_id | int（11） | 分类id 外键，会员分类表的id，固定=1；预留扩展 |
| xingming | varchar | 姓名 |
| xingbie | varchar | 性别 |
| | varchar | QQ号 |
| youxiang | varchar | |
| touxiang | varchar | 头像地址 |
| jianjie | text | 简介 |
| jieshao | text | 介绍 |
| add_riqi | date | 注册日期 |
| add_shijian | datetime | 注册时间 |
资讯分类表：zixun_fenlei
| 字段名 | 类型 | 备注 |
| id | Int | 自动递增；菜单的id（主键），不允许空 |
| caidan_mingcheng | varchar | 菜单名称，允许空 |
| caidan_lujing | varchar | 菜单路径，允许空 |
| caidan_jibie | int | 菜单级别，允许空 这里做到3级：值可以是:1 | 2 | 3 |
| caidan_suoshu | int | 菜单所属上级菜单的id，允许空 |
| paixu_id | int | 排序数字，数字大的在前面，允许空 |
资讯表：zixun
| 字段名 | 类型 | 备注 |
| id | Int | 自动递增；菜单的id（主键），不允许空 |
| xinxi_lxid1 | int | 信息1级类型的id，参考资讯类型表的id |
| xinxi_biaoti | varchar | 信息标题 |
| xinxi_riqi | date | 信息日期 |
| xinxi_jianjie_yn | tinyin | 是否有简介：1表示有简介；0没有 |
| xinxi_jianjie | text | 简介内容 |
| xinxi_tupian_yn | tinyint | 是否有图片：1表示有图片；0没有 |
| xinxi_tupian | varchar | 信息图片地址 |
| xinxi_ding | tinyint | 预留是否置顶：1表示置顶；0没有 |
| xinxi_neirong | text | 信息内容 |
| riqi | datetime | 信息发布的日期 |
| shijian | datetime | 信息发布的时间 |
教室分类表：jiaoshi_fenlei
| 字段名 | 类型 | 备注 |
| id | Int | 自动递增；菜单的id（主键），不允许空 |
| caidan_mingcheng | varchar | 菜单名称，允许空 |
| caidan_lujing | varchar | 菜单路径，允许空 |
| caidan_jibie | int | 菜单级别，允许空 这里做到3级：值可以是:1 | 2 | 3 |
| caidan_suoshu | int | 菜单所属上级菜单的id，允许空 |
| paixu_id | int | 排序数字，数字大的在前面，允许空 |
固定值
教室表：jiaoshi
| 字段名 | 类型 | 备注 |
| id | Int | 自动递增；菜单的id（主键），不允许空 |
| xinxi_lxid1 | int | 信息1级类型的id，参考资讯类型表的id |
| xinxi_biaoti | varchar | 信息标题 |
| xinxi_riqi | date | 信息日期 |
| xinxi_jianjie_yn | tinyin | 是否有简介：1表示有简介；0没有 |
| xinxi_jianjie | text | 简介内容 |
| xinxi_tupian_yn | tinyint | 是否有图片：1表示有图片；0没有 |
| xinxi_tupian | varchar | 信息图片地址 |
| xinxi_ding | tinyint | 预留是否置顶：1表示置顶；0没有 |
| xinxi_neirong | text | 信息内容 |
| add_riqi | datetime | 信息发布的日期 |
| add_shijian | datetime | 信息发布的时间 |
教室预约表：jiaoshi_yuyue
| 字段名 | 类型 | 备注 |
| id | Int | 自动递增；菜单的id（主键），不允许空 |
| u_id | int | 用户id |
| jiaoshi_id | int | 教室id |
| jiaoshi_mc | varchar | 教室名称 |
| dijijie | int | 第几节课 |
| xingqiji | int | 星期几 |
| yuyue_riqi | date | 预约日期 |
| xiadan_shijian | datetime | 下单时间 |
| laoshi | varchar | 老师 |
| kecheng | varchar | 课程 |
| dianhua | varchar | 电话 |
| beizhu | varchar | 备注 |
| zt | tinyint | 状态：1待审核，2拒绝，3审核通过 |
| zt_beizhu | varchar | 状态备注 |
上一篇：关于挑战的名言警句有哪些
下一篇：无比的近义词是什么