前后端分离项目，vue+uni-app+php+mysql教室预约小程序系统设计与实现

红太狼 2024-03-31 10:59 64阅读 0赞

## 功能介绍 ##

【后台管理功能模块】  
系统设置：设置关于我们、联系我们、加入我们、法律声明  
广告管理：设置小程序首页轮播图广告和链接  
留言列表：所有用户留言信息列表，支持删除  
会员列表：查看所有注册会员信息，支持删除  
录入资讯：录入资讯标题、内容等信息  
管理资讯：查看已录入资讯列表，支持删除和修改

录入教室：选择分类，录入教室名称等  
教室管理：显示教室的列表，支持修改和删除  
教室预约列表：显示所有用户预约的教室订单，包含预约用户信息、教室日期和时间等  
教室预约管理：支持修改预约状态，删除

密码修改：修改注册的密码。  
退出登录：清除登录的cookie，返回到首页。

【用户功能模块】  
用户注册：填写手机账号和密码，注册新用户  
登录功能：注册普通账号登录；登录后可以修改用户的基本信息，也可以退出。  
关于我们：关于我们、联系我们、加入我们、法律声明  
轮播广告：后台设置首页轮播广告图，可以连接到广告页面。  
留言反馈：用户填写李哭咽的主题、联系人、电话、邮箱、留言内容；后台管理可以查看留言列表，可以删除留言。。

教室列表：显示网站能提供的所有的教室列表信息，左侧是用途分类，可以按分类进行筛选  
教室详情：主要显示教室的名称、教室预约情况  
教室预约：选择教室提供的日期选择打教室的序号，提交预约

我的教室预约：显示已经预约的教室信息列表，包含教室名称，时间，审核状态等。  
取消申请：管理员还没审核的，可以点击取消申请

用户信息：姓名、联系方式、邮箱、头像等，支持随时修改；用户注册的信息后台管理员可见；后台管理员可以删除  
密码修改：修改注册的密码。  
退出登录：清除登录的cookie，返回到首页。

## 小程序功能 ##

![414bbe60d7f545eda915b1c746973e91.jpeg][]![1e29ad23ccb74b928966452282fe312b.jpeg][]![9d82351dbdd4482997cc250ff6fdc26b.jpeg][]![a1f4d00b30744ac99b407fb99cccce1f.jpeg][]![0eaec2cf74b842baaa8d4cf6af54c6bb.jpeg][]![30fad7a0e4fa4a0c953f214d419050dc.jpeg][]![8f8654f1c95c4655963251ac8caa29bd.jpeg][]![6867ab8aebfe4c0c8b092e8340e74093.jpeg][]![6122cec2644240de97f8a7349e0f5f38.jpeg][]![68a844ac331b44c09dbdf3089050569f.jpeg][]![0d82e8644f404c87a35ed86354635432.jpeg][]![e09c9bbd5d8346f4b87e6ac2982b017d.jpeg][]

## 后台管理功能 ##

![f7efc6440d8141e19f5ddf428b172b4a.jpeg][]![03994a8b251e45c48953680724ba1322.jpeg][]![bfaa2947397a49b2852348e3a0b1ea86.jpeg][]![88ab1a3a194b4ae99b1304f279ba1ee3.jpeg][]![f79be1d03777455d8d3ef824d165a8b1.jpeg][]![2c4192e8a99742b7baa44db732f95369.jpeg][]![c2940d8caec647308f718a3b717234b4.jpeg][]![d3e820fb1f7a4ab8b3a92ef3d1a75de8.jpeg][]

## 开发技术说明 ##

#### 后台开发 ####

服务器端环境：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 ####

存放关于我们的相关项目数据

#### 广告表：guanggao ####

<table> 
 <tbody> 
 <tr> 
 <td> 字段名 </td> 
 <td> 类型 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> id </td> 
 <td> Int </td> 
 <td> 自动递增；菜单的id（主键），不允许空 </td> 
 </tr> 
 <tr> 
 <td> wz1 </td> 
 <td> longtext </td> 
 <td> 广告1的文字 </td> 
 </tr> 
 <tr> 
 <td> tpdz1 </td> 
 <td> longtext </td> 
 <td> 广告1的图片地址 </td> 
 </tr> 
 <tr> 
 <td> ljdz1 </td> 
 <td> longtext </td> 
 <td> 广告1的链接地址 </td> 
 </tr> 
 <tr> 
 <td> wz2 </td> 
 <td> longtext </td> 
 <td> 广告2的文字 </td> 
 </tr> 
 <tr> 
 <td> tpdz2 </td> 
 <td> longtext </td> 
 <td> 广告2的图片地址 </td> 
 </tr> 
 <tr> 
 <td> ljdz2 </td> 
 <td> longtext </td> 
 <td> 广告2的链接地址 </td> 
 </tr> 
 <tr> 
 <td> wz3 </td> 
 <td> longtext </td> 
 <td> 广告3的文字 </td> 
 </tr> 
 <tr> 
 <td> tpdz3 </td> 
 <td> longtext </td> 
 <td> 广告3的图片地址 </td> 
 </tr> 
 <tr> 
 <td> ljdz3 </td> 
 <td> longtext </td> 
 <td> 广告3的链接地址 </td> 
 </tr> 
 </tbody> 
</table>

#### 留言表：liuyan ####

#### 会员表：huiyuan ####

<table> 
 <tbody> 
 <tr> 
 <td> 字段名 </td> 
 <td> 类型 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> id </td> 
 <td> int </td> 
 <td> 自动递增；菜单的id（主键），不允许空 </td> 
 </tr> 
 <tr> 
 <td> shouji </td> 
 <td> varchar </td> 
 <td> 手机号：用户名 </td> 
 </tr> 
 <tr> 
 <td> mima </td> 
 <td> varchar </td> 
 <td> 密码 </td> 
 </tr> 
 <tr> 
 <td> fl_id </td> 
 <td> int（11） </td> 
 <td> 分类id 外键，会员分类表的id，固定=1；预留扩展 </td> 
 </tr> 
 <tr> 
 <td> xingming </td> 
 <td> varchar </td> 
 <td> 姓名 </td> 
 </tr> 
 <tr> 
 <td> xingbie </td> 
 <td> varchar </td> 
 <td> 性别 </td> 
 </tr> 
 <tr> 
 <td> qq </td> 
 <td> varchar </td> 
 <td> QQ号 </td> 
 </tr> 
 <tr> 
 <td> youxiang </td> 
 <td> varchar </td> 
 <td> Email </td> 
 </tr> 
 <tr> 
 <td> touxiang </td> 
 <td> varchar </td> 
 <td> 头像地址 </td> 
 </tr> 
 <tr> 
 <td> jianjie </td> 
 <td> text </td> 
 <td> 简介 </td> 
 </tr> 
 <tr> 
 <td> jieshao </td> 
 <td> text </td> 
 <td> 介绍 </td> 
 </tr> 
 <tr> 
 <td> add_riqi </td> 
 <td> date </td> 
 <td> 注册日期 </td> 
 </tr> 
 <tr> 
 <td> add_shijian </td> 
 <td> datetime </td> 
 <td> 注册时间 </td> 
 </tr> 
 </tbody> 
</table>

#### 资讯分类表：zixun\_fenlei ####

#### 资讯表：zixun ####

<table> 
 <tbody> 
 <tr> 
 <td> 字段名 </td> 
 <td> 类型 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> id </td> 
 <td> Int </td> 
 <td> 自动递增；菜单的id（主键），不允许空 </td> 
 </tr> 
 <tr> 
 <td> xinxi_lxid1 </td> 
 <td> int </td> 
 <td> 信息1级类型的id，参考资讯类型表的id </td> 
 </tr> 
 <tr> 
 <td> xinxi_biaoti </td> 
 <td> varchar </td> 
 <td> 信息标题 </td> 
 </tr> 
 <tr> 
 <td> xinxi_riqi </td> 
 <td> date </td> 
 <td> 信息日期 </td> 
 </tr> 
 <tr> 
 <td> xinxi_jianjie_yn </td> 
 <td> tinyin </td> 
 <td> 是否有简介：1表示有简介；0没有 </td> 
 </tr> 
 <tr> 
 <td> xinxi_jianjie </td> 
 <td> text </td> 
 <td> 简介内容 </td> 
 </tr> 
 <tr> 
 <td> xinxi_tupian_yn </td> 
 <td> tinyint </td> 
 <td> 是否有图片：1表示有图片；0没有 </td> 
 </tr> 
 <tr> 
 <td> xinxi_tupian </td> 
 <td> varchar </td> 
 <td> 信息图片地址 </td> 
 </tr> 
 <tr> 
 <td> xinxi_ding </td> 
 <td> tinyint </td> 
 <td> 预留是否置顶：1表示置顶；0没有 </td> 
 </tr> 
 <tr> 
 <td> xinxi_neirong </td> 
 <td> text </td> 
 <td> 信息内容 </td> 
 </tr> 
 <tr> 
 <td> riqi </td> 
 <td> datetime </td> 
 <td> 信息发布的日期 </td> 
 </tr> 
 <tr> 
 <td> shijian </td> 
 <td> datetime </td> 
 <td> 信息发布的时间 </td> 
 </tr> 
 </tbody> 
