5系统界面实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1ta4y1f7UR/
三、运行截图：
3.1前台首页功能模块
新闻发布系统，在系统首页可以查看首页、新闻信息、新闻投稿、论坛信息、投诉建议、我的、跳转到后台、聊天信息等内容，如图3-1所示。
图3-1 系统信息界面图
注册，在注册页面可以填写用户名、密码、姓名、邮箱、手机等信息进行注册，如图3-2所示。
图3-2注册界面图
登录，在登录页面填写账号、密码等信息进行登录，如图3-3所示。
图3-3登录界面图
新闻信息，在新闻信息页面填写新闻分类、数字、来源、发布日期、作者等信息进行点我收藏，如图3-4所示。
图3-4新闻信息界面图
新闻投稿，在新闻投稿页面填写新闻分类、内容简述、投稿日期、用户名、审核回复、新闻稿件等信息进行点击下载，如图3-5所示。
图3-5新闻投稿界面图
3.1.2登录
管理员输入个人的账号、密码登录系统，这时候系统的数据库就会在进行查找相关的信息，如果我们输入的账号、密码不正确，数据库就会提示出错误的信息提示，同时会提示管理员重新输入输入自己的账号、密码直到账号密码输入成功后，会提登录成功的信息。网站管理员登录效果图如图3-6所示：
图3-6登录界面
3.2 管理员功能模块
3.2.1 个人信息
管理员对个人信息进行添加、删除、修改以及查看等操作。程序成效图如下图3-7所示:
图3-7个人信息界面图
3.2.2新闻分类管理
管理员对新闻分类管理获取新闻分类等信息进行添加、删除、修改以及查看等操作。程序效果图如下图3-8所示：
图3-8新闻分类管理界面
3.2.3 新闻信息管理
管理员对新闻信息管理获取标题、新闻分类、字数、来源、图片、新闻内容、发表日期、作者等信息进行删除、修改以及查看等操作。程序效果图如下图3-9所示：
图3-9新闻信息管理界面
3.2.4 轮播图管理
轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作。程序效果图如下图3-10所示：
图3-10轮播图管理界面
3.2.5新闻投稿管理
管理员对新闻投稿管理进行删除、修改以及查看等操作。程序效果图如下图3-11所示：
图3-11新闻投稿管理界面
3.2.6论坛管理
管理员对论坛管理信息进行修改、删除以及查看等操作。程序效果图如下图3-12所示：
图3-12论坛管理信息界面
3.2.7我的收藏管理
管理员对我的收藏管理信息进行修改、删除以及查看等操作。程序效果图如下图3-13所示：
图3-13我的收藏管理界面
3.2.8投诉建议管理
管理员对投诉建议管理信息进行修改、删除以及查看等操作。程序效果图如下图3-14所示：
图3-14投诉建议管理界面
3.3用户功能模块
用户对个人信息进行查看、修改等操作。程序成效图如下图3-15所示：
图3-15用户功能界面
3.3.1投诉建议管理
管理员对投诉建议管理信息进行修改、删除以及查看等操作。程序效果图如下图3-16所示：
图3-16投诉建议管理界面
3.3.2论坛管理
管理员对论坛管理信息进行修改、删除以及查看等操作。程序效果图如下图3-17所示：
图3-17论坛管理界面
3.3.3我的收藏管理
管理员对我的收藏管理信息进行修改、删除以及查看、收藏等操作。程序效果图如下图3-18所示：
图3-18我的收藏管理界面