web-flash 内容管理系统

Posted by eye on 07-24,2023

web-flash


web-flash是一个基于Spring Boot和Vue.js的web系统,包含了基于element搭建的后台管理系统和基于vux搭建的手机端h5站点

web-flash具备后台管理类系统的通用的基础功能,而且提供了基于idea intellij的的代码生成插件,可以一键生成前后端页面。

技术组件

  • 核心框架:Spring Boot
  • 数据库层:Spring data jpa
  • 数据库连接池:Druid
  • 缓存:Ehcache
  • 前端:基于Vue.js的Element(后端)和vux(手机端)
  • 工作流:activiti

使用

  1. 克隆本项目
  2. 导入idea或者eclipse
  3. 创建数据库:web-flash
   CREATE DATABASE IF NOT EXISTS webflash DEFAULT CHARSET utf8 COLLATE utf8_general_ci; 
   CREATE USER 'webflash'@'%' IDENTIFIED BY '174f22e2756634444be5d7d30';
   GRANT ALL privileges ON webflash.* TO 'webflash'@'%';
   flush privileges;
  1. 在开发环境中配置了系统启动后自动创建数据库和初始化数据,所以不需要开发人员手动初始化数据库

  2. 确保开发工具下载了lombok插件

  3. 修改flash-api中数据库连接配置

  4. 启动flash-api,访问http://localhost:8082/swagger-ui.html , 保证api服务启动成功

  5. 进入flash-vue-admin目录

    运行 npm install --registry=https://registry.npmmirror.com
    运行npm run dev
    启动成功后访问 http://localhost:9528 ,登录,用户名密码:admin/admin

  6. 进入flash-vue-h5目录

    运行 npm install --registry=https://registry.npmmirror.com
    运行npm run dev
    启动成功后访问 http://localhost:8088/#/index