本文围绕工商学院智慧校园系统小程序展开，采用SSM框架、JSP和Ajax技术。分析了系统开发背景、需求，介绍相关技术，进行系统设计与实现，涵盖注册、课程等模块，还对系统进行功能和性能测试，虽有不足但各功能运行正常。
SSM工商学院智慧校园系统小程序
摘 要
随着移动互联网高速发展，手机、移动智能终端设备在生活中有着越来越重要的地位。在高校推崇以人为本的今天，也逐渐重视“移动互联网”技术，以方便学校的教学管理，提升学校办学水平。学校也通过将“移动互联网”与教学管理相结合，巧妙地突破了时间、空间的局限，解决了教学管理工作的效率和成本问题。
本文根据工商学院智慧校园的需要实践，研究一个基于Android和 iOS移动终端操作系统的工商学院智慧校园系统小程序。论文重点在于研究APP技术在智慧校园的应用，主要包括以下几个重点内容:注册登录、课程列表、校园活动、成绩信息、课表信息。采用SSM框架、JSP技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对工商学院智慧校园系统小程序的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现智慧校园一体式和部署运行使用它。
关键词：智慧校园；SSM框架；Mysql数据库
SSM Business School Smart Campus System Applet
Abstract
With the rapid development of mobile Internet, mobile phones and mobile intelligent terminal devices play a more and more important role in life. Today, colleges and universities advocate people-oriented, and gradually pay attention to the "mobile Internet" technology, so as to facilitate the teaching management of the school and improve the school running level. By combining the "mobile Internet" with teaching management, the school has skillfully broken through the limitations of time and space and solved the problems of efficiency and cost of teaching management.
According to the needs of smart campus of Business School, this paper studies a smart campus system applet based on Android and iOS mobile terminal operating system. The paper focuses on the application of APP technology in smart campus, mainly including the following key contents: registration, course list, campus activities, score information, and schedule information. SSM framework, JSP technology and Ajax technology are used to code and develop the business system, and all the functions of the system are realized. This report first analyzes the background, role and significance of the research, laying a foundation for the rationality of the research work. Based on the analysis of various requirements and technical problems of the small program of the smart campus system of the Business School, the necessity and technical feasibility of the system are proved, and then the technical software and design ideas needed to be used in the design of the system are introduced. Finally, the integration of the smart campus and its deployment and operation are realized.
Key words:Smart campus; SSMframework; The Mysql database
目 录
第1章绪论
1.1研究背景与意义
随着现代计算机网络技术的进一步发展，智慧校园的规划和实施已成为高校教育信息化研究的热点，尤其是高校智慧校园一体式规划，已经引起了国内外许多学者的关注。数字化智慧校园的信息程度和建设,是衡量一个学校的学术水平、管理水平、专业技能、招生就业等综合能力的主要指标，是构成学院核心竞争力的手段之一，数字智慧校园己成为校园管理和发展的一种趋势。数字化智慧校园建设项目的核心是以数字化信息和网络为基础,充分利用当今先进的移动应用技术、物联网技术、云计算技术，对教学、科研、管理、技术服务、生活服务等校园信息进行收集、处理、整合、存储、传输和应用，构建校园基础管理平台。各高等院校逐步完善智慧校园一体式建设，现已成为我国高等教育信息化的三大主题之一，是实现教育现代化的重要基础,提升自身管理水平与综合竞争实力的重要手段，并推进教育信息化工作进入了新的历史阶段，为高等院校可持续发展奠定了基础。
1.2开发现状
在信息化浪潮席卷全球、日益渗透到社会生活各个领域的今天，智慧校园一体式建设如火如茶。在高职院校现代化的诸多要素中，有三个要素最为关键，即办学体制的创新、课程体系的改革、智慧校园一体式建设。只有具备这三个要素，互联网+教育的现代化教育模式才能得以真正实现。
随着智慧校园概念的发展，传统的“黑板加粉笔”的教学模式将淡出教育舞台，以教师为中心的灌输式教学将成为历史。随着智慧校园一体式的发展，校园的智慧程度会越来越高:形式多样的多媒体授课方式，使教学容量增大，而且极大提高了学生的学习兴趣;远程教育使名校名师的教学资源分享至全社会，这一切现在都可借助手机移动设备得以快捷的实现。
第2章相关技术介绍
2.1HTTP协议
超文本传输协议（HTTP）作为协作式与分布式的通信协议，其以万维网交换信息作为前提条件。HTTP为IEIF的国际化标准指标，在制定相关标准与实现内，W3C积极参与其中，同时发挥着不可替代的作用。其能够借助超文本标记语言，将文档在服务器与浏览器之间相互传输。HTML作为构架文档的标记语言，这些文档内将包括有关信息的链接，用户仅需要点击其中一个链接就能够访问多媒体对象与图像，同时获得该链接项所具有的附加信息。
2.2Java语言与JDK开发环境
Java是美国sun公司所推出的一款程序设计语言，其能够在多个平台内应用，具有良好兼容性，进而其凭借自身优势在数据中心、个人PC与科技超级计算机等平台内广泛应用，具有目前最为庞大的开发者专业社群。
JDK为美国sun公司为java开发员所推出的一款全新产品，要是没有JDK的情况下，所安装的java程序也就无法运行。
2.3SSM框架
SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。
1.6.1 Spring
Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。
Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地`new`一个对象，而是让Spring框架帮你来完成这一切。
1.6.2 SpringMVC
SpringMVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责，将用户请求通过HandlerMapping去匹配Controller，Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。
1.6.3 mybatis
mybatis是对jdbc的封装，它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件，Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时，通过sqlSessionFactory拿到一个sqlSession，再执行sql命令。
页面发送请求给控制器，控制器调用业务层处理逻辑，逻辑层向持久层发送请求，持久层与数据库交互，后将结果返回给业务层，业务层将处理逻辑发送给控制器，控制器再调用视图展现数据。
2.4Vue.js 主要功能
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。
2.5Mysql数据库
Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。
针对本文中设计的工商学院智慧校园系统小程序在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对工商学院智慧校园系统小程序后台数据进行存储操作。
第3章系统分析
3.1可行性分析
技术性方面，采用当前主流的SSM框架进行系统主体框架的搭建，前台使用jquery，ajax，实现前台页面的设计与美观调整，以上技术，均由本人经过系统学习，并且都是在课程设计中实践过的，可以使得开发更加便捷和系统。从技术角度看，这个系统是完全可以实现的。
实用性方面，本次设计的主要任务是在工商学院智慧校园系统小程序内实现：注册登录、课程列表、校园活动、成绩信息、课表信息等，符合当前潮流的发展。从用户角度出发，同时也考虑系统运营成本和人力资源，采用网络上的便捷方式，实现线上业务，使得业务流程更系统，也更方便用户的体验，比较实用。
经济性方面，由于本课题中设计的工商学院智慧校园系统小程序的主要目的是为了能够更加方便及快捷的进行信息的查询管理及检索服务，也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率，同时也需要有效的保证查询者的信息方面的安全性，同时这个工商学院智慧校园系统小程序所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本，因此，从经济上来说开发这个软件是可行的。
3.2功能需求分析
工商学院智慧校园系统小程序的功能主要分为前台用户根据自己的需求进行注册登录，浏览课程列表并对选中的课表信息进行学习操作。后台系统管理员因职责的不同，管理员主要对学生用户，课程信息、学生成绩等进行管理。
学生用例图如下所示。
图3-1 学生用例图
管理员用例图如下所示。
图3-2 管理员用例图
3.2.1前台用户功能
注册账号：用户填写个人信息，并验证手机号码。
登录：根据账号密码进行登录操作。
浏览课程信息：用户可以浏览主页面的最新课程信息。
浏览校园公告：用户可以浏览学校发布的校园公告信息等。
维护个人信息：学生因个人信息的变更可以随时修改自己注册信息。
浏览课表信息：选中某个课表可查看其资料内容。
校园活动：可以浏览系统发布得最新校园活动。
成绩信息：学生可以根据查询个人成绩情况等。
校园招聘：学生可以查看招聘栏启事等。
3.2.2后台管理员功能
后台管理员可分为普通管理员和超级管理员。
管理员功能如下：
修改密码：管理员可以随时修改自己进入系统的登录密码，以保证系统的安全性。
课程信息管理：对学生课程资料进行维护，添加、删除、修改信息。
课表信息管理：对课表信息进行维护，添加、删除、修改信息。
成绩管理：对学生的成绩信息进行维护管理。
校园活动管理：可以发布最新校园活动。
学生管理：可以查看注册学生的信息，并对其进行管理。
校园招聘管理：对招聘信息进行发布管理。
3.3非功能需求分析
首先主要考虑的是系统功能软件，在具体设计的环节上，是不是能够较好的满足各类用户的基本功能需求，如果不能较好的满足用户需求，那么这个系统的存在是没有价值的。软件系统的非功能性求分析，从7个方面展开，一个是性能分析，针对系统；一个是安全分析，针对系统，一个是完整度分析，针对系统，一个是可维护分析，针对系统，一个是可扩展性分析，针对系统，一个是适应业务的性能分析。面对工商学院智慧校园系统小程序存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现，需要相应的非功能性需求分析。
3.4安全性需求分析
3.4.1系统的安全性
安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责，更是对企业的负责。尤其针对于工商学院智慧校园系统小程序来说，必须要有很好的安全性来保障整个系统。
系统具有对使用者有权限控制，针对角色的不通限制使用者的权限，以此来确保系统的安全性。
3.4.2数据的安全性
数据库中的数据是从外界输入的，当数据的输入时，由于种种原因，输入的数据会无效，或者是脏数据。因此，怎样保证输入的数据符合规定，成为了数据库系统，尤其是多用户的关系数据库系统首要关注的问题。
因此，在写入数据库时，要保证数据完整性、正确性和一致性。
3.5数据流程分析
对系统的数据流进行分析，系统的使用者分为二类，一般用户（学生），管理员。系统主要对界面信息传送，登录信息的验证，注册信息的接收，用户各种操作的响应做处理。
系统顶层数据流图如下图所示。
图3-2 顶层数据流图
要判断用户是是什么身份，是根据登录的数据来判断后，跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作，数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。
系统底层数据流图如下图所示。
图3-3 底层数据流图
系统可以分为前台和后台两部分，每一种操作后系统都返回操作结果。前台和后台的数据连接主要通过数据库，既分别对数据库做不同的操作。
第4章系统设计
4.1系统架构设计
工商学院智慧校园系统小程序的架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。
系统架构如下图所示。
图4-1 系统架构
4.2系统总体设计
工商学院智慧校园系统小程序总体分为前台用户模块和后台管理员模块。
两个模块表现上是分别独立存在，但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析，并查阅相关资料后整理制作的。
4.3系统功能设计
登录模块：登录模块是进入系统的入口，所有用户必须登录后才能访问系统。登录需要输入用户名和密码，如果多次尝试登录需要输入验证码。登录时需要选择用户的角色，是一般用户还是管理员登录等。登录成功后，会通过数据库获取用户的权限，并跳转至用户的主页面。
课程信息模块：课程信息模块可以发布最新课程资料等信息，包括课程名称、课程类型、班级名称、课程学期、课程详情等。
校园活动模块：用户可以在线进行浏览校园活动内容等。
成绩信息模块：管理员对学生成绩信息有维护的权限。
4.3.1数据需求分析
从前面可以分析到数据库中最重要的是课程信息，课表信息，成绩信息，校园活动，校园招聘。分析可以得到如下数据描述：
学生：用于记录学生的各种信息，包括学号、密码、姓名、性别、身份证、电话、院系、班级、照片、是否审核等数据项。
课程：存放给课程的内容，包括课程类型、课程名称、班级名称、课程学期、封面、课程内容等数据项。
校园活动：存储平台内的校园活动信息。包括活动名称、组织人、活动内容等数据项。
4.3.2数据库概念设计
根据前面的数据流程图，结合系统的功能模块设计，设计出符合系统的各信息实体。
系统ER图如下图所示。
图4-3 系统ER图
4.3.3数据库表设计
工商学院智慧校园系统小程序所拥有的数据表有以下：课程信息表、课表信息表、成绩信息表、校园活动表、校园招聘表等。
由于数据表较多，只展示系统主要数据表，如下表所示。
student_users表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| student_users_id | int | 11 | 是 | 是 | 学生用户ID |
| student_id | varchar | 64 | 是 | 否 | 学生学号 |
| student_name | varchar | 64 | 否 | 否 | 学生姓名 |
| student_gender | varchar | 64 | 否 | 否 | 学生性别 |
| student_age | varchar | 64 | 否 | 否 | 学生年龄 |
| class_name | varchar | 64 | 否 | 否 | 班级名称 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| user_id | int | 11 | 是 | 否 | 用户ID |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
achievement_information表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| achievement_information_id | int | 11 | 是 | 是 | 成绩信息ID |
| course_name | varchar | 64 | 否 | 否 | 课程名称 |
| course_type | varchar | 64 | 否 | 否 | 课程类型 |
| class_name | varchar | 64 | 否 | 否 | 班级名称 |
| course_semester | varchar | 64 | 否 | 否 | 课程学期 |
| student_users | int | 11 | 否 | 否 | 学生用户 |
| student_id | varchar | 64 | 否 | 否 | 学生学号 |
| student_name | varchar | 64 | 否 | 否 | 学生姓名 |
| student_achievement | int | 11 | 否 | 否 | 学生成绩 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
schedule_information表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| schedule_information_id | int | 11 | 是 | 是 | 课表信息ID |
| schedule_name | varchar | 64 | 否 | 否 | 课表名称 |
| schedule_type | varchar | 64 | 否 | 否 | 课表类型 |
| class_name | varchar | 64 | 否 | 否 | 班级名称 |
| timetable_semester | varchar | 64 | 否 | 否 | 课表学期 |
| timetable_picture | varchar | 255 | 否 | 否 | 课表图片 |
| schedule_details | text | 0 | 否 | 否 | 课表详情 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
course_information表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| course_information_id | int | 11 | 是 | 是 | 课程信息ID |
| course_name | varchar | 64 | 否 | 否 | 课程名称 |
| course_type | varchar | 64 | 否 | 否 | 课程类型 |
| class_name | varchar | 64 | 否 | 否 | 班级名称 |
| course_semester | varchar | 64 | 否 | 否 | 课程学期 |
| course_cover | text | 0 | 否 | 否 | 课程封面 |
| course_details | text | 0 | 否 | 否 | 课程详情 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
campus_recruitment表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| campus_recruitment_id | int | 11 | 是 | 是 | 校园招聘ID |
| recruitment_name | varchar | 64 | 否 | 否 | 招聘名称 |
| recruitment_type | varchar | 64 | 否 | 否 | 招聘类型 |
| recruitment_location | varchar | 64 | 否 | 否 | 招聘地点 |
| recruitment_telephone | varchar | 64 | 否 | 否 | 招聘电话 |
| recruitment_cover | varchar | 255 | 否 | 否 | 招聘封面 |
| recruitment_profile | longtext | 0 | 否 | 否 | 招聘简介 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
campus_activities表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| campus_activities_id | int | 11 | 是 | 是 | 校园活动ID |
| activity_name | varchar | 64 | 否 | 否 | 活动名称 |
| activity_type | varchar | 64 | 否 | 否 | 活动类型 |
| activity_time | varchar | 64 | 否 | 否 | 活动时间 |
| event_location | varchar | 64 | 否 | 否 | 活动地点 |
| organization_personnel | varchar | 64 | 否 | 否 | 组织人员 |
| event_cover | varchar | 255 | 否 | 否 | 活动封面 |
| activity_introduction | longtext | 0 | 否 | 否 | 活动简介 |
| praise_len | int | 11 | 是 | 否 | 点赞数 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
campus_organization表：
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| campus_organization_id | int | 11 | 是 | 是 | 校园组织ID |
| organization_name | varchar | 64 | 否 | 否 | 组织名称 |
| organization_type | varchar | 64 | 否 | 否 | 组织类型 |
| date_of_incorporation | varchar | 64 | 否 | 否 | 成立日期 |
| organization_cover | varchar | 255 | 否 | 否 | 组织封面 |
| organization_profile | longtext | 0 | 否 | 否 | 组织简介 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
第5章系统实现
5.1数据库访问层的实现
该系统是通过jdbc和Mysql达成连接的，新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。
jdbc.driverClass=com.Mysql.jdbc.Driver
jdbc.url=jdbc:Mysql://localhost:3306/tsi
jdbc.username=root
jdbc.password=123
第一个参数代表Mysql数据库的驱动，第二个参数代表要连接的数据库，第三个和第四个参数代表数据库连接名和密码。
后台与数据库访问主要是通过HQL语句来进行查询的，查询语句中的表名是表格的实体类名，在这种查询语句中*是不允许使用的，除非适合聚合函数一起使用才可以。
5.2注册模块的实现
用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过JavaScript进行验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。
用户注册流程图如下图所示。
图5-1用户注册流程图
用户注册界面如下图所示。
图5-2用户注册界面
用户注册的关键代码如下。
* 注册
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(HttpServletRequest request) throws IOException {
// 查询用户
Map<String, String> query = new HashMap<>();
Map<String,Object> map = service.readBody(request.getReader());
query.put("username",String.valueOf(map.get("username")));
List list = service.selectBaseList(service.select(query, new HashMap<>()));
if (list.size()>0){
return error(30000, "用户已存在");
}
map.put("password",service.encryption(String.valueOf(map.get("password"))));
service.insert(map);
return success(1);
}
public Map<String,Object> readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map<String,Object> body){
E entity = JSON.parseObject(JSON.toJSONString(body),eClass);
baseMapper.insert(entity);
log.info("[{}] - 插入操作：{}",entity);
}
5.3登录模块的实现
主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布课程信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。
登录流程图如下图所示。
图5-3登录流程图
用户登录界面如下图所示。
图5-4用户登录界面
用户登录的关键代码如下。
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
Map<String, String> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
String res = String.valueOf(service.runCountSql(sql).getSingleResult());
if (res==null){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户审核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态，不能登录");
}
String md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
tokenService.save(accessToken);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
5.4用户资料修改模块的实现
用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。
5.5课程信息模块的实现
如果课程信息需要修改，管理员查询课程信息是通过ajax技术来进行查询的，需要传递课程信息的名称、类型等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据数据库中存在就修改，否则就保存。
课程信息展示界面如下图所示。
图5-5课程信息展示界面
课程信息的关键代码如下。
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
public Map<String,Object> readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map<String,Object> body){
StringBuffer sql = new StringBuffer("INSERT INTO ");
sql.append("`").append(table).append("`").append(" (");
for (Map.Entry<String,Object> entry:body.entrySet()){
sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
}
sql.deleteCharAt(sql.length()-1);
sql.append(") VALUES (");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("'").append(entry.getValue()).append("'").append(",");
}else {
sql.append(entry.getValue()).append(",");
}
}
sql.deleteCharAt(sql.length() - 1);
sql.append(")");
log.info("[{}] - 插入操作：{}",table,sql);
Query query = runCountSql(sql.toString());
query.executeUpdate();
}
5.6学生管理模块的实现
管理员可以对学生信息进行管理。将页面session中的用户账号userId和发表学生管理文字框内容传入控制层xueshengxinxiAction，调用addxueshengxinxi方法，通过xueshengxinxiDAOImp向数据库学生管理表插入，将结果返回xueshengxinxi.jsp界面。
学生管理添加流程图如下图所示。
图5-6学生管理添加流程图
学生管理发表界面如下所示。
图5-7学生管理界面
学生管理关键代码如下。
@RequestMapping("/get_list")
public Map<String, Object> getList(HttpServletRequest request) {
Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));
return success(map);
}
5.7校园活动管理模块的实现
此页面的关键是编写校园活动信息，包括校园活动名称、内容等。单击提交按钮以完成信息的添加。如果未写入完整的校园活动信息，例如，如果未写入校园活动名称，系统将给出相应的错误提示，并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm（）”的形式写入以进行检查，checkForm（）函数是一种用于写入数据的不同类型的校对方法，是不是为空也是经过form表单中的onsubmit=”return checkForm()来检查。
管理员点击左侧菜单“校园活动管理”，页面跳转到校园活动信息管理外观，调用后台校园活动查询所有校园活动信息。并将信息密封到数据集合List，绑定到请求对象，然后页面跳转到相应的jsp，显示出校园活动信息，单击删除按钮完成校园活动信息的删除。
校园活动管理流程图如下图所示。
图5-8校园活动管理流程图
校园活动添加界面如下图所示。
图5-9校园活动添加界面
校园活动发布的关键代码如下。
@RequestMapping(value = {"/sum_group", "/sum"})
public Map<String, Object> sum(HttpServletRequest request) {
Query count = service.sum(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
5.8学生成绩模块的实现
管理员管理成绩信息，用户点击想要观看的成绩信息进入播放界面，浏览器自动播放该成绩信息，成绩信息播放通过调用html的<video>标签，将播放文件路径参数传入，完成播放，在play.jsp实现成绩信息的播放。
成绩信息流程图如下图所示。
图5-10成绩信息流程图
学生成绩界面如下图所示。
图5-11学生成绩界面
学生成绩代码如下所示。
@Transactional
public Map<String, Object> del(HttpServletRequest request) {
service.delete(service.readQuery(request), service.readConfig(request));
return success(1);
}
@Transactional
public void delete(Map<String,String> query,Map<String,String> config){
StringBuffer sql = new StringBuffer("DELETE FROM ").append("`").append(table).append("`").append(" ");
sql.append(toWhereSql(query, "0".equals(config.get(FindConfig.GROUP_BY))));
log.info("[{}] - 删除操作：{}",table,sql);
Query query1 = runCountSql(sql.toString());
query1.executeUpdate();
}
第6章系统测试
6.1测试目的
对任何系统而言，测试都是必不可少的环节，测试可以发现系统存在的很多问题，所有的软件上线之前，都应该进行充足的测试之后才能保证上线后不会Bug频发，或者是功能不满足需求等问题的发生。下面分别从单元测试，功能测试和用例测试来对系统进行测试以保证系统的稳定性和可靠性。
6.2功能测试
下表是系统登录功能测试用例，检测了用户名和密码的不同的输入情况，观察系统的响应情况。得出该功能达到了设计目标。
表6-1 系统登录功能测试用例
| 功能描述 | 用于系统登录 | |
| 测试目的 | 检测登录时的合法性检查 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 输入的用户名和密码带有非法字符 | 提示用户名或者密码错误 | 与预期结果一致 |
| 输入的用户名或者密码为空 | 提示用户名或者密码错误 | 与预期结果一致 |
| 输入的用户名和密码不存在 | 提示用户名或者密码错误 | 与预期结果一致 |
| 输入正确的用户名和密码 | 登录成功 | 与预期结果一致 |
下表是注册功能测试用例，检测了各种数据的输入情况，观察系统的响应情况。得出该功能达到了设计目标。
表6-2 注册功能测试用例
| 功能描述 | 用于用户注册 | |
| 测试目的 | 检测用户注册时的合法性检查 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 输入的手机号不合法 | 提示请输入正确的手机号码 | 与预期结果一致 |
| 输入的字段为空 | 提示必填项不能为空 | 与预期结果一致 |
| 输入的密码少于6位 | 提示密码必须为6-12位 | 与预期结果一致 |
| 输入的密码大于12位 | 提示密码必须为6-12位 | 与预期结果一致 |
下表是课程信息管理功能的测试用例，检测了课程信息管理中对课程信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-3 课程信息管理的测试用例
| 功能描述 | 用于课程信息管理 | |
| 测试目的 | 检测课程信息管理时的各种操作的运行情况 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 点击添加课程信息，必填项合法输入，点击保存 | 提示添加成功 | 与预期结果一致 |
| 点击添加课程信息，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改课程信息，必填项修改为空，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改课程信息，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击删除课程信息，选择课程信息删除 | 提示删除成功 | 与预期结果一致 |
| 点击搜索课程信息，输入存在的课程信息名 | 查找出课程信息 | 与预期结果一致 |
| 点击搜索课程信息，输入不存在的课程信息名 | 不显示课程信息 | 与预期结果一致 |
6.3性能测试
使用阿里云PTS（Performance Testing Service）性能测试服务对线上系统进行压力测试。线上服务器环境为：1核心CPU，1G内存，1Mbps公网带宽，Centos7.0操作系统。
压测过程中使用了2台并发机器，每台机器20个用户并发，对系统主页，登录，数据查询和数据维护等模块进行并发访问，测试结果是有40个用户并发时，数据管理相关页面的响应时间甚至达到了7s，通过查看服务器出网流量发现已经达到1381kb/s，可以看出服务器的带宽已经达到峰值，如果系统使用5Mbps的带宽，系统的响应时间和TPS将会大大增加。在整个测试的过程中，CPU的使用率占用仅8%，也提现出带宽瓶颈对系统的影响非常严重。
第7章总结与展望
随着计算机互联网技术的迅猛发展，各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是工商学院智慧校园系统小程序为核心展开的，主要是为了实现校园动态了解、课程信息查询和学生获得多样性校园资讯的需求。
工商学院智慧校园系统小程序的开发是以SSM框架作为基础，在Myeclipse平台上完成编码工作，系统整体为B/S架构，数据库系统使用Mysql。文中详细分析了工商学院智慧校园系统小程序的研究背景、研究目的和意义、开发工具和相关技术以及系统需求、系统详细设计和系统测试等等一系列内容。系统实现了工商学院智慧校园系统小程序所需的一些基本功能，并通过测试对这些实现的功能进行了完善，进而提高了系统整体的实用性。系统投入运行时，各功能均运行正常。系统的每个界面的操作符合常规逻辑，对使用者来说操作简单，界面友好。整个系统的各个功能设计合理，体现了人性化。
但是由于自己在系统开发过程中对一些用到的相关知识和技术掌握不够牢固，再加上自身开发经验欠缺，因此系统在有些方面的功能还不够完善，考虑的不够全面，因此整个系统还有待日后逐步完善。
参考文献
[1]李杨,李明明,李国强,李鹏飞.智慧校园多维数据可视化展示技术研究[J].网络安全技术与应用,2022(02):91-92.
[2]肖晨,李恒武,高勇,熊鑫.数据资产视角下的智慧校园数据资源服务支撑技术研究[J].网络安全技术与应用,2022(02):92-94.
[3]王云霞.大数据背景下智慧校园平台的设计与实现探究[J].科技创新与应用,2022,12(03):76-78.
[4]王理想,廖永红.一体化智慧校园中台架构的设计与实现[J].中国教育信息化,2022,28(01):100-106.
[5]唐坤,马亚英,聂保华,唐静武.面向智慧校园的移动端应用服务探索——以物联网感知服务为例[J].信息技术与信息化,2021(12):202-205.
[6]赵香芹.高校智慧校园系统需求分析与功能分类探索[J].西昌学院学报(自然科学版),2021,35(04):75-80.
[7]王磊,田茂琴,古荣龙.大数据及云计算技术在智慧校园中的应用研究[J].长江信息通信,2021,34(12):105-107.
[8]朱蔓菁.基于微服务架构的智慧校园基础平台设计与实现[J].江西科学,2021,39(06):1094-1097+1129.
[9]邬鹏飞,贾宇博.高校“智慧校园”建设框架初探[J].科技视界,2021(35):10-11.
[10]周晓晶.大数据视角下高校智慧校园信息化建设创新研究[J].无线互联科技,2021,18(23):167-168.
[11]韩艳芬,张恩路.从项目管理角度探讨职业院校智慧校园建设路径[J].天津职业院校联合学报,2021,23(10):93-97.
[12]徐帅.5G环境下艺术类高校智慧校园建设研究[J].江苏通信,2021,37(05):42-44.
[13]王雅斯.基于移动学习模式的智慧校园信息平台开发与设计[J].北京印刷学院学报,2021,29(08):122-124.
[14]徐伟刚.卫生职业学校智慧校园建设现状及重点建设项目——以常州卫生高等职业技术学校为例[J].大众标准化,2021(15):149-151.
致谢
本次设计历时3个月。在这个毕业设计中，它离不开指导教师的指导，使事情基本顺利。指导老师无论是在毕业设计历经中，还是在论文做完中都给了了我特别大的助益。另1个方面，教师认真负责的工作姿态，谨慎的教学精神厚重的理论水准都使我获益匪浅。他勤恳谨慎的教学育人学习姿态也给我留下了特别特别深的感觉。我从老师那里学到了很多东西。在理论和实践中，我的技能得到了特别大的提高。在此，特向教师表示由衷的感激。
经过对该毕业设计的全部研究和开发，我的系统研发经历了从需求分析到实现详细功能，再到最终测试和维护的特殊进展。让我对系统研发有了更深层次的认识。如今我的动手本领单独处理疑惑的本领也获取到了特别大的演练学习增多，这是这次毕业设计最好的收获。
最后，在整个系统开发过程中，我周围的同学和朋友给了我很多意见，所以我很快就确认了系统的商业思想。在次，我由衷的向他们表示感激。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