</table>

#### 教室分类表：jiaoshi\_fenlei ####

固定值

#### 教室表：jiaoshi ####

<table> 
 <tbody> 
 <tr> 
 <td> 字段名 </td> 
 <td> 类型 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> id </td> 
 <td> Int </td> 
 <td> 自动递增；菜单的id（主键），不允许空 </td> 
 </tr> 
 <tr> 
 <td> xinxi_lxid1 </td> 
 <td> int </td> 
 <td> 信息1级类型的id，参考资讯类型表的id </td> 
 </tr> 
 <tr> 
 <td> xinxi_biaoti </td> 
 <td> varchar </td> 
 <td> 信息标题 </td> 
 </tr> 
 <tr> 
 <td> xinxi_riqi </td> 
 <td> date </td> 
 <td> 信息日期 </td> 
 </tr> 
 <tr> 
 <td> xinxi_jianjie_yn </td> 
 <td> tinyin </td> 
 <td> 是否有简介：1表示有简介；0没有 </td> 
 </tr> 
 <tr> 
 <td> xinxi_jianjie </td> 
 <td> text </td> 
 <td> 简介内容 </td> 
 </tr> 
 <tr> 
 <td> xinxi_tupian_yn </td> 
 <td> tinyint </td> 
 <td> 是否有图片：1表示有图片；0没有 </td> 
 </tr> 
 <tr> 
 <td> xinxi_tupian </td> 
 <td> varchar </td> 
 <td> 信息图片地址 </td> 
 </tr> 
 <tr> 
 <td> xinxi_ding </td> 
 <td> tinyint </td> 
 <td> 预留是否置顶：1表示置顶；0没有 </td> 
 </tr> 
 <tr> 
 <td> xinxi_neirong </td> 
 <td> text </td> 
 <td> 信息内容 </td> 
 </tr> 
 <tr> 
 <td> add_riqi </td> 
 <td> datetime </td> 
 <td> 信息发布的日期 </td> 
 </tr> 
 <tr> 
 <td> add_shijian </td> 
 <td> datetime </td> 
 <td> 信息发布的时间 </td> 
 </tr> 
 </tbody> 
</table>

#### 教室预约表：jiaoshi\_yuyue ####

<table> 
 <tbody> 
 <tr> 
 <td> 字段名 </td> 
 <td> 类型 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> id </td> 
 <td> Int </td> 
 <td> 自动递增；菜单的id（主键），不允许空 </td> 
 </tr> 
 <tr> 
 <td> u_id </td> 
 <td> int </td> 
 <td> 用户id </td> 
 </tr> 
 <tr> 
 <td> jiaoshi_id </td> 
 <td> int </td> 
 <td> 教室id </td> 
 </tr> 
 <tr> 
 <td> jiaoshi_mc </td> 
 <td> varchar </td> 
 <td> 教室名称 </td> 
 </tr> 
 <tr> 
 <td> dijijie </td> 
 <td> int </td> 
 <td> 第几节课 </td> 
 </tr> 
 <tr> 
 <td> xingqiji </td> 
 <td> int </td> 
 <td> 星期几 </td> 
 </tr> 
 <tr> 
 <td> yuyue_riqi </td> 
 <td> date </td> 
 <td> 预约日期 </td> 
 </tr> 
 <tr> 
 <td> xiadan_shijian </td> 
 <td> datetime </td> 
 <td> 下单时间 </td> 
 </tr> 
 <tr> 
 <td> laoshi </td> 
 <td> varchar </td> 
 <td> 老师 </td> 
 </tr> 
 <tr> 
 <td> kecheng </td> 
 <td> varchar </td> 
 <td> 课程 </td> 
 </tr> 
 <tr> 
 <td> dianhua </td> 
 <td> varchar </td> 
 <td> 电话 </td> 
 </tr> 
 <tr> 
 <td> beizhu </td> 
 <td> varchar </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> zt </td> 
 <td> tinyint </td> 
 <td> 状态：1待审核，2拒绝，3审核通过 </td> 
 </tr> 
 <tr> 
 <td> zt_beizhu </td> 
 <td> varchar </td> 
 <td> 状态备注 </td> 
 </tr> 
 </tbody> 
