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 |
状态备注 |
vue.js毕业设计,基于vue.js前后端分离教室预约小程序系统设计与实现相关推荐
- vue.js毕业设计,基于vue.js前后端分离教室预约小程序系统 开题报告
毕业论文 基于Vue.js的教室预约小程序系统 开题报告 学 院: 专 业: 年 级: 学生姓名: 指导教师: 黄菊华 XXXX大学本科生毕业论文(设计)开题报告书 姓 ...
- 基于javaweb的前后端分离网上手机商城平台系统设计和实现(java+vue+redis+springboot+mysql+ssm)
基于javaweb的前后端分离网上手机商城平台系统设计和实现(java+vue+redis+springboot+mysql+ssm) 运行环境 Java≥8.MySQL≥5.7.Node.js≥10 ...
- 前后端分离项目—微信小程序的创建及app.json的配置(二)
目录 4.创建微信小程序项目 4.1获取appid 5.配置app.json 5.1添加页面 5.2修改顶部框样式 5.3添加taber底部导航栏 本人框架入门,此处记录完成一个前后端分离项目笔记,若 ...
- vue.js毕业设计,基于vue.js前后端分离教室预约系统(H5移动项目) 开题报告
毕业论文 基于Vue.js的教室预约系统(H5) 开题报告 学 院: 专 业: 年 级: 学生姓名: 指导教师: 黄菊华 XXXX大学本科生毕业论文(设计)开题报告书 姓 ...
- 基于微信教室预约小程序系统设计与实现 开题报告
毕业论文 基于微信小程序教室预约系统 开题报告 学 院: 专 业: 计算机科学与技术 年 级: 学生姓名: 指导教师: 黄菊华 XXXX大学本科生毕业论文(设计)开题报告书 ...
- 基于PHP+小程序(MINA框架)+Mysql数据库的校园教室预约小程序系统设计与实现
项目背景和意义 目的:本课题主要目标是设计并能够实现一个基于微信小程序教室预约系统,前台用户使用小程序,后台管理使用基PHP+MySql的B/S架构:通过后台添加教室信息.管理用户信息.管理预约信息: ...
- vue.js毕业设计,基于vue.js前后端分离教室预约系统设计与实现(H5移动项目)
功能模块 [后台管理功能模块] 系统设置:设置关于我们.联系我们.加入我们.法律声明 广告管理:设置小程序首页轮播图广告和链接 留言列表:所有用户留言信息列表,支持删除 会员列表:查看所有注册会员信息 ...
- 基于web的前后端分离nodejs和vue.js医院分诊系统
(1)系统设置模块:包括权限管理和用户信息管理.此模块主要功能包括:添加.修改.删除和查看用户信息,给用户分配权限进行角色管理. (2)用户管理:用户进行登录和注册,进行挂号 (3)患者管理模块:此模 ...
- 计算机毕业设计-基于ssm+vue的化妆品商城管理系统(前后端分离)java代码
计算机毕业设计-基于ssm+vue的化妆品商城管理系统(前后端分离)java代码 注意:该项目只展示部分功能,如需了解,评论区咨询即可. 作者:IT跃迁谷 1.开发环境 开发语言:Java 设计模式: ...
最新文章
- 创建细分客户的无监督学习项目
- mysql第五章项目二_Todo List:Node+Express 搭建服务端毗邻Mysql – 第五章(第1节)
- boost::core模块实现分配器解除分配
- mongodb系列-访问控制
- HBase之BloomFilter
- 微软发布 Power BI 2020 上半年发行计划
- openssl解析国密X509证书
- 我要去三清山国家公园。。。
- 这台计算机没有连接到网络怎么办,如果计算机连接到路由器并且没有互联网,该怎么办...
- LightOJ1245 Harmonic Number (II) —— 规律
- ASP.NET简化编辑界面 V2
- 加深 | Matlab图像实验操作基础(矩阵,九宫格、噪声处理)
- MFC 鼠标光标资源 及 更换
- tunnelbroker_通过OPNSense上的TunnelBroker进行IPv6
- Win11想运行老游戏怎么设置
- python实战因子分析和主成分分析
- CTF之misc-图片隐写
- 《Adaptive Unfolding Total Variation Network for Low-Light Image Enhancement》2021ICCV 弱光增强
- 腾讯云购买服务器操作步骤
- 18-关系型数据和文档型数据库有什么区别?