商丘工学院新闻网

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/xmpjava/sqgxy-xxydz-news/tree/main/sqgxy-xxydz-news-backend

项目演示地址： 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地址：https://github.com/xmpjava/sqgxy-xxydz-news/tree/main/sqgxy-xxydz-news-frontend

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

5



    




    




    




  、项目部署

前端

进入到根目录执行npm install
   

   

   

，再执行npm run serve

后端

修改application.yml中的数据库信息     

     

     

     ，然后运行即可 

     

     

     

。

6
















、预览图片

前端页面 后端页面