vue.js毕业设计,基于vue.js前后端分离教室预约系统设计与实现(H5移动项目)

news2024/11/28 0:39:36

功能模块

 

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

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

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

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

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

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

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

后台管理功能展示

系统功能展示

接口代码

普通用户登录

接口

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/26975.html

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

相关文章

[附源码]计算机毕业设计JAVA家政管理系统

[附源码]计算机毕业设计JAVA家政管理系统 项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis M…

Spring Boot中Node.js的下载与Vue CLI在IDEA中的部署及使用(图文解释 简单易懂)

仍有问题可点赞关注收藏后在评论区留言~~~ 一、Node.js与npm的下载 在使用Vue CLI(Vue脚手架)搭建前端系统的时候,因为需要用到npm安装Vue CLI,而npm是集成在Node.js中的,所以需要首先安装Node.js Node.js官网 下载过程很简单,…

数据库错误知识集2

Oracle数据库中最常见的索引类型是b-tree索引,也就是B-树索引,以其同名的计算科学结构命名。 union与union all的区别(摘): ①对重复结果的处理:union会去掉重复记录,union all不会;…

转铁蛋白偶联糖(单糖/多糖),(Transferrin)TF-PEG-Dextran葡聚糖/Lysozyme溶菌酶

产品名称:转铁蛋白-聚乙二醇-葡聚糖 英文名称:TF-PEG-Dextran 纯度:95% 存储条件:-20C,避光,避湿 外观:固体或粘性液体,取决于分子量 PEG分子量可选:350、550、750、1k、2k、34k、5k…

校招补一个什么样的项目比较好?

校招一年比一年卷,千军万马过独木桥的情况下该怎样充实自己的项目经历?有两件事要搞明白! 一、什么是【好】项目? 好项目在简历上要能一眼看出亮点和提问点。并且要能够把提问点对应的回答准备到位,这样才能在招聘量…

外汇天眼周回顾:Equiti开设最新办事处,Vantage推出Vantage Connect服务

在过去的一周内,国外外汇市场都发生了哪些引人注意的外汇新闻?天眼君带大家一起看看,具体新闻如下: 1、Equiti在塞浦路斯利马索尔开设最新办事处 据悉,多资产经纪商Equiti Group在宣布其在塞浦路斯的新业务获得CySEC …

CRM客户管理系统在市面上这么多?应该如何选型?各行业选型CRM必看!

当您下定决心怎样为您的民营企业选择合适的 CRM 时,须要考量很多不利因素。许多基本上国际标准适用于绝大多数寻求 CRM 软件系统的民营企业。其他注意事宜取决于您的业务体量和性质。下列是任何人 CRM 软件系统中须要注意的 14 项常规事宜,以及许多可能对…

【笑小枫玩转SpringBoot系列】目录,一篇拥有一个系列,值得收藏哟~

本系列简介 本系列主要讲解了JAVA后端开发中常用的操作,以初创一个SpringBoot项目开始,以实例的形式讲解了一个单项目框架的诞生。本文可以做为SpringBoot项目的入门学习,也可以当做一个初建项目的框架。 本文主要使用mysql数据库&#xff0…

Flutter for App——一个简单的BMI计算APP

