商丘工学院新闻网

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



















、预览图片

前端页面 后端页面