</table>

[414bbe60d7f545eda915b1c746973e91.jpeg]: https://img-blog.csdnimg.cn/414bbe60d7f545eda915b1c746973e91.jpeg
[1e29ad23ccb74b928966452282fe312b.jpeg]: https://img-blog.csdnimg.cn/1e29ad23ccb74b928966452282fe312b.jpeg
[9d82351dbdd4482997cc250ff6fdc26b.jpeg]: https://img-blog.csdnimg.cn/9d82351dbdd4482997cc250ff6fdc26b.jpeg
[a1f4d00b30744ac99b407fb99cccce1f.jpeg]: https://img-blog.csdnimg.cn/a1f4d00b30744ac99b407fb99cccce1f.jpeg
[0eaec2cf74b842baaa8d4cf6af54c6bb.jpeg]: https://img-blog.csdnimg.cn/0eaec2cf74b842baaa8d4cf6af54c6bb.jpeg
[30fad7a0e4fa4a0c953f214d419050dc.jpeg]: https://img-blog.csdnimg.cn/30fad7a0e4fa4a0c953f214d419050dc.jpeg
[8f8654f1c95c4655963251ac8caa29bd.jpeg]: https://img-blog.csdnimg.cn/8f8654f1c95c4655963251ac8caa29bd.jpeg
[6867ab8aebfe4c0c8b092e8340e74093.jpeg]: https://img-blog.csdnimg.cn/6867ab8aebfe4c0c8b092e8340e74093.jpeg
[6122cec2644240de97f8a7349e0f5f38.jpeg]: https://img-blog.csdnimg.cn/6122cec2644240de97f8a7349e0f5f38.jpeg
[68a844ac331b44c09dbdf3089050569f.jpeg]: https://img-blog.csdnimg.cn/68a844ac331b44c09dbdf3089050569f.jpeg
[0d82e8644f404c87a35ed86354635432.jpeg]: https://img-blog.csdnimg.cn/0d82e8644f404c87a35ed86354635432.jpeg
[e09c9bbd5d8346f4b87e6ac2982b017d.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/06594990570a49c39103315f7a44715b.jpeg
[f7efc6440d8141e19f5ddf428b172b4a.jpeg]: https://img-blog.csdnimg.cn/f7efc6440d8141e19f5ddf428b172b4a.jpeg
[03994a8b251e45c48953680724ba1322.jpeg]: https://img-blog.csdnimg.cn/03994a8b251e45c48953680724ba1322.jpeg
[bfaa2947397a49b2852348e3a0b1ea86.jpeg]: https://img-blog.csdnimg.cn/bfaa2947397a49b2852348e3a0b1ea86.jpeg
[88ab1a3a194b4ae99b1304f279ba1ee3.jpeg]: https://img-blog.csdnimg.cn/88ab1a3a194b4ae99b1304f279ba1ee3.jpeg
[f79be1d03777455d8d3ef824d165a8b1.jpeg]: https://img-blog.csdnimg.cn/f79be1d03777455d8d3ef824d165a8b1.jpeg
[2c4192e8a99742b7baa44db732f95369.jpeg]: https://img-blog.csdnimg.cn/2c4192e8a99742b7baa44db732f95369.jpeg
[c2940d8caec647308f718a3b717234b4.jpeg]: https://img-blog.csdnimg.cn/c2940d8caec647308f718a3b717234b4.jpeg
[d3e820fb1f7a4ab8b3a92ef3d1a75de8.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/fbe028c8ead0427ea6ae3dce3c29cd07.jpeg