近年来,随着我国互联网技术的不断成熟,线上学习平台如雨后春笋般涌现。这些平台提供了丰富的学习资源,使学生们可以随时随地学习。然而,线上学习平台往往只能提供学习资源,无法为学生提供一个良好的学习环境。自习室作为一种专门为学生提供学习场所的场所,一直以来都受到广大学子的欢迎。然而,受地理位置、开放时间等因素的限制,自习室的服务质量往往难以满足学生的需求。基于此,我们将目光聚焦在自习室服务平台APP的开发上,以期通过科技手段提升自习室的使用效率和服务质量。为此,本文提出了一种基于VUE框架的自习室服务平台。
本系统将采用express+VUE框架进行开发。express是Node.JS的一个快速、开放、极简的Web框架,具有良好的扩展性和性能。VUE.JS则是一个用于构建用户界面的渐进式框架,易于上手,且具有良好的文档支持。通过这两个框架的结合,可以打造出一个高效、易用、功能丰富的自习室服务平台APP。
关键词:自习室;APP;VUE
Abstract
In recent years, as China's Internet technology continues to mature, online learning platforms have sprung up like mushrooms. These platforms provide abundant learning resources, allowing students to learn anytime, anywhere. However, online learning platforms often only provide learning resources and cannot provide students with a good learning environment. The self-study room, as a place specifically designed to provide students with a learning environment, has always been popular among students. However, due to factors such as geographical location and open hours, the service quality of self-study rooms often fails to meet the needs of students. Based on this, we will focus on the development of the self-study room service platform APP, in order to improve the efficiency and service quality of the self-study room through technological means. Therefore, this article proposes a self-study room service platform based on the VUE framework.
This system will be developed using the express+VUE framework. Express is Node JS is a fast, open, and minimalist web framework with good scalability and performance. VUE JS is a progressive framework for building user interfaces, which is easy to get started with and has good documentation support. By combining these two frameworks, an efficient, user-friendly, and feature rich self-study room service platform APP can be created.
Keywords:Self study room; APP; VUE
1 绪论
1.1 研究背景
随着信息技术的不断进步和智能设备的普及,人们的生活方式、学习方式都发生了巨大的变化。特别是在教育领域,线上学习、远程教育和个性化学习成为了新的趋势。自习室作为提供自主学习空间的服务场所,一直以来都受到广大学生和工作者的青睐。然而,传统的自习室管理模式存在一些问题,如座位预约不便、学习资源有限、学习效率难以监控等。因此,开发一个基于VUE框架的自习室服务平台,旨在解决这些问题,提升自习室的使用体验和学习效率。
Express框架作为Node.js的一个轻量级Web应用框架,具有简单、高效的特点,非常适合构建服务器端应用。VUE框架则是一款流行的前端框架,它采用组件化的开发方式,能够构建出响应式、高性能的Web应用。将Express和VUE结合使用,可以实现前后端分离的架构,提高开发效率和系统可维护性。
随着科技的不断发展,移动互联网的普及,人们的生活方式也在发生着翻天覆地的变化。在这样的背景下,自习室作为一种提供安静学习环境的场所,也逐渐受到了大众的青睐。然而,传统自习室在管理和服务方面存在诸多问题,如预约困难、场地紧张、服务不完善等,这些问题严重影响了用户的学习体验。研究基于VUE框架的自习室服务平台的具有重要的意义,其意义主要体现在以下几个方面:
首先,可以优化用户体验。用户可以通过APP实时查看自习室的情况并进行在线预约。通过APP平台,无需亲自前往自习室或通过电话、短信等方式进行预约,大大提升了用户体验。
其次,可以提高管理效率。商家可以通过平台实时监控自习室的使用情况,以便更好地进行资源调配和管理。此外,平台还可以提供数据分析和统计功能,帮助管理者了解用户的使用习惯和需求,从而优化自习室的服务质量和运营效率。
再次,有助于推动技术进步。基于VUE框架的自习室服务平台的研究与实现,可以推动前端技术的发展和应用,为其他类似系统的开发提供参考和借鉴。
最后,有助于推动教育信息化发展。自习室服务平台作为教育信息化的一部分,可以推动教育行业的技术创新和数字化转型。通过平台的数据分析和挖掘,可以为教育管理部门提供决策支持,推动教育资源的优化配置和教育质量的提升。
1.3 开发技术
Express 是一个简洁而灵活的 node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。Express不对node.js已有的特性进行二次抽象,我们只是在它之上扩展了Web应用所需的功能。丰富的HTTP工具以及来自Connect框架的中间件随取随用,创建强健、友好的API变得快速又简单。
使用 Express 可以快速地搭建一个完整功能的网站。
Express 框架核心特性:
可以设置中间件来响应 HTTP 请求。
定义了路由表用于执行不同的 HTTP 请求动作。
可以通过向模板传递参数来动态渲染 HTML 页面。
VUE.JS是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,VUE采用自底向上增量开发的设计。VUE 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,VUE 完全有能力驱动采用单文件组件和VUE生态系统支持的库开发的复杂单页应用。
VUE.JS 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
VUE.JS 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,VUE.JS 也能驱动复杂的单页应用。
MySQL数据库已经成为网络上的一种强大的工具,它能够支持多个用户,并且能够根据客户端和服务端的需求进行调整,从而满足不同的需求。在这里,服务端和客户端只是一种软件上的概念,而我们所使用的计算机硬件则没有必要完全相互匹配。
MySQL作为一种备受推崇的关联性DBMS,其卓越的性能和易于操作的特性,以及其在多种操作环境中的灵活性,让其成为了最受青睐的应用之选。此外,MySQL还具有良好的跨平台性,让软件开发人员更加满意。与传统的关联式数据库系统形式大相径庭,MySQL拥有一套完善的数据库管理策略,以确保用户的安全、稳健、安全。MySQL具备良好的容错、安全、快速、稳健的特点,使得MySQL成为一款相当流行的数据库管理工具。
MySQL拥有一种独特的权限分配机制,可以根据用户的身份和业务逻辑,为用户提供更多的选择,从而大大提高了MySQL的安全性和完整性,远超过其他关系型数据库。
MySQL具有强大的功能,能够处理各种数据类型,包括动态、静态、多种语言,从而使用户能够轻松访问多种数据。
MySQL具有多种功能,它能够支持多种平台的开发,并且支持多种编程语言,使得用户能够轻松访问和使用MySQL数据库。
1.4论文结构与章节安排
论文将分层次进行编排,除去论文摘要致谢文献参考部分,正文部分主要结构如下:
第一章:绪论,此章节对所设计和实现的系统的研究背景和意义以及开发技术进行详细的论述以及说明,同时进行了论文整体框架的结构的简要介绍。
第二章:系统分析,此章节所做的主要的工作是对系统进行了技术、经济等方面可行性的分析;对系统实行了总体功能的需求、用例分析。
第三章:系统总体设计,主要是对系统的功能结构进行设计,并对系统数据库的概念结构设计进行了分析。
第四章:系统详细设计与实现,根据系统功能的划分,分别的对系统所需要实现的前台用户端功能和后台管理端功能进行了分析和说明。
第五章:系统测试,主要介绍了系统测试目的和对系统的部分功能界面进行测试并对测试结果作出总结。
第六章:结论。对整个研究工作进行了总结。
2系统分析
系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。
2.1 可行性分析
1. 技术可行性
Express 是一个基于 Node.js 的极简、灵活的web 应用开发框架,适合构建各种规模的 web 服务器和 API。VUE 则是一个构建用户界面的渐进式框架,特别适合于构建单页应用。Express可以处理后端逻辑,如用户认证、数据处理和API端点,而VUE可以用于前端界面开发,提供用户交互。这两个框架的结合可以实现一个功能丰富、交互良好的自习室服务平台。因此,从技术层面分析是可行的。
2. 经济可行性
自习室服务平台的建设可以商家更好地管理自习室资源,提高资源利用率,减少浪费。同时,通过提供便捷的预约和管理功能,可以提高用户的学习效率和体验,吸引更多的用户使用。因此,从经济角度来看,该平台的建设是有益的,具有较高的经济可行性。
3. 社会可行性
随着信息技术的不断发展,越来越多的服务开始向线上转移。自习室服务平台的建设符合这一趋势,可以为用户提供更加便捷和高效的服务。同时,通过提供数据统计和分析功能,可以帮助商家更好地了解用户的需求和行为,为改进服务和提高管理水平提供有力支持。因此,从社会角度来看,该平台的建设也是可行的。
用户通过登录才能访问系统及权限以内的功能,对此将实现各种应用及管理等功能,用户登录流程图如下图2-1所示。
![](https://i-blog.csdnimg.cn/direct/f7c2d1045ae243118b326865306362e0.png)
图2-1 用户登录流程图
2.2.2 数据删除流程
如果系统里面存在一些没用的数据,相关的管理人员还可以对这些数据进行删除,数据删除时流程图如下图2-2所示。
![](https://i-blog.csdnimg.cn/direct/c8f672c733ab4f25abfe5ca240a126cc.png)
图2-2 数据删除流程图
2.3.1 功能性分析
按照基于VUE框架的自习室服务平台的功能模块,主要包括用户端(商家用户、普通用户、管理员)和管理端(管理员)这两大功能模块。
- 用户端商家用户功能
- 注册登录:商家可以通过注册成为系统用户,注册后可以用账号密码登录系统。
- 首页:用户可以查看首页展示的轮播图、网站公告、自习室信息、新闻资讯等信息。
- 新闻资讯:用户可以查看新闻资讯列表中某个资讯的详情并可以点赞、收藏和评论。
- 我的:用户点击首页右下角“我的”进入页面可以查看和管理基本信息、自习室信息、预定信息、数据统计、平台抽成、收藏和统计图信息。点击“退出登录”即可退出系统登录。
- 用户端普通用户功能
- 注册登录:新用户可以通过注册成为系统用户,注册后可以用账号密码登录系统。
- 首页:用户可以查看首页展示的轮播图、网站公告、自习室信息、新闻资讯等信息。点击“自习室信息”进入页面可以查看列表中某个自习室的详情并可以预定、点赞、收藏和评论。
- 新闻资讯:用户可以查看新闻资讯列表中某个资讯的详情并可以点赞、收藏和评论。
- 我的:用户点击首页右下角“我的”进入页面可以查看和管理基本信息、预定信息和收藏信息。点击“退出登录”即可退出系统登录。
- 用户端管理员功能
- 登录:管理员的账号和密码是事先在数据库中设定好的,管理员可以通过在后台输入正确的账号和密码进行登录。
- 首页:管理员可以查看首页展示的轮播图、网站公告、自习室信息、新闻资讯等信息。
- 新闻资讯:管理员可以查看新闻资讯列表中某个资讯的详情并可以点赞、收藏和评论。
- 我的:管理员点击首页右下角“我的”进入页面可以查看和管理基本信息、收藏、统计图、普通用户、商家用户、自习室信息、预定信息、数据统计、平台抽成和自习室类型信息。点击“退出登录”即可退出系统登录。
- 管理端管理员功能
- 后台首页:管理员可以查看后台首页展示的预定信息统计、数据统计统计、平台抽成统计图信息。
- 系统用户:管理员可以查看系统用户(管理员、商家用户、普通用户)列表中某一用户的详情,可以对用户信息进行查询、添加和删除操作。
- 自习室信息管理:管理员可以查看自习室信息列表中某个自习室的详情和评论,可以对自习室信息进行查询、添加和删除操作。
- 预定信息管理:管理员可以查看预定信息列表中某个用户的预定信息详情,可以对列表信息进行查询和删除操作。
- 数据统计管理:管理员可以查看数据统计列表中某个数据统计的详情,可以对数据统计信息进行查询、添加和删除操作。
- 平台抽成管理:管理员可以查看平台抽成列表中某个商家的平台抽成的详情,可以对平台抽成信息进行查询、添加和删除操作。
- 自习室类型管理:管理员可以查看自习室类型列表中某个类型的详情,可以对自习室类型信息进行查询、添加和删除操作。
- 系统管理:管理员在“系统管理”这一菜单下对轮播图进行管控,可以对轮播图信息进行查询添加、和删除操作。
- 通知公告管理:通知公告管理界面是管理员用来管理系统中的通知公告的界面。管理员可以对通知公告信息进行查询添加、和删除操作。
- 资源管理:在“资源管理”菜单管理员对新闻资讯和新闻分类列表信息进行管控。管理员可以对新闻资讯、新闻分类列表信息进行查询、添加和删除操作。
2.3.2 非功能性分析
基于VUE框架的自习室服务平台的非功能性需求比如基于VUE框架的自习室服务平台的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:
表2-1基于VUE框架的自习室服务平台非功能需求表
安全性 | 主要指基于VUE框架的自习室服务平台数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指基于VUE框架的自习室服务平台能够安装用户的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响基于VUE框架的自习室服务平台占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着基于VUE框架的自习室服务平台的页面展示内容进行操作,就可以了。 |
可维护性 | 基于VUE框架的自习室服务平台开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
2.4用例分析
通过2.3功能的分析,得出了基于VUE框架的自习室服务平台的用例图:
用户端商家用户用例图如下图2-3所示。
![](https://i-blog.csdnimg.cn/direct/c5f23345835b4acd9c6c08fe8bba608e.png)
图2-3 商家用户用例图
用户端普通用户用例图如下图2-4所示。
![](https://i-blog.csdnimg.cn/direct/60f53c7a10644ac4af9f83a50c7770a0.png)
图2-4 普通用户用例图
用户端管理员用例图如下图2-5所示。
![](https://i-blog.csdnimg.cn/direct/5d53bc9b06e6424bbd77d85baf875d53.png)
图2-5用户端管理员用例图
管理端管理员用例图如下图2-6所示。
![](https://i-blog.csdnimg.cn/direct/3a1406a60a2a4d508ed968872f42dfe6.png)
本章主要通过对基于VUE框架的自习室服务平台的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个系统要实现的功能。同时也为系统的代码实现和测试提供了标准。
本章主要讨论的内容包括基于VUE框架的自习室服务平台的总体设计原则、功能模块设计、数据库系统设计。
一个系统要在开发和维护的过程中方便使用,必须采取一定的设计原则,其主要设计原则有:
简单性:系统功能简单易懂,只需要掌握基本的计算机操作能力即可使用。
针对性:针对特定的用户,没有多余的其他功能,使用户可以专心使用。
实用性:能够满足用户查看自习室信息、预定信息等方面的需求。
先进性:本系统的代码采用读取数据的方式,方便后续开发、拓展。
3.2系统功能模块设计
3.2.1整体功能模块设计
在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本系统中的用例。那么接下来就要开始对本系统的主要功能和数据库开始进行设计。根据前面章节的需求分析得出,其总体设计模块图如图3-1所示。
![](https://i-blog.csdnimg.cn/direct/86dabcbb78144077a9f0b379ddb097b0.png)
图3-1 系统功能模块图
3.2.2系统用户模块设计
用户模块是系统中一个重要的功能模块,它涉及用户的注册、登录、个人信息管理等操作。在用户模块设计中,我们将定义用户数据的结构和属性,包括用户名、密码、邮箱等。同时,还需要实现用户注册、登录、修改密码等功能,并对用户输入进行验证和处理。用户模块的结构图如下图3-2所示:
![](https://i-blog.csdnimg.cn/direct/bf5d3926919e4d299f723794847ff18c.png)
图3-2用户模块结构图
3.2.3自习室信息管理模块设计
自习室信息管理模块是本系统中的重要功能之一。该模块的设计旨在提供对自习室信息的发布、编辑、删除和查看等管理功能,以便及时、准确地向系统用户发布相关的自习室信息。其模块功能结构图如下图3-3所示:
![](https://i-blog.csdnimg.cn/direct/7c4455e3c8d3430a810814eaf43a72eb.png)
图3-3自习室信息管理模块结构图
3.3 数据库设计
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
3.3.1 数据库概念结构设计
下面是整个基于VUE框架的自习室服务平台中主要的数据库表总E-R实体关系图。
![](https://i-blog.csdnimg.cn/direct/83125d78f894457ca6fcea5ad15ac7a1.png)
图3-4 系统总E-R关系图
3.3.2 数据库逻辑结构设计
通过上一小节中基于VUE框架的自习室服务平台中总E-R关系图上得出一共需要创建很多个数据表。在此主要罗列几个主要的数据库表结构设计。
表access_token (登陆访问时长)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | token_id | int | 10 | 0 | N | Y | 临时访问牌ID | |
2 | token | varchar | 64 | 0 | Y | N | 临时访问牌 | |
3 | info | text | 65535 | 0 | Y | N | ||
4 | maxage | int | 10 | 0 | N | N | 2 | 最大寿命:默认2小时 |
5 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
6 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
7 | user_id | int | 10 | 0 | N | N | 0 | 用户编号: |
表article (文章:用于内容管理系统的文章)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | article_id | mediumint | 8 | 0 | N | Y | 文章id:[0,8388607] | |
2 | title | varchar | 125 | 0 | N | Y | 标题:[0,125]用于文章和html的title标签中 | |
3 | type | varchar | 64 | 0 | N | N | 0 | 文章分类:[0,1000]用来搜索指定类型的文章 |
4 | hits | int | 10 | 0 | N | N | 0 | 点击数:[0,1000000000]访问这篇文章的人次 |
5 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
6 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
8 | source | varchar | 255 | 0 | Y | N | 来源:[0,255]文章的出处 | |
9 | url | varchar | 255 | 0 | Y | N | 来源地址:[0,255]用于跳转到发布该文章的网站 | |
10 | tag | varchar | 255 | 0 | Y | N | 标签:[0,255]用于标注文章所属相关内容,多个标签用空格隔开 | |
11 | content | longtext | 2147483647 | 0 | Y | N | 正文:文章的主体内容 | |
12 | img | varchar | 255 | 0 | Y | N | 封面图 | |
13 | description | text | 65535 | 0 | Y | N | 文章描述 |
表article_type (文章分类)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | type_id | smallint | 5 | 0 | N | Y | 分类ID:[0,10000] | |
2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000]决定分类显示的先后顺序 |
3 | name | varchar | 16 | 0 | N | N | 分类名称:[2,16] | |
4 | father_id | smallint | 5 | 0 | N | N | 0 | 上级分类ID:[0,32767] |
5 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该分类的作用 | |
6 | icon | text | 65535 | 0 | Y | N | 分类图标: | |
7 | url | varchar | 255 | 0 | Y | N | 外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置 | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表auth (用户权限管理)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | auth_id | int | 10 | 0 | N | Y | 授权ID: | |
2 | user_group | varchar | 64 | 0 | Y | N | 用户组: | |
3 | mod_name | varchar | 64 | 0 | Y | N | 模块名: | |
4 | table_name | varchar | 64 | 0 | Y | N | 表名: | |
5 | page_title | varchar | 255 | 0 | Y | N | 页面标题: | |
6 | path | varchar | 255 | 0 | Y | N | 路由路径: | |
7 | position | varchar | 32 | 0 | Y | N | 位置: | |
8 | mode | varchar | 32 | 0 | N | N | _blank | 跳转方式: |
9 | add | tinyint | 3 | 0 | N | N | 1 | 是否可增加: |
10 | del | tinyint | 3 | 0 | N | N | 1 | 是否可删除: |
11 | set | tinyint | 3 | 0 | N | N | 1 | 是否可修改: |
12 | get | tinyint | 3 | 0 | N | N | 1 | 是否可查看: |
13 | field_add | text | 65535 | 0 | Y | N | 添加字段: | |
14 | field_set | text | 65535 | 0 | Y | N | 修改字段: | |
15 | field_get | text | 65535 | 0 | Y | N | 查询字段: | |
16 | table_nav_name | varchar | 500 | 0 | Y | N | 跨表导航名称: | |
17 | table_nav | varchar | 500 | 0 | Y | N | 跨表导航: | |
18 | option | text | 65535 | 0 | Y | N | 配置: | |
19 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
20 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表booking_information (预定信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | booking_information_id | int | 10 | 0 | N | Y | 预定信息ID | |
2 | regular_users | int | 10 | 0 | Y | N | 0 | 普通用户 |
3 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
4 | merchant_users | int | 10 | 0 | Y | N | 0 | 商家用户 |
5 | merchant_name | varchar | 64 | 0 | Y | N | 商家名称 | |
6 | name_of_self_study_room | varchar | 64 | 0 | Y | N | 自习室名称 | |
7 | price_of_self_study_room | int | 10 | 0 | Y | N | 0 | 自习室价格 |
8 | order_number | varchar | 64 | 0 | Y | N | 订单编号 | |
9 | number_of_reservations | int | 10 | 0 | Y | N | 0 | 预定人数 |
10 | booking_time | datetime | 19 | 0 | Y | N | 预定时间 | |
11 | pay_state | varchar | 16 | 0 | N | N | 未支付 | 支付状态 |
12 | pay_type | varchar | 16 | 0 | Y | N | 支付类型: 微信、支付宝、网银 | |
13 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
14 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表collect (收藏)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | collect_id | int | 10 | 0 | N | Y | 收藏ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 收藏人ID: |
3 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
4 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
5 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
6 | title | varchar | 255 | 0 | Y | N | 标题: | |
7 | img | varchar | 255 | 0 | Y | N | 封面: | |
8 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
9 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表comment (评论)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | comment_id | int | 10 | 0 | N | Y | 评论ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 评论人ID: |
3 | reply_to_id | int | 10 | 0 | N | N | 0 | 回复评论ID:空为0 |
4 | content | longtext | 2147483647 | 0 | Y | N | 内容: | |
5 | nickname | varchar | 255 | 0 | Y | N | 昵称: | |
6 | avatar | varchar | 255 | 0 | Y | N | 头像地址:[0,255] | |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
9 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
10 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
11 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
表data_statistics (数据统计)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | data_statistics_id | int | 10 | 0 | N | Y | 数据统计ID | |
2 | merchant_users | int | 10 | 0 | Y | N | 0 | 商家用户 |
3 | merchant_name | varchar | 64 | 0 | Y | N | 商家名称 | |
4 | name_of_self_study_room | varchar | 64 | 0 | Y | N | 自习室名称 | |
5 | number_of_study_rooms | int | 10 | 0 | Y | N | 0 | 自习室数量 |
6 | number_of_reservations | int | 10 | 0 | Y | N | 0 | 预定人数 |
7 | booking_time | date | 10 | 0 | Y | N | 预定时间 | |
8 | occupancy_rate | varchar | 64 | 0 | Y | N | 上座率 | |
9 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表hits (用户点击)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | hits_id | int | 10 | 0 | N | Y | 点赞ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
表merchant_users (商家用户)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | merchant_users_id | int | 10 | 0 | N | Y | 商家用户ID | |
2 | merchant_name | varchar | 64 | 0 | Y | N | 商家名称 | |
3 | contact_information | varchar | 64 | 0 | Y | N | 联系方式 | |
4 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
5 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
6 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
7 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表notice (公告)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | notice_id | mediumint | 8 | 0 | N | Y | 公告id: | |
2 | title | varchar | 125 | 0 | N | N | 标题: | |
3 | content | longtext | 2147483647 | 0 | Y | N | 正文: | |
4 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
5 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表platform_commission (平台抽成)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | platform_commission_id | int | 10 | 0 | N | Y | 平台抽成ID | |
2 | merchant_users | int | 10 | 0 | Y | N | 0 | 商家用户 |
3 | merchant_name | varchar | 64 | 0 | Y | N | 商家名称 | |
4 | date_of_commission | date | 10 | 0 | Y | N | 抽成日期 | |
5 | total_order_amount | int | 10 | 0 | Y | N | 0 | 订单总额 |
6 | commission_amount | int | 10 | 0 | Y | N | 0 | 抽成金额 |
7 | pay_state | varchar | 16 | 0 | N | N | 未支付 | 支付状态 |
8 | pay_type | varchar | 16 | 0 | Y | N | 支付类型: 微信、支付宝、网银 | |
9 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表praise (点赞)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | praise_id | int | 10 | 0 | N | Y | 点赞ID: | |
2 | user_id | int | 10 | 0 | N | N | 0 | 点赞人: |
3 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
8 | status | bit | 1 | 0 | N | N | 1 | 点赞状态:1为点赞,0已取消 |
表regular_users (普通用户)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | regular_users_id | int | 10 | 0 | N | Y | 普通用户ID | |
2 | user_name | varchar | 64 | 0 | Y | N | 用户姓名 | |
3 | user_gender | varchar | 64 | 0 | Y | N | 用户性别 | |
4 | contact_information | varchar | 64 | 0 | Y | N | 联系方式 | |
5 | examine_state | varchar | 16 | 0 | N | N | 已通过 | 审核状态 |
6 | user_id | int | 10 | 0 | N | N | 0 | 用户ID |
7 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表self_study_room_information (自习室信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | self_study_room_information_id | int | 10 | 0 | N | Y | 自习室信息ID | |
2 | merchant_users | int | 10 | 0 | Y | N | 0 | 商家用户 |
3 | merchant_name | varchar | 64 | 0 | Y | N | 商家名称 | |
4 | name_of_self_study_room | varchar | 64 | 0 | Y | N | 自习室名称 | |
5 | type_of_self_study_room | varchar | 64 | 0 | Y | N | 自习室类型 | |
6 | picture_of_self_study_room | varchar | 255 | 0 | Y | N | 自习室图片 | |
7 | location_of_self_study_room | varchar | 64 | 0 | Y | N | 自习室位置 | |
8 | number_of_study_rooms | int | 10 | 0 | Y | N | 0 | 自习室数量 |
9 | price_of_self_study_room | int | 10 | 0 | Y | N | 0 | 自习室价格 |
10 | introduction_to_self_study_room | text | 65535 | 0 | Y | N | 自习室介绍 | |
11 | hits | int | 10 | 0 | N | N | 0 | 点击数 |
12 | praise_len | int | 10 | 0 | N | N | 0 | 点赞数 |
13 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
14 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表slides (轮播图)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | slides_id | int | 10 | 0 | N | Y | 轮播图ID: | |
2 | title | varchar | 64 | 0 | Y | N | 标题: | |
3 | content | varchar | 255 | 0 | Y | N | 内容: | |
4 | url | varchar | 255 | 0 | Y | N | 链接: | |
5 | img | varchar | 255 | 0 | Y | N | 轮播图: | |
6 | hits | int | 10 | 0 | N | N | 0 | 点击量: |
7 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
8 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
表type_of_self_study_room (自习室类型)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | type_of_self_study_room_id | int | 10 | 0 | N | Y | 自习室类型ID | |
2 | type_of_self_study_room | varchar | 64 | 0 | Y | N | 自习室类型 | |
3 | create_time | datetime | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间 |
4 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间 |
表upload (文件上传)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | upload_id | int | 10 | 0 | N | Y | 上传ID | |
2 | name | varchar | 64 | 0 | Y | N | 文件名 | |
3 | path | varchar | 255 | 0 | Y | N | 访问路径 | |
4 | file | varchar | 255 | 0 | Y | N | 文件路径 | |
5 | display | varchar | 255 | 0 | Y | N | 显示顺序 | |
6 | father_id | int | 10 | 0 | Y | N | 0 | 父级ID |
7 | dir | varchar | 255 | 0 | Y | N | 文件夹 | |
8 | type | varchar | 32 | 0 | Y | N | 文件类型 |
表user (用户账户:用于保存用户登录信息)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | user_id | mediumint | 8 | 0 | N | Y | 用户ID:[0,8388607]用户获取其他与用户相关的数据 | |
2 | state | smallint | 5 | 0 | N | N | 1 | 账户状态:[0,10](1可用|2异常|3已冻结|4已注销) |
3 | user_group | varchar | 32 | 0 | Y | N | 所在用户组:[0,32767]决定用户身份和权限 | |
4 | login_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 上次登录时间: |
5 | phone | varchar | 11 | 0 | Y | N | 手机号码:[0,11]用户的手机号码,用于找回密码时或登录时 | |
6 | phone_state | smallint | 5 | 0 | N | N | 0 | 手机认证:[0,1](0未认证|1审核中|2已认证) |
7 | username | varchar | 16 | 0 | N | N | 用户名:[0,16]用户登录时所用的账户名称 | |
8 | nickname | varchar | 16 | 0 | Y | N | 昵称:[0,16] | |
9 | password | varchar | 64 | 0 | N | N | 密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成 | |
10 | | varchar | 64 | 0 | Y | N | 邮箱:[0,64]用户的邮箱,用于找回密码时或登录时 | |
11 | email_state | smallint | 5 | 0 | N | N | 0 | 邮箱认证:[0,1](0未认证|1审核中|2已认证) |
12 | avatar | varchar | 255 | 0 | Y | N | 头像地址:[0,255] | |
13 | open_id | varchar | 255 | 0 | Y | N | 针对获取用户信息字段 | |
14 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
15 | vip_level | varchar | 255 | 0 | Y | N | 会员等级 | |
16 | vip_discount | double | 11 | 2 | Y | N | 0.00 | 会员折扣 |
表user_group (用户组:用于用户前端身份和鉴权)
编号 | 名称 | 数据类型 | 长度 | 小数位 | 允许空值 | 主键 | 默认值 | 说明 |
1 | group_id | mediumint | 8 | 0 | N | Y | 用户组ID:[0,8388607] | |
2 | display | smallint | 5 | 0 | N | N | 100 | 显示顺序:[0,1000] |
3 | name | varchar | 16 | 0 | N | N | 名称:[0,16] | |
4 | description | varchar | 255 | 0 | Y | N | 描述:[0,255]描述该用户组的特点或权限范围 | |
5 | source_table | varchar | 255 | 0 | Y | N | 来源表: | |
6 | source_field | varchar | 255 | 0 | Y | N | 来源字段: | |
7 | source_id | int | 10 | 0 | N | N | 0 | 来源ID: |
8 | register | smallint | 5 | 0 | Y | N | 0 | 注册位置: |
9 | create_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 创建时间: |
10 | update_time | timestamp | 19 | 0 | N | N | CURRENT_TIMESTAMP | 更新时间: |
3.4本章小结
整个基于VUE框架的自习室服务平台的需求分析主要对系统功能模块的设计进行分析,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
4 系统详细设计与实现
4.1用户端功能模块
用户注册界面用于新用户进行账号注册,用户需要填写必要的个人信息并选择合适的用户名和密码。注册界面应该进行输入验证和数据格式检查,确保用户提供有效的信息。系统会对输入的信息进行验证,验证通过后即可完成注册。其界面图如下图4-1所示:
![](https://i-blog.csdnimg.cn/direct/bdec261063f749b984745f2874c243c9.png)
图4-1 用户注册界面图
注册的代码如下:
Register.prototype.index = async function(req,res) {
var group_list = await $.services["user_group"].get_list({}, Object.assign({}, this.config));
return await res.render(this.config.tpl + "index.html", {
group_list
});
};
Register.prototype.api = async function(req) {
var user = $.services.user;
var body = req.body;
var username = body.username;
var obj = await user.get_obj({
username
});
if (obj) {
return {
error: {
code: 70000,
message: "账户名已存在",
},
};
} else {
var password = md5(body.password);
var nickname = body.nickname;
var user_group = body.user_group;
var email = body.email;
var email_state= body.hasOwnProperty('email_state') ? body.email_state : 0;
var phone = body.phone;
var phone_state= body.hasOwnProperty('phone_state') ? body.phone_state : 0;
var bl_reg = await user.add({
username,
password,
nickname,
user_group,
email,
email_state,
phone,
phone_state
});
if (bl_reg) {
return {
result: "注册成功"
};
} else {
return {
error: {
code: 70000,
message: "注册失败",
},
};
}
}
};
用户登录界面用于已注册用户进行账号登录,用户需要输入正确的用户名和密码才能成功登录系统。登录界面应对用户的输入进行验证,并提供密码找回或重新注册的选项。其界面图如下图4-2所示。
![](https://i-blog.csdnimg.cn/direct/ae84ae0fe4504d249410b00810a9461d.png)
图4-2 用户登录界面图
登录的代码如下:
Login.prototype.api = async function(req) {
var body = req.body;
var obj = await $.services["user"].get_obj({
username: body.username
},{like:false});
if (obj) {
var group = await $.services["user_group"].get_obj({
name:obj.user_group
})
if (group){
if (group.name!=="管理员"){
var sql = "select examine_state from "+ group.source_table +" WHERE user_id = " + obj.user_id;
var userExamine = await $.mysql.run(sql);
if (userExamine && userExamine.length > 0 && userExamine[0].examine_state!=="已通过"){
return {
error: {
code: 70000,
message: "该用户审核未通过"
},
};
}
}
if (obj.state!==1){
return {
error: {
code: 70000,
message: "用户非可用状态,不能登录"
},
};
}
var password = md5(body.password);
if (password === obj.password) {
req.session.user = obj;
var date = Date.parse(new Date());
var token = md5(obj.user_id + "_" + date);
await $.services["access_token"].add({
token,
info: JSON.stringify(obj),
user_id:obj.user_id
});
obj.token = token;
return {
result: {obj}
};
} else {
return {
error: {
code: 70000,
message: "密码错误"
},
};
}
}else {
return {
error: {
code: 70000,
message: "用户组不存在"
},
};
}
} else {
return {
error: {
code: 70000,
message: "账户不存在"
}
};
}
};
4.1.3 用户端首页界面
APP首页界面是用户访问系统的入口页面,它展示系统的主要功能和特色。用户可以查看首页展示的轮播图、网站公告、自习室信息、新闻资讯等信息。用户可以左右滑动查看轮播图信息。普通用户点击“自习室信息”进入页面可以查看列表中某个自习室的详情并可以预定、点赞、收藏和评论。用户点击某个新闻资讯可以查看该资讯的详情并可以点赞、收藏和评论。其界面展示如下图4-3所示。
![](https://i-blog.csdnimg.cn/direct/fce14c50dca04599979392291d7ef488.png)
图4-3 用户端首页界面图
用户点击首页右下角“我的”进入页面可以查看和管理基本信息、自习室信息、预定信息、数据统计、平台抽成、收藏和统计图信息。点击“基本信息”可进入页面可以修改个人资料和登录密码,密码修改后可以用新密码登录。点击“平台抽成”进入页面可以查看列表中某个平台抽成的信息详情,点击“支付”可以通过微信、支付宝等方式完成抽成费用的支付。可以对自习室信息、数据统计信息进行增删改查操作;可以查询和重置预定信息、平台抽成信息;可以查看或删除收藏信息。点击“统计图”进入页面可以查看预定信息统计图、数据统计统计图信息。其界面展示如下图4-4所示。
![](https://i-blog.csdnimg.cn/direct/9ed51b6fb56c45478fd112a7ad95295e.png)
图4-4我的界面图
修改密码的代码如下:
Change_password.prototype.api = async function(req) {
var user = $.services.user;
var body = req.body;
var token = req.headers["x-auth-token"];
var access_token = await $.services["access_token"].get_obj({
token
});
var info = JSON.parse(access_token.info);
var username = info.username;
var o_password = md5(body.o_password);
var change_password = md5(body.password);
var obj = await user.get_obj({
username
});
if (obj) {
if (o_password == obj.password) {
var bl_for = await user.set({
username
}, {
password: change_password
});
if (bl_for) {
return {
result: "修改成功"
};
} else {
return {
error: {
code: 70000,
message: "修改失败",
},
};
}
} else {
return {
error: {
code: 70000,
message: "密码错误",
},
};
}
} else {
return {
error: {
code: 70000,
message: "账户不存在",
},
};
}
};
用户点击首页右下角“我的”进入页面可以查看和管理基本信息、预定信息和收藏信息。点击“基本信息”可进入页面可以修改个人资料和登录密码,密码修改后可以用新密码登录。点击“预定信息”进入页面可以查看列表中某个订单详情,点击“支付”可以通过微信、支付宝等方式完成自习室预定费用的支付,点击“删除”可以删除该信息;可以查看或删除收藏信息。其界面展示如下图4-5所示。
![](https://i-blog.csdnimg.cn/direct/6c8ff559e810458c8a24ea29ab83d8e6.png)
图4-5我的界面图
管理员点击首页右下角“我的”进入页面可以查看和管理基本信息、收藏、统计图、普通用户、商家用户、自习室信息、预定信息、数据统计、平台抽成和自习室类型信息。点击“基本信息”可进入页面可以修改个人资料和登录密码,密码修改后可以用新密码登录。点击“平台抽成”进入页面可以添加平台抽成信息,管理员按商家当天的总营业额进行一定比例的抽成。可以查看或删除收藏信息。其界面展示如下图4-6所示。
![](https://i-blog.csdnimg.cn/direct/46322f607b1e4f71b949ce84391bcf56.png)
图4-6我的界面图
4.2 管理端功能模块
管理员可以查看系统用户(管理员、商家用户、普通用户)列表中某一用户的详情,可以对用户信息进行查询、添加和删除操作。其界面如下图4-7所示。
![](https://i-blog.csdnimg.cn/direct/07d93fe7cade4b7ba2941cbce408474d.png)
图4-7系统用户界面图
添加的代码如下:
Service.prototype.add = async function(body, config, config) {
var sql = $.mysql.toAddSql(body, Object.assign({}, this.config, config || {}));
var ret = await this.run(sql);
return ret;
};
管理员可以添加自习室信息,可以查看自习室信息列表中某个自习室的详情和评论,可以对列表信息进行查询和删除操作。其界面如下图4-8所示。
![](https://i-blog.csdnimg.cn/direct/4a39822ef5d3400c8132a7de5cad7c13.png)
图4-8自习室信息管理界面图
删除的代码如下:
Service.prototype.del = async function(query, config) {
var sql = $.mysql.toDelSql(query, Object.assign({}, this.config, config || {}));
var ret = await this.run(sql);
return ret;
};
管理员可以查看预定信息列表中某个用户的预定信息详情,已支付的订单可以查看支付信息详情,可以对列表信息进行查询和删除操作。其界面如下图4-9所示。
![](https://i-blog.csdnimg.cn/direct/f926cd6611194cef99723ba08a878a0a.png)
图4-9预定信息管理界面图
管理员可以添加数据统计信息,可以查看数据统计列表中某个数据统计的详情,可以对列表信息进行查询和删除操作。其界面如下图4-10所示。
![](https://i-blog.csdnimg.cn/direct/379886a7dcfa4d6d8e0ec41e11f3e350.png)
图4-10数据统计管理界面图
管理员可以添加平台抽成信息,可以查看平台抽成列表中某个商家的平台抽成的详情,已支付的订单可以查看支付信息详情,可以对列表信息进行查询和删除操作。其界面如下图4-11所示。
![](https://i-blog.csdnimg.cn/direct/42a415535927496db5b90cdf9c8078ec.png)
图4-11平台抽成管理界面图
管理员可以添加自习室类型信息,可以查看自习室类型列表中某个类型的详情,可以对列表信息进行查询和删除操作。其界面如下图4-12所示。
![](https://i-blog.csdnimg.cn/direct/8f076cc81f0747a4af8c5af7229ef77b.png)
图4-12自习室类型管理界面图
管理员在“系统管理”这一菜单下对轮播图进行管控,可以对轮播图信息进行查询添加、和删除操作。其界面如下图4-13所示。
![](https://i-blog.csdnimg.cn/direct/04e871b3e8804a3dabd1749244a2c8e2.png)
图4-13系统管理界面图
图片上传的代码如下:
Controller.prototype.upload = async function(req) {
var query = req.query;
var url = "";
if (req.files && req.files.file) {
var f = req.files.file;
const render = fs.createReadStream(f.tempFilePath);
var name = f.name;
var dir = f.dir || "";
var file = _dir + dir + name;
try {
if (fs.existsSync(file)) {
var arr = name.split(".");
name = arr[0];
var extension = arr[arr.length - 1];
var num = 10000;
for (var i = 0; i < num; i++) {
var na = name + "_" + (i + 1) + "." + extension;
file = path.join(_dir, na);
if (!fs.existsSync(file)) {
name = na;
break;
}
}
}
const upStream = fs.createWriteStream(file);
render.pipe(upStream);
url = _path + name;
} catch (e) {
console.log("上传失败:", e);
}
return {
result: {
url
}
};
} else {
return {
code: 10000,
message: "上传的文件(file)不能为空!",
};
}
};
通知公告管理界面是管理员用来管理系统中的通知公告的界面。管理员可以通过该界面进行公告信息的创建、编辑、发布和删除等操作,以便向用户传达各种重要信息、公告、更新或事件等内容。其界面如下图4-14所示。
![](https://i-blog.csdnimg.cn/direct/1c006d9e470845acb38d1ec67b7dfbb0.png)
图4-14通知公告管理界面图
在“资源管理”菜单管理员对新闻资讯和新闻分类列表信息进行管控。管理员可以查看新闻资讯列表中某个资讯的详情和评论,可以对新闻资讯、新闻分类列表信息进行查询、添加和删除操作。其界面如下图4-15所示。
![](https://i-blog.csdnimg.cn/direct/e338bae09902414cbc80da3949935e2a.png)
图4-15资源管理界面图
5系统测试
5.1 系统测试目的
无论什么样的系统,测试都至关重要,通过测试可以检查出潜藏的缺陷,从而确保系统的性能和稳定性,避免Bug的出现,并确保系统的功能和性价比达到预期的要求。
系统测试包括:用户登录功能测试、新闻资讯查看功能、自习室信息添加功能、密码修改功能测试,如表5-1、5-2、5-3、5-4所示:
表5-1 用户登录功能测试表
用例名称 | 用户登录系统 |
目的 | 测试用户通过正确的用户名和密码可否登录功能 |
前提 | 未登录的情况下 |
测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
预期结果 | 用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入 |
实际结果 | 实际结果与预期结果一致 |
新闻资讯查看功能测试:
表5-2 新闻资讯查看功能测试表
用例名称 | 新闻资讯查看 |
目的 | 测试新闻资讯查看功能 |
前提 | 普通用户登录 |
测试流程 | 点击新闻资讯 |
预期结果 | 可以查看到所有新闻资讯信息 |
实际结果 | 实际结果与预期结果一致 |
自习室信息添加界面测试:
表5-3 自习室信息添加界面测试表
用例名称 | 自习室信息添加测试用例 |
目的 | 测试自习室信息添加功能 |
前提 | 管理员用户正常登录情况下 |
测试流程 | 1)管理员点击自习室信息管理下方的“自习室信息添加”,然后进入页面填写相关信息。 2)填写完毕后点击“提交”。 |
预期结果 | 提交以后,自习室信息列表会显示新增的自习室信息 |
实际结果 | 实际结果与预期结果一致 |
密码修改功能测试:
表5-4 密码修改功能测试表
用例名称 | 密码修改测试用例 |
目的 | 测试普通用户密码修改功能 |
前提 | 普通用户正常登录情况下 |
测试流程 | 1)点击“我的”进入页面点击基本信息,点击“修改密码”。 2)修改后点击提交。 |
预期结果 | 使用新的密码可以登录 |
实际结果 | 实际结果与预期结果一致 |
通过编写基于VUE框架的自习室服务平台的测试用例,已经检测完毕用户登录功能测试、新闻资讯查看功能、自习室信息添加功能、密码修改功能测试,通过这四大模块的测试为基于VUE框架的自习室服务平台的后期推广运营提供了强力的技术支撑。
在基于VUE框架的自习室服务平台开发之前,需要先对用户的具体需求进行分析。包括系统的可行性分析、功能需求分析以及其他需求等。在可行性分析过程中,对系统实现的技术性、经济性等方面进行了分析。总体上证明了系统实施的可行性。
本文总结了基于VUE框架的自习室服务平台开发背景与意义,然后阐述了系统的具体业务需求,并根据系统需求对系统结构以及功能模块等进行了详细地设计,将整个系统划分为用户端功能模块和后台管理端功能模块。在分析系统功能需求时,对整个系统的总体架构以及功能模块等进行了分析,并选择合适的系统开发技术完成了对各个模块的开发工作。系统开发完成之后进行了部署,同时进行了系统的测试过程,通过测试证明了系统在功能以及性能等方面都达到了预期的要求,具有较高的稳定性与可靠性。
[1]项莉.公共图书馆移动荐读App系统设计[J].无线互联科技,2024,21(03):49-51.
[2]李淑玲,朱彤.基于Node.js技术的在线测试系统设计方案[J].科技资讯,2023,21(19):35-38.
[3]张旭伶,易德胜,万鑫,等.基于微信小程序的线上自习室设计[J].襄阳职业技术学院学报,2023,22(02):99-102.
[4]高霞.基于uni-app+Express的亲子系统的设计与实现[J].电脑与信息技术,2023,31(02):49-52+58.
[5]赵亚洲,银隽彬.图书馆自习室管理系统的设计与实现[J].现代信息科技,2022,6(17):24-28.
[6]朱启方,黄彩霞,范旭,等.基于SpringBoot和Vue的多功能时间管理系统的设计与实现[J].电脑知识与技术,2022,18(18):31-32+41.
[7]熊辉,陈家豪,刘永乐,等.一种基于Python的图书馆自习室管理系统[J].科技创新与应用,2022,12(11):193-196.
[8]冯翔.基于Vue和Express的Fabric区块链数据浏览器的设计与实现[J].信息与电脑(理论版),2022,34(05):179-184+203.
[9]裴之蕈,高艳霞.基于Vue和Node.js的手语教学Web平台的设计与实现[J].电脑与信息技术,2021,29(06):33-36+86.
[10]赵源源,王聪,周海涛.付费自习室管理系统数据库的设计[J].中国新通信,2021,23(14):7-9.
[11]王若璞,柳云山,许曹鑫,等.基于Adaboost的自习室综合管理系统[J].电子元器件与信息技术,2021,5(04):189-192.
[12]陈荣鑫.基于NodeJS+Express框架的学院会议室预定系统设计与开发[J].信息与电脑(理论版),2021,33(02):95-97.
[13]张钊源,刘晓瑜,鞠玉霞.Node.js后端技术初探[J].中小企业管理与科技(上旬刊),2020,(08):193-194.
[14]Heller M .What is Node.js? The JavaScript runtime explained[J].InfoWorld.com,2022,
[15] Sunday O B ,Nduka O S . MySQL Database Server: Deploying Software Application to Enhance Visibility and Accountability [J]. Current Journal of Applied Science and Technology, 2023, 42 (4): 16-23.
[16]韩旭,刘旭.运动预约App亿约设计[J].科技资讯,2022,20(19):45-48.
[17]余琴,孙娟,徐镔等.猫族APP的设计与实现[J].现代信息科技,2022,6(24):11-13.
[18]郜山权.面向安卓移动应用的推荐问题研究[D].吉林大学,2022.
[19]Tyson M .Intro to Hapi: The Node.JS framework[J].InfoWorld.com,2023,
[20]杨华,徐扬.MySQL数据库对中文编码支持的探讨[J].网络安全和信息化,2023,(10):157-160.
首先,我要感谢我的论文指导老师。在论文完成的整个过程中,指导老师始终给予我无微不至的关爱与指导。在论文写作的过程中,导师那耐心细致的指导,以及提出的具有建设性的意见,都给予了我极大的帮助,让我受益匪浅。导师严谨的治学态度、敬业精神以及高水平的教学能力,都给我树立了追求卓越的典范,这对我以后的人生道路和学业成就都产生了极大的积极影响。
此外,我还要感谢我班的同学们,他们既是我的同窗好友,又是我的良师益友。正是由于你们的支持和关怀,使得我在大学期间的学习和生活都变得异常充实。感谢那些在大学期间给予我帮助的所有老师和同学们,是你们给予了我在学业道路上的前进动力。
当然,我也不能忘记我的父母,是他们用无私的爱抚养我成人。你们的养育之恩我将永生难忘,将来我一定会用我的成绩回报你们。在成长的道路上,我会不断努力,不负众望,用实际行动来回报你们对我的期望。
请关注点赞+私信博主,免费领取项目源码