编程知识 cdmana.com

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

 功能介绍

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

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

密码修改:修改注册的密码。
退出登录:清除登录的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

性别

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

状态备注

版权声明
本文为[黄菊华老师]所创,转载请带上原文链接,感谢
https://huangjuhua.blog.csdn.net/article/details/128019641

Scroll to Top