SpringBoot+Vue后台管理系統項目實戰


最近學習網上了SpringBoot項目,記錄下

視頻鏈接:

不寫代碼,一鍵生成SpringBoot + Vue后台管理系統_嗶哩嗶哩_bilibili

代碼:

springboot+vue后台管理系統: B站程序員青戈的后台管理系統,畢設腳手架工程,拿來即用,簡單便捷 (gitee.com)

 畢設腳手架 x-admin

🛫 介紹

畢設腳手架工程,拿來即用,簡單便捷

👑 核心功能

自動生成代碼,可以根據數據庫表自動生成后台增刪改查接口和前台的html代碼,不用寫代碼就能做出一個管理系統!

目前系統可以根據后台數據庫的特定字段自動生成 文本框、 下拉框(帶數據關聯)日期控件(日期和日期時間控件)單選按鈕文件上傳(表格可直接顯示圖片)等,方便舒適。

🚂 軟件架構

Java后台:SpringBoot 2.1.0 + Mybatis-plus+ hutool工具包 + Apache poi

前台頁面:Vue2.0 + ElementUI + Jquery + tinymce(富文本插件)

數據庫:Mysql5.7+

注意:JDK選擇1.8版本,Mysql選擇5.7版本

前后端分離,頁面可單獨部署,默認放在項目的static文件夾,隨后端工程一起訪問。

🚁 安裝教程

  1. 使用git下載本項目

    https://gitee.com/xqnode/x-admin.git(這個是作者的)/也可以用我的陳洋/spring20210814 - 碼雲 - 開源中國 (gitee.com)

  2.  

    或者直接下載zip解壓

    下載zip

  3. 使用idea打開x-admin文件夾導入工程

  4. 配置maven,下載項目依賴

  5. 新建數據庫x-admin,執行x-admin.sql

     

  6. 修改application.yml中的數據庫密碼

  7. 項目依賴下載完成后,直接運行 Application 啟動SpringBoot即可

  8. 運行效果

🛸 使用說明

  1. 登錄頁面請訪問:http://localhost:9999/page/end/login.html
  2. 賬號:admin,密碼:admin

🎨 界面截圖

1.登錄

2.注冊

3.項目主頁(首頁)

4.用戶管理

 4.1在輸入框中模糊查詢,比如輸入c,可以查出用戶名含c字符的所有用戶

  4.2可以設置權限,編輯刪除用戶等

 4.2.1比如點擊編輯,改變姓名和年齡如下

 再點擊確定,可以發現用戶信息已經修改

 4.2.2點擊,刪除如下

 點擊確定,發現用戶信息已刪除

 4.3點擊新增,出現如下提示信息

 輸入信息,點擊確定,可以發現信息添加成功

 

5.角色管理

上面是作者的,我在作者基礎上加了一些東西

6.權限管理

7.公告管理

8.日志管理

 9.在線留言(默認隱藏了)

10.薪資管理

11.新聞管理(都是類似的),不過新聞管理用到了富文本編輯器

 

12.個人信息頁(點擊頭像可以換頭像)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM