vue.js毕业设计,基于vue.js前后端分离教室预约小程序系统设计与实现

news2024/11/24 3:47:24

功能介绍

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

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

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

状态备注

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/25715.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

从零开始学前端:DOM、BOM、焦点事件 --- 今天你学习了吗?(JS:Day20)

从零开始学前端:程序猿小白也可以完全掌握!—今天你学习了吗?(JS) 复习:从零开始学前端:CSSOM视图模式 — 今天你学习了吗?(JS:Day19) 文章目录从…

java8 (jdk 1.8) 新特性——Stream ApI

在java8 中,有两个最重要的改变,一个就是之前了解的Lmbda java8 (jdk 1.8) 新特性——Lambda ,还有一个就是Stream Api 1. 什么是Stream API 简单来说就是一个类库,里边有一些方法方便我们对集合数据进行操作,就好像使用 SQL 语…

Windows cmd 命令及Linux 环境下导入导入mysql 数据库

文章目录一、背景二、Windows cmd 导入导出mysql 数据库1.导出数据库三种方式(导出数据库时不需要连接数据库)2. 操作步骤2.导入数据库三、linux 环境下导入导出数据库一、背景 最近在本机上安装了一个WMware 虚拟机,需要从本机(…

从三层架构说起,谈谈对历史项目的小改造

项目背景说明 最近接手一个 “老” 项目的需求修改,项目整体基于 .net core 3.1 平台,以传统的三层架构为基础构建。了解需求后,逐步对原有项目框架进行大概的了解,主要是熟悉一些框架的开发规范,基本工具类库的使用&…

寒亭5.8万亩盐碱稻 国稻种芯·中国水稻节:山东潍坊插秧期

寒亭5.8万亩盐碱稻 国稻种芯中国水稻节:山东潍坊插秧期 新京报讯(记者赵利新)新闻中国采编网 中国新闻采编网 谋定研究中国智库网 中国农民丰收节国际贸易促进会 国稻种芯中国水稻节 中国三农智库网-功能性农业农业大健康大会报道&#xff…

MMRotate 全面升级,新增 BoxType 设计

引言:大大降低水平框检测器改旋转框检测器的难度 MMRotate 是一个基于 PyTorch 和 MMDetection 的开源旋转框目标检测工具箱。它将目标检测从水平框扩展到旋转框,为场景文字、遥感影像、自动驾驶等领域的应用打下了基础,为学术界和产业界提供…

瞄准镜-第12届蓝桥杯Scratch选拔赛真题精选

[导读]:超平老师计划推出Scratch蓝桥杯真题解析100讲,这是超平老师解读Scratch蓝桥真题系列的第82讲。 蓝桥杯选拔赛每一届都要举行4~5次,和省赛、国赛相比,题目要简单不少,再加上篇幅有限,因此我精挑细选…

数据结构——单链表

一.简介 上一篇文章,我们介绍了线性表中的顺序表。 而顺序表拥有一些缺陷 1.空间不够时需要增容,增容需要付出代价 2.为避免重复扩容,我们进行指数扩容,可能会造成空间浪费 3.顺序表从开始位置连续存储,插入删除数…

卡特尔世界杯来了,只喝精酿啤酒不玩望京扑克,其实也是一种缺失

北京时间2022年11月20日,卡特尔世界杯正式拉开了序幕,全球都进入了世界杯时间。世界杯的开幕,最高兴的还是球迷朋友,大家可以欢聚一堂,喝着精酿啤酒看着足球,那滋味别提多舒服了。 世界杯对于广大球迷来说&…

表的增删查改

目录 插入数据 基本查询 更新数据 清空数据 聚合函数 group by子句 内置函数 基本查询练习 多表查询 子查询 合并查询 表的内外连接 插入数据 单行—全列插入 如下图,全列插入可以省略要在哪些列插入! 多行—指定列插入 如下图&#xff0…

安装 Red Hat Enterprise Linux 9.1 虚拟机

目录1. 官方下载链接与新闻2. 安装提示3. 系统安装步骤(1)进入系统引导界面(2)进入【系统语言选择】界面(3)进入【安装信息摘要】界面① 设置【root密码】② 设置【安装目的地】(4)进…

【python】使用python将多个视频合并、延长视频的时间

今天做知识分享的时候,最后保存的视频时长是58分钟,那么如何改变视频的时长,将视频时长改为一个小时呢? 下面提供3个方案: 方案1,重新录,很显然,不合理; 方案2&#xf…

蓝屏page_fault_in_nonpaged_area的解决办法

用户在操作电脑的过程中,难免会遇到蓝屏问题,最近就有用户遇到电脑蓝屏重启无限循环,提示代码page_fault_in_nonpaged_area,这要如何解决呢?下面就来看看详细的解决办法。 page_fault_in_nonpaged_area蓝屏代码解决方法…

【MySQL篇】第一篇——数据库基础

目录 什么是数据库 主流数据库 基本使用 MySQL安装 连接服务器 服务器管理 服务器,数据库,表关系 使用案例 创建数据库 使用数据库 创建数据库表 表中插入数据 查询表中的数据 数据逻辑存储 MySQL架构原理 MySQL整体逻辑架构 MySQL逻辑…

Eureka架构篇 - 服务发现

前言 从客户端与服务端两个角度概述一下Eureka服务发现的原理,如下: 客户端 依赖自动装配机制,客户端启动时就会从Eureka服务端全量获取服务实例的注册信息并缓存到本地。之后每隔30秒向Eureka服务端发起增量获取的请求,如果增…

云原生周刊 | 波音公司允许员工给开源项目做贡献

如果你要问谁对开源项目的贡献最小,那一定是保密等级很高的国防工业机构,但这个魔咒最近被波音公司给打破了。在最近的一次 Linux 基金会成员峰会 keynote 演讲中,波音公司提到他们会在 2022 年成立一个开源办公室,并且从即日起&a…

m基于MATLAB-GUI的GPS数据经纬度高度解析与kalman分析软件设计

目录 1.算法概述 2.仿真效果预览 3.MATLAB部分代码预览 4.完整MATLAB程序 1.算法概述 经度纬度和高度来自GPS信号的中的GPGGA的数据。所以提取这三个信息主要是对GPGGA中的数据进行整理。GPGGA的数据格式如下所示: GPGGA是GPS数据输出格式语句,意思是…

9问502

一、502意味着什么 502 Bad Gateway是指错误网关,无效网关;在互联网中表示一种网络错误。表现在WEB浏览器中给出的页面反馈。它通常并不意味着上游服务器已关闭(无响应网关/代理) ,而是上游服务器和网关/代理使用不一…

latex 模板使用技巧——参考文献篇

参考文献说明: 一、 常用参考文献类型 1、会议 (INPROCEEDINGS) 示例: INPROCEEDINGS{rcnn,title{Rich feature hierarchies for accurate object detection and semantic segmentation},author{Girshick, Ross and Donahue, J…

骨传导耳机是利用什么原理听歌?什么骨传导耳机好用

这几年来骨传导耳机的火热程度不言而喻,很多运动人士手上必有一款骨传导耳机,也随着骨传导耳机的兴起,越来越多小伙伴都加入了运动当中。当然,也有很多小伙伴是不知道骨传导耳机的,更不知道骨传导耳机有什么作用&#…