Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
/ one Public
forked from lcw2004/one

基于Spring Boot和Vue2开发的前后端分离的后台管理系统

Notifications You must be signed in to change notification settings

javaso/one

Repository files navigation

one

本项目衍生自 jeesite,使用的是hibernate版本,除了基础平台的功能,其余的功能都删除了。 另:v2.0版本基本上重新开发了,数据库也有较大改动

演示地址

  • http://104.128.81.94:8080
  • 登录名:admin,密码:admin
  • 服务器在国外,访问起来会有些慢,另初次加载会慢一些。

在Jeesite上的改动

  • 改为Spring Boot工程
  • 前后端完全分离,后端只提供Rest API,
  • 前端使用了Vue渲染网页,数据与展示分离。
    • 目前的前端组件(翻页组件、Tree组件、Tree Table组件)都是自定义的,易于修改。
    • 前端代码较少且更为清晰
  • 所有的依赖都已经升级为最新版,且会定期升级
  • 用redis存储登录用户信息

技术栈

后端

  • Spring Boot 1.5.10
  • Hibernate 5
  • Shiro 1.4.0
  • activiti 5.22.0
  • swagger 2.6.1

前端

  • vue2
  • vuex
  • vue-router
  • axios
  • webpack
  • AdminLTE

文档

更多项目的文档请参考 项目wiki

项目结构说明

后端接口开发

前端界面开发

生产环境打包

优化

数据库

  • 数据库:暂时未提供数据库初始化代码(后期加上),只能提供一个navicat导出的SQL文件,document/one - mysql(navicat).sql

运行程序

  • redis:需要配置redis

  • 命令行方式运行:在项目根目录运行以下命令即可运行程序:

    mvn clean package
    cd one-ui
    java -jar one-ui/target/one-ui-1.0.1.war
    
  • 开发工具运行:在开发工具中运行OneUIApplication.java

  • 代码热更新:

    • IDEA: Ctrl + F9编译完成自动更新
    • Eclipse: 修改完成保存就会自动更新

待完成功能

  1. 整体功能

    待完成:

    • 持续集成
    • 点击列表名称进行排序
    • 添加表单验证
      • 前端数据校验
      • 后端数据校验
    • 提供单独的建库脚本以及初始化数据脚本
    • 需要记录每个URL的访问耗时情况,统计起来以便优化
    • 将 jeesite 最新版的功能迁移过来
    • maven换成gradle
    • 封装参数验证以及异常处理
    • 代码生成
    • 将 Hibernate 换成其他的(目前暂不考虑更换)

    已完成:

    • 用 Vue2 重写前端页面
    • 分模块,将工程根据不同的业务分为多个工程
    • 将 jeesite 依赖的组件升级到高版本
    • 进一步前后端分离,改为Single Page Application
    • 搭建工作流服务
    • 拆分单点登录服务,管理多个系统
    • 引入Swagger生成REST接口文档
  2. 模块功能

    • 字典管理
    • 菜单管理
    • 菜单栏显示菜单的LOGO
    • 角色管理
    • 用户管理
    • 机构管理
    • 区域管理
    • 日志查询

其他

参数验证

在需要验证的Bean或者参数上面添加@Valid 即可。

程序会自动按以下流程处理验证结果:

  1. 在 Rest 接口接口参数上面添加 @Valid
  2. 用 NotValidExceptionAdvice 将异常拦截下来,包装为自定义报文,以 JSON 的形式返回给接口调用方(vue-resource),并返回400错误
  3. vue-resource 中统一用拦截器将 400 错误拦截下来,并解析报文得到错误消息,弹框提示用户

Http状态码

  1. 200 成功
  2. 400
    • 常规异常
    • 异常处理:vue-resource拦截下来并提示错误信息
  3. 401
    • 获取登录用户信息失败
    • 长时间不操作,自动退出登录
    • 异常处理:vue-resource拦截下来并跳转到登录界面重新登录

About

基于Spring Boot和Vue2开发的前后端分离的后台管理系统

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 36.0%
  • Java 35.5%
  • Vue 16.2%
  • CSS 12.0%
  • Other 0.3%

AltStyle によって変換されたページ (->オリジナル) /