ssm基于VUE的新闻类网站+vue修改完的

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1W8411C7nY?t=10.1

三、运行截图：

3.1 管理员登录

管理员输入个人的用户名、密码和角色登录系统，这时候系统的数据库就会在进行查找相关的信息，如果我们输入的用户名、密码和角色不正确，数据库就会提示出错误的信息提示，同时会提示管理员重新输入自己的用户名、密码、角色，直到用户名、密码输入成功后，会提登录成功的信息。网站管理员登录效果图如图3-1所示：

图3-1管理员登录界面

3.2 管理员功能模块

3.2.1 用户管理

管理员对用户管理进行查看用户名、姓名、性别、头像、手机、邮箱、审核回复、审核状态、审核并进行详情、删除、修改等操作。程序成效图如下图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.3 前台首页功能模块

前台首页详情页面查看首页、新闻信息、用户分享、公告信息、个人中心、后台管理等功能操作。程序效果图如下图3-8所示：

图3-8前台首页功能界面

3.3.1用户注册、用户登录

用户在线填写用户名、密码、姓名、手机、邮箱等信息进行注册、登录操作。程序效果图如下图3-9所示：

图3-9用户注册、用户登录界面

3.3.2新闻信息

用户进入新闻信息可以查看新闻标题、新闻类别、新闻地区、新闻图片、新闻视频、发布日期、点击次数等信息，并可以进行点我收藏操作。程序效果图如下图3-10所示：

图3-10新闻信息界面

3.3.3个人中心

用户进入个人中心可以填写用户名、密码、姓名、性别、头像、手机、邮箱等信息进行更新信息、退出登录操作。程序效果图如下图3-11所示：

图3-11个人中心界面

3.4 用户功能模块

3.3.1个人信息

用户进入个人信息可以填写用户名、姓名、性别、头像、手机、邮箱等信息进行修改。程序效果图如下图3-12所示：

图3-12个人信息界面

3.3.2用户分享管理

用户进入用户分享管理可以查看分享标题、分享类型、分享图片、分享视频、分享日期、用户名、邮箱、审核回复、审核状态并可以进行详情、修改、删除等操作。程序效果图如下图3-13所示：

图3-13用户分享管理界面