请先关注 [低调大师] 公众号 优秀的自媒体个人博客,低调大师,许军

低调大师

您现在的位置是:首页>文章详情

文章详情

基于 ApiBoot、Vue 的前后分离脚手架 ApiBoot Admin v1.0 初版发布

2020-01-08 53热度

ApiBoot Admin

基于新一代接口服务框架 “ApiBoot” 的前后分离管理平台基础解决方案脚手架示例。

源码

ApiBoot Admin:https://gitee.com/minbox-projects/api-boot-admin

ApiBoot:https://gitee.com/minbox-projects/api-boot

如果您喜欢,请给仓库一个star,非常感谢对开源的支持!!!

I. 诞生

为了给 ApiBoot使用者演示各个组件整合使用,因此 ApiBootAdmin诞生了!!!

因为 ApiBoot是由Java编写的纯后端组件化基础框架,为了结合实际中的开发场景,所以将 vue-element-admin集成到了 ApiBootAdmin中作为前端的展示,从而打造了一个简单的 前后端分离的演示环境。

友情提示:可以将 admin-services项目从 ApiBootAdmin独立出来作为一个接口服务,由于内部提供了一些常用的常量、基础的统一配置等等,完全可以在其基础上进行二次开发。

II. 源码目录

ApiBootAdmin是一个前后分离的演示项目。

1. 接口部分 (admin-services)

接口为后台的前端框架提供数据的支持,完全使用 ApiBoot内提供的组件进行编写,使用的组件如下一览(点击直接把你送到组件的官方文档):

  1. ApiBoot OAuth
  2. ApiBoot Security
  3. ApiBoot Logging
  4. ApiBoot Logging Admin
  5. ApiBoot MyBatis Enhance
  6. ApiBoot MyBatis Enhance Codegen
  7. ApiBoot MyBatis Pageable
  8. ApiBoot Swagger
  9. ApiBoot DataSource Switch
  10. ApiBoot Resource Load
  11. ApiBoot Rate Limiter
  12. ApiBoot Quartz
  13. ApiBoot Aliyun Mail
  14. ApiBoot Aliyun OSS
  15. ApiBoot Aliyun SMS
  16. ApiBoot Message Push

2. 前端部分 (admin-ui)

前端采用 花裤衩 提供的 vue-element-admin整合框架,详细使用请访问 vue-element-admin官方文档

日志服务端 (admin-log-server)

基于 ApiBootLoggingAdmin组件构建,用来采集接口服务( admin-services)所产生的全部日志信息并记录到数据库内( 请求日志链路日志全局日志)。

III. 运行环境

  • JDK 1.8+
  • MySQL 5.5+
  • NodeJs 10.18.0
  • Npm 6.13.4

IV. 本地运行

1. 创建数据库

请复制仓库内的 api-boot-admin.sql 脚本内容在本地自行创建数据库。

2. 下载源码

  1. git clone git@gitee.com:minbox-projects/api-boot-admin.git

3. 编译项目

  1. # 进入api-boot-admin目录
  2. ➜ cd api-boot-admin
  3. # 在api-boot-admin根目录打包项目
  4. ➜ api-boot-admin git:(master) ✗ mvn clean package

4. 启动日志服务

  1. ➜ api-boot-admin git:(master) ✗ cd admin-log-server
  2. ➜ admin-log-server git:(master) ✗ java -jar target/admin-log-server-0.1.0.RELEASE.jar

5. 启动接口

  1. ➜ api-boot-admin git:(master) ✗ cd admin-services
  2. ➜ admin-services git:(master) ✗ java -jar target/admin-services-0.1.0.RELEASE.jar

6. 运行后台

  1. # 安装npm依赖包
  2. ➜ admin-ui git:(master) ✗ npm install
  3. # 运行开发环境
  4. ➜ admin-ui git:(master) ✗ npm run dev

后台成功启动后,访问 http://localhost:9527/ 可看到如下界面:

api-boot-admin.sql数据库脚本中有登录的用户信息。

用户名:hengboy,密码:123456

首页只是图表组件示例,如需动态读取数据可以了解 vue-element-admin

该模块内的功能是已经完善的,用到的接口都在 admin-services/org.minbox.framework.api.boot.admin.api.SystemUserApi控制器内,查看源码可了解 ApiBoot各个组件的使用方式。

收藏 (0)

相关文章

    文章评论

    共有0条评论来说两句吧...