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