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

{"zt":"yes","xinxi":"输入不正确","uid":"0"}

普通用户注册

接口程序

wx_check_reg_yonghu.php

参数

yhm

{"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	性别
qq	varchar	QQ号
youxiang	varchar	Email
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	状态备注

相关阅读:
【无标题】
我赢助手之引流篇：短视频私域、自有鱼塘背后的底层逻辑是什么？
C++基础面试题 | 什么是C++中的虚继承？
（Matalb时序预测）WOA-BP鲸鱼算法优化BP神经网络的多维时序回归预测
 VectorDraw Web Library 10.10
Go语言中实现应用IP防火墙
 协议-TCP协议-基础概念02-TCP握手被拒绝-内核参数-指数退避原则-TCP窗口-TCP重传
 多VLAN之间的通信，静态路由
 拓端tecdat|R语言时间序列分解和异常检测方法应用案例
 React【Day4下+5】
原文地址：https://blog.csdn.net/u013818205/article/details/127979937