一个简单的BMI计算APP效果截图初始化布局顶部区域标题计算结果组合顶部区域背景中间区域输入框输入行计算按钮分界线组合中间区域底部区域页面组合BMI计算Toast弹窗效果导入依赖封装效果截图 初始化 初始化表单控制器和焦点节点 void initView(){formKey GlobalKey<FormS…

Unity ECS实例:制作俯视角射击游戏!

目录 创建主角 3&#xff1a;主角移动和摄像机跟随 4&#xff1a;实现敌人角色 5&#xff1a;子弹&#xff0c;死亡&#xff0c;机器人 6&#xff1a;粒子与音效 这次我们来使用Unity ECS系统制作一个俯视角度的射击游戏。虽然现在网上有不少ECS的资料和项目&#xff0c;但…

(十二)Spring IoC注解式开发

文章目录回顾注解注解怎么定义&#xff0c;注解中的属性怎么定义&#xff1f;元注解Target注解Retention注解注解怎么使用&#xff1f;通过反射机制怎么读取注解&#xff1f;Spring注解原理声明Bean的注解Spring注解的使用第一步&#xff1a;加入aop的依赖第二步&#xff1a;在…

1.3 c++虚基类的用途以及内存模型

1.3 虚基类 1.3.1 虚基类(菱形继承)的语法实现 对于如下的继承体系&#xff0c;定义了一个公共基类A。类B和类C都由类A公有派生&#xff0c;类D由类B和类C公有派生。 其示例代码如下所示&#xff0c;这段代码的45行是无法通过编译器的&#xff0c;这即是多重继承存在的一个问…

十二、组合API(2)

本章概要 响应式 API reactive() 方法watchEffect() 方法解构响应性状态深入 watchEffect()refreadonlycomputedwatch 11.3 响应式 API Vue 3.0 的核心功能主要是通过响应式 API 实现的&#xff0c;组合 API 将他们公开为独立的函数。 11.3.1 reactive() 方法 reactive()…

基于物联网的自动灌溉系统的设计与实现

本设计是基于物联网的自动灌溉系统&#xff0c;主要实现以下功能&#xff1a; 1&#xff0c;OLED显示温湿度和土壤温湿度&#xff1b; 2&#xff0c;可通过继电器实现自动灌溉和自动加热的功能&#xff1b; 3&#xff0c;通过lora构建自组网&#xff0c;进行主从机间的数据传输…

正点原子 核心板IMX6ULL IIC RTC驱动 PCF8563

目录前言IIC RTC PCF8563硬件使用IIC设备地址配置 menuconfig 自带PCF8563驱动修改设备树dtb编写应用App测试前言 此篇基于学完【正点原子】I.MX6U嵌入式Linux驱动开发指南V1.6 后&#xff0c;使用核心板进行自行设置。 IIC RTC PCF8563硬件使用 Imx6ul内部的RTC时钟不是很准…

VMware Workstation虚拟机网络相关配置

1、网络配置 1.1、方式一&#xff1a;配置文件 配置文件&#xff1a;网络参数之IP地址与子网掩码、网关地址、DNS 1.1.1、删除旧网卡配置文件 rm -rf /etc/sysconfig/network-scripts/ifcfg-* 1.1.2、grub内核引导程序&#xff0c;定义网卡重新命名规则 vim /etc/default/…

若依vue ruoyi-vue ant design版本使用

若依vue默认是使用element ui的&#xff0c;但是现在大部分项目都用ant design&#xff0c;ant design的组件也比element多&#xff0c;所以最近有想更改成ant design。网上搜了一下&#xff0c;已经有现成的了。 RuoYi-Antdv https://gitee.com/fuzui/RuoYi-Antdv RuoYi-Ant…

【scala】第二章——Scala 变量和数据类型

文章目录1 注释2 变量和常量&#xff08;重点&#xff09;3 标识符的命名规范4 字符串输出5 键盘输入6 数据类型&#xff08;重点&#xff09;7 整数类型&#xff08;Byte、Short、Int、Long&#xff09;8 浮点类型&#xff08;Float、Double&#xff09;9 字符类型&#xff08…

1秒钟搞懂tee和vim文件的使用命令(超级详细)

1秒钟搞懂tee和vim文件的使用命令&#xff08;超级详细&#xff09;一&#xff0c;tee的具体使用1&#xff0c;tee用来显示屏幕并且保存在文件中2&#xff0c;&#xff08;|&#xff09;管道符用来覆盖上一文件内容3&#xff0c;-a用来追加文件内容二&#xff0c;vim的命令模式…

[附源码]计算机毕业设计JAVA教室用电控制系统

[附源码]计算机毕业设计JAVA教室用电控制系统 项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybati…