论文总字数：28925字

摘 要

互联网技术的迅速发展，给人们的日常生活带来了极大的便利，遇到难题上网查资料已经成为一种习惯，不仅方便而且快捷。互联网的兴起，也带动更多的人学习IT技术，因为IT技术多而繁杂，每个人学习的技术、遇到的问题也多种多样，所以网上交流成为最主要的方式。当今互联网的使用已经不仅仅局限于电脑，随着手机的普及，越来越多的人使用手机上网。手机小巧方便，可以随时随地使用；电脑功能丰富，操作方便。因此为计算机爱好者创建一个多屏合一（手机屏和电脑屏）的web交流平台很有必要。

本web交流平台采用B/S模式，建设一个web网站，提供手机、电脑双端登录，包括管理员和普通用户两种角色。电脑、手机各有优缺点，电脑屏幕较大，可以使用鼠标和键盘，能进行的操作也就更丰富，但较为笨重，不便于携带，需要特定的使用环境，适合管理员使用；手机小巧方便，普及率高，不受地域限制，但只能通过触屏使用，操作较为简单，适合普通用户使用。因此，为用户设计适用手机屏的界面，为管理员设计适用电脑屏的界面，用户通过手机浏览器登录网站，管理员通过电脑浏览器登录网站。此系统是基于web的网站，所以跨平台性非常高，只要安装有浏览器，不管是android系统、IOS系统、windows系统还是linux系统，都能正常访问。采用的开发模式是前后端分离，前端负责展示界面和数据，与用户进行交互；后端负责接收前端的请求，操作数据，与数据库交互。使用的技术：vue（前端）、springMVC（后端）、tomcat（服务器）、mysql（数据库）。

主要完成的功能有：

用户模块功能：

（1）用户注册以及登陆：用户可以进行注册并登陆程序。

（2）个人中心：在个人中心能够完善以及修改个人信息，如：个人信息、管理关注用户、管理已发表文章、管理个人收藏。

（3）发表文章：在该界面显示出用户的编辑内容、并能够所要发表的文章进行贴标签操作。

（4）文章浏览：在该界面展示出今日的所有文章并能够有针对性的完成筛选、关注用户的相关文章。

（5）查看用户相关信息：能看到用户的部分可展示信息以及部分的关注用户。

管理员模块功能：

（1）用户管理：对用户可进行删除、冻结/恢复、禁止/允许发帖操作。

（2）文章管理：可以对文章进行删除操作，并且能对于用户发表和修改的文章进行审核。

（3）标签管理：管理员可以对文章标签进行增删改

关键字：IT网站；多屏合一；vue；springMVC；B/S

Abstract

The rapid development of Internet technology has brought great convenience in people's daily lives. Given the difficulty of finding information on the Internet, it is not only convenient but also fast. With the advent of the internet, more and more people are learning this technology. The technology is common and complex and they all have different technologies and problems; therefore, online communication has become the most important method. Today, the use of the Internet is not limited to computers. Due to the popularity of mobile phones, more and more people are using their mobile phones to surf the Internet. The phone is small and comfortable and can be used anytime, anywhere. The feature-rich computer is easy to use. Therefore, it is necessary to create a multi-screen Internet communication platform (mobile screen and computer screen) for computer enthusiasts.

The system uses the B / S model to create a website that offers dual connections for mobile phones and computers, including administrator roles and regular user roles. Computers and mobile phones have their own advantages and disadvantages. The computer screen is large and you can use the mouse and keyboard. There are many operations that can be performed, but they are large and inadequate. This requires a specific user environment suitable for administrators. Although the phone is small, convenient and popular, it can only be used with a touch screen. This process is relatively simple and suitable for regular users. Therefore, it is necessary to design a suitable interface for the mobile user screen and a suitable interface for the official computer screen. The user connects to the website through a mobile browser, and the administrator enters it through a computer browser. The system is a web-based site, so the platform has a high usage rate. As long as the browser is installed, you can normally access it on Android, iOS, Windows, Linux. The approved development model is separated before and after. The manager is responsible for presenting the user interface, data, and interaction, while the back-end is responsible for receiving front-end requests, data operations, and database interaction. Technologies used: Vue (front edge), Spring MVC (back edge), Tomcat (server), MySQL (database).

The main features are:

The role of the subscriber:

(1) User registration and authentication: users can register the program and log in.

(2) Personal center: personal information can be improved and changed in the personal center, such as personal information, management of related users, management of public goods, management of personal groups, etc.

(3) Published articles: the edited content will be displayed to users in this interface and you can mark the articles that can be published.

(4) Browse articles: This interface allows you to quickly view all articles and filter target users and articles by related users.

(5) View user information: Some users may view and view information about related users.

Billing unit function:

(1) User Management: You may prohibit / allow users to delete, freeze / restore and release users.

(2) Article management: articles can be deleted.

(3) Tag management: administrators can add, delete and edit item tags,Articles that users have published and edited can be reviewed.

Keywords: IT website; multi screen integration; vue; springMVC; B / S

目 录

第1章 绪论 1

1.1 课题研究背景及意义 1

1.2 国内外研究现状分析 1

1.3 课题研究内容 2

1.4 论文结构概述 2

第2章 系统需求分析 4

2.1 系统概述 4

2.2 功能说明 5

2.3 用例描述 6

2.4 功能需求分析 10

2.5 非功能需求分析 11

2.5.1 安全需求 11

2.5.2 响应需求 11

2.6 可行性分析 11

2.7 业务流程分析 13

2.8 设计约束 14

第3章 系统总体设计 15

3.1 系统结构设计 15

3.2 系统类图 17

3.3 系统时序图 18

3.4 数据库设计 18

3.4.1 编码设计 18

3.4.2 表结构 19

3.4.3 模型图 21

第4章 系统详细设计 23

4.1 系统界面设计 23

4.1.1 普通用户登录注册界面设计 23

4.1.2 普通用户主界面设计 24

4.1.3 普通用户文章详情界面设计 25

4.1.4 普通用户发帖界面设计 26

4.1.5 普通用户个人信息界面设计 27

4.1.6 普通用户文章管理界面设计 28

4.1.7 普通用户关注界面设计 29

4.1.8 普通用户收藏界面设计 30

4.1.9 普通用户编辑个人信息界面设计 31

4.1.10 管理员登录界面设计 32

4.1.11 管理员用户管理界面设计 33

4.1.12 管理员文章管理界面设计 34

4.2 功能模块设计 36

4.2.1 个人中心模块设计 36

4.2.2 发表文章模块设计 37

4.2.3 文章浏览模块设计 38

4.2.4 查看用户信息模块设计 39

4.2.5 用户管理模块设计 40

4.2.6 文章管理模块设计 40

4.2.7 标签管理模块设计 41

第5章 系统实现 42

5.1 登录模块 42

5.2 文章浏览模块 46

5.2.1 上拉加载文章 46

5.2.2查看文章详情 48

请支付后下载全文，论文总字数：28925字