网络安全科普系统开发与设计_系统开发的技术路线

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1YK4y1w7cX?t=6.5

三、运行截图：

3.1 JAVA与Mysql数据库连接

数据库建立好后需要和系统连接才可以使系统运行。本系统采用Mysql数据库，在连接时需要设置数据库的服务器名和密码。数据库连接的原理如下图3.1所示：

图3.1 JAVA连接数据库原理

3.2系统用户界面的功能实现

3.2.1用户登录功能的实现界面

　　登录功能是识别身份的唯一途径，本系统中的用户为普通用户、管理员。用户在登录时输入的信息需要流入数据库中进行对比。如管理员输入admin admin，数据库则需要对比管理员信息表中是否有admin admin的数据。存在该条数据才可以登录成功，不存在该条数据时会提示错误。用户登录界面的设计效果如下图3.2所示：

图3.2用户的登录运行界面

3.2.2 首页界面的实现

首页操作界面是门户，一个好的首页界面才可以吸引住用户。本操作界面里含有导航栏、系统名称、信息搜索窗口、案例分析展示模块和科普知识信息展示模块等。首页操作界面功能的实现界面如下图3.3所示：

图3.3首页操作展示的效果界面

3.2.3用户注册功能的实现界面

游客可以注册，注册成为用户后才可以答题。用户注册功能的实现界面如下图3.4所示：

图3.4个用户注册功能的运行界面

3.2.4科普知识信息功能的实现界面

在科普知识信息界面里可以学习详细的科普知识。科普知识浏览功能的实现界面如下图3.5所示：

图3.5科普知识浏览功能的实现界面

3.2.5案例分析功能的实现界面

　 用户可以了解案例，通过案例学习知识。案例分析功能的实现界面如下图3.6所示：

图3.6案例分析功能的实现界面

3.2.6在线评论功能的实现界面

用户可以实现评论发表自己的看法和疑问。在线评论功能的实现界面如下图3.7所示：

图3.7在线评论功能的实现界面

3.2.7答题功能的实现界面

用户可以浏览题目和进行答题。答题功能实现界面如下图3.8所示：

图3.8答题功能的实现界面

3.2.8建议反馈功能的实现界面

用户有问题可以进行留言，用户建议反馈功能的实现界面如下图3.9所示：

图3.9用户建议反馈功能的实现界面

3.2.9交流论坛功能的实现

用户可以浏览帖子和发表新的帖子，交流论坛功能的实现界面如下图3.10所示：

图3.10交流论坛功能的实现

3.2.10我的功能实现

在我的界面里用户可以管理收藏信息、答题信息、帖子信息等。我的功能实现界面如下图3.11所示：

图3.11我的功能实现界面

3.3系统后台管理员功能实现

3.3.1个人中心功能的实现界面

　　管理员可以对密码、资料进行修改。个人中心功能的实现界面如下图3.12所示：

图3.12个人中心功能界面的实现

3.3.2科普知识管理功能的实现界面

本功能包括对科普知识的添加、删除、修改、查询。添加科普知识时填写科普知识名称、简介等就可以完成，查询科普知识时填写查询条件即可以查询出来相对应的科普知识信息。添加科普知识信息功能的实现界面如下图3.13所示：

图3.13添加科普知识信息功能的实现界面

3.3.3建议反馈管理功能的实现界面

建议反馈管理包括审核用户的留言内容和回复用户留言。建议反馈管理功能的实现界面如下图3.14所示：

图3.14回复留言功能的实现界面

3.3.4用户管理功能的实现

　　用户信息可在本功能里进行管理，可以查看用户的注册资料。用户注册管理功能的实现界面如下图3.15所示：

图3.15用户管理功能的实现界面

3.3.5在线答题功能的实现

管理员可以设置答题信息，实现界面如下图3.16所示：

图3.16在线答题功能的实现

此外，知识分类管理、系统管理、答题、交流论坛管理功能等均为相关信息的查询、添加、修改、删除。在此，不再一一贴图描述。