前后端分离项目，vue+uni-app+php+mysql教室预约系统设计与实现（H5移动项目）

水深无声 2024-03-31 10:59 78阅读 0赞

## 功能模块 ##

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

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

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

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

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

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

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

## 后台管理功能展示 ##

![ad175f7873f64df8b1360d7e0ff62742.jpeg][]![d7cdb116beae463889b7d503e36676fc.jpeg][]![334b1a5a384941a39772d486c7c5641c.jpeg][]![011bc71072624baeb6ce90b215ea4204.jpeg][]![2c35f079dbc54ccfb938fc72a6f1f368.jpeg][]![f9641a0678f84ca4bf907b750b3215fd.jpeg][]![8dab538ad4494ee5a644d93969c004f3.jpeg][]

## 系统功能展示 ##

![73ce895e863b4c688031267cbe782e2c.jpeg][]![ccda9fbec8b74c2da004c2abebe81901.jpeg][]![4f5006e2d5ce40278d6a3accbd76931a.jpeg][]![0deb8c1f009842b79842b35d06d55104.jpeg][]![56618a1e9a384636a820c4703314fd8c.jpeg][]![6649e0fce2404281932d916e0f4b30c9.jpeg][]![8b7cd3e7064f4cb08ae22fd0b0a25631.jpeg][]![cd57bc6871324a198487d104e049bd21.jpeg][]![84dfa3367d5a4cbfb8e8e32c0f43451a.jpeg][]![257e0fd726184faeb46a229195e8843d.jpeg][]![4648c33efdf541f8a22092197d49db99.jpeg][]![a822a084fb5b4d238b19987e6aca6b05.jpeg][]

## 接口代码 ##

#### 普通用户登录 ####

*接口*

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>

[ad175f7873f64df8b1360d7e0ff62742.jpeg]: https://img-blog.csdnimg.cn/ad175f7873f64df8b1360d7e0ff62742.jpeg
[d7cdb116beae463889b7d503e36676fc.jpeg]: https://img-blog.csdnimg.cn/d7cdb116beae463889b7d503e36676fc.jpeg
[334b1a5a384941a39772d486c7c5641c.jpeg]: https://img-blog.csdnimg.cn/334b1a5a384941a39772d486c7c5641c.jpeg
[011bc71072624baeb6ce90b215ea4204.jpeg]: https://img-blog.csdnimg.cn/011bc71072624baeb6ce90b215ea4204.jpeg
[2c35f079dbc54ccfb938fc72a6f1f368.jpeg]: https://img-blog.csdnimg.cn/2c35f079dbc54ccfb938fc72a6f1f368.jpeg
[f9641a0678f84ca4bf907b750b3215fd.jpeg]: https://img-blog.csdnimg.cn/f9641a0678f84ca4bf907b750b3215fd.jpeg
[8dab538ad4494ee5a644d93969c004f3.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/6eabbdbf6b1f43fe9f391985ca60de96.jpeg
[73ce895e863b4c688031267cbe782e2c.jpeg]: https://img-blog.csdnimg.cn/73ce895e863b4c688031267cbe782e2c.jpeg
[ccda9fbec8b74c2da004c2abebe81901.jpeg]: https://img-blog.csdnimg.cn/ccda9fbec8b74c2da004c2abebe81901.jpeg
[4f5006e2d5ce40278d6a3accbd76931a.jpeg]: https://img-blog.csdnimg.cn/4f5006e2d5ce40278d6a3accbd76931a.jpeg
[0deb8c1f009842b79842b35d06d55104.jpeg]: https://img-blog.csdnimg.cn/0deb8c1f009842b79842b35d06d55104.jpeg
[56618a1e9a384636a820c4703314fd8c.jpeg]: https://img-blog.csdnimg.cn/56618a1e9a384636a820c4703314fd8c.jpeg
[6649e0fce2404281932d916e0f4b30c9.jpeg]: https://img-blog.csdnimg.cn/6649e0fce2404281932d916e0f4b30c9.jpeg
[8b7cd3e7064f4cb08ae22fd0b0a25631.jpeg]: https://img-blog.csdnimg.cn/8b7cd3e7064f4cb08ae22fd0b0a25631.jpeg
[cd57bc6871324a198487d104e049bd21.jpeg]: https://img-blog.csdnimg.cn/cd57bc6871324a198487d104e049bd21.jpeg
[84dfa3367d5a4cbfb8e8e32c0f43451a.jpeg]: https://img-blog.csdnimg.cn/84dfa3367d5a4cbfb8e8e32c0f43451a.jpeg
[257e0fd726184faeb46a229195e8843d.jpeg]: https://img-blog.csdnimg.cn/257e0fd726184faeb46a229195e8843d.jpeg
[4648c33efdf541f8a22092197d49db99.jpeg]: https://img-blog.csdnimg.cn/4648c33efdf541f8a22092197d49db99.jpeg
[a822a084fb5b4d238b19987e6aca6b05.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/bdf83f635d61490ba9d5196c8b274e6b.jpeg