商丘工学院新闻网

1、前言

  sqgxy-xxydz-news是在大四参加的web大赛的一个项目，与我的队友协同开发，在此过程中收获颇多。

---

2、介绍

  商丘工学院新闻官网（信息与电子工程学院）包括前台新闻展示系统及后台管理系统，基于SpringBoot+Vue+MyBatis-Plus实现。前台商城系统包括首页（轮播图、通知公告、工作动态、学院动态）走进信电、学风建设、信电之星、学科竞赛、党史学习、归德书院、学校首页、联系我们等模块。后台管理系统包括普通管理员管理、新闻管理（一级标题和二级标题绑定）、文件管理、信电之星管理、联系方式管理、关于我们、关于本站等模块。

---

3、技术选型

技术选项说明（前后端分离）

• 后端：SpringBoot、Mybatis-Plus、Apache Shiro
• 前端：Vue、Element-UI、Vue-quill-editor（富文本编辑器）

---

4、项目演示

1、后台管理系统

后端项目sqgxy-xxydz-news-backed地址：https://github.com/macrozheng/mall-admin-web

项目演示地址： http://180.76.56.118/#/login

2、后台接口

后端项目swagger地址：http://180.76.56.118:10086/swagger-ui.html

项目演示地址： http://180.76.56.118:10086/swagger-ui.html

3、前台新闻系统

前端项目sqgxy-xxydz-news-fronted地址：

项目演示地址：http://180.76.56.118/

---

5、项目部署

• 前端

• • 进入到根目录执行npm install，再执行npm run serve

• 后端

• • 修改application.yml中的数据库信息，然后运行即可。

6、预览图片

• 前端页面
  

• 后端页面