摘 要
21世纪是一个开放的时代，互联网已经融入我们的生活，并且不断的影响和改变着我们的生活。网络提供给我们的不仅仅是一个获取信息的来源，还是一个可以相互交流的空间，学生会网站正是一种供学生或者老师们进行交流的网络空间。它不受时间、空间、人物的约束，只要是学生会用户就可以发表自己的观点，大家一起探讨某个问题。
学生会网站是为高校学生交流提供的一套网站，目的是为管理大学生在网络上的交流互动，统筹学校资源，并且为学生会网站管理者提供一个相对方便管理的网站。主要完成了以下工作：
（1）本网站采用Node.js编程语言在Windows网站上采用B/S结构来进行设计，使用了Mysql数据库来进行数据的存储，使用Mysql Compass视图化工具来进行数据库的操作。使用Visual Studio Code开发工具来进行前后台代码的编写。
（2）本网站可以为有各个学校学生会的管理者提供了一个数据集中处理和管理的网站，简化管理难度。
（3）为了保证网站的安全以及保障网站用户的隐私，网站中使用Vue-router实现了前端拦截器的配置，对用户登录进行限制，并且在后台自己写了一个中间件，用作登录信息验证，文章中有对此技术进行的分析。
（4）网站中使用Axios（Ajax）对前后台数据进行交互，极大的降低了数据的交互难度，简化了数据交互的流程。
网站进行了大量的测试，在测试中运行稳定，能够满足用户的需求。
关键词：学生会，Mysql，Vue.js框架，Express框架，Node.js
Abstract
The 21st century is an open age, the Internet has been integrated into our lives, and constantly affect and change our lives. The network provides us not only a source of information, but also a space for mutual communication. The student union website is a kind of cyberspace for students or teachers to communicate. It is not bound by time, space, characters, as long as the student union users can express their views, we discuss a problem together.
The student union website is a set of websites for the general student union website. The purpose is to manage the speech of college students on the network, and to provide a relatively convenient management platform for the student union website manager. The following has been accomplished:
(1)This website uses the Node.js programming language to use the B/S structure to carry on the design on the Windows platform, uses the Mysql database to carry on the data storage, uses the Mysql Compass visualization tool to carry on the database operation. Visual Studio Code development tools are used to write front and back code.
(2) This website can provide a centralized data processing and management platform for managers of student unions in various schools to simplify management difficulties.
(3) In order to ensure the security of the website and the privacy of the users of the website, the front-end interceptor configuration is implemented in the website using Vue-router, user login is restricted, and a middleware is written in the background for login information verification.
(4) The use of Axios (Ajax) in websites to interact with front and back data greatly reduces the difficulty of data interaction and simplifies the process of data interaction.
The website has carried on the massive test, runs stably in the test, can satisfy the user's demand.
Key words: Student Union, Mysql,Vue.js Framework, Express Framework, Node.js
目 录
摘 要
Abstract
1绪论
1.1 课题的研究背景及意义
1.2 国内外研究现状
1.2.1国内研究现状
1.2.2国外研究现状
1.3 研究内容及结构安排
1.3.1 研究内容
1.3.2 结构安排
2相关技术浅析
2.1 Node.js语言概述
2.2 Express框架概述
2.3 Vue.js介绍
2.4 Mysql介绍
3网站需求分析
3.1可行性分析
3.2需求描述
4网站总体设计
4.1 网站架构
4.2 网站的总体设计
4.3 角色权限设计
4.4 数据库设计
5网站详细设计
5.1 功能模块设计
5.1.1 用户注册功能的设计与实现
5.1.2 登录功能的设计与实现
5.1.3 我的信息模块设计
5.1.4 路由守卫的配置
5.1.5 学生会数据模块的设计
5.2业务主流程设计
6网站测试
6.1 网站功能测试
6.1.1 注册模块测试
6.1.2 用户权限模块测试
6.1.3 评论回复模块测试
6.1.4 用户管理模块测试
6.1.5 文章管理模块测试
6.2 网站性能测试
结 论
致 谢
参考文献
