spring-boot-admin 项目启动说明

1 后端启动说明

1 在application.yml中修改redis和myql配置

  redis:
    database: 2
    host: ${REDIS_HOST:localhost}
    password:
    port: ${REDIS_PORT:6379}
    pool:
    max-active: 20
  datasource:
#    name: test
    url: jdbc:mysql://${MYSQL_HOST:localhost}:${MYSQL_PORT:3306}/loop_admin_v1?useUnicode=true&characterEncoding=UTF8
#    url: jdbc:mysql://${MYSQL_HOST:120.79.250.60}:${MYSQL_PORT:3306}/loop_admin?useUnicode=true&characterEncoding=UTF8
    username: root
    password: 123456
    #阿里巴巴数据库连接池
    type: com.alibaba.druid.pool.DruidDataSource
    driver-class-name: com.mysql.jdbc.Driver
    filters: stat
    maxActive: 20
    initialSize: 1
    maxWait: 60000
    minIdle: 1
    timeBetweenEvictionRunsMillis: 60000
    minEvictableIdleTimeMillis: 300000
    validationQuery: select 'x'
    testWhileIdle: true
    testOnBorrow: false
    testOnReturn: false
    poolPreparedStatements: true
    maxOpenPreparedStatements: 20

2 项目端口，jwt 配置(默认就行) url配置（不需要登录就可以访问的url）

server:
  port: 9002

jwt:
  token-header: Authorization
  expire: 14400  #四个小时
  rsa-secret: xx1WET12^%3^(WE45
#不需要登录验证的地址
url:
  ignore:
    startWith: /jwt          #书写规则 (链接之间用，隔开)    /url1,/url2,/url3

3 用idea导入项目，配置好以上选项，启动项目即可

2 前端启动说明

前端项目端口和地址：config/index.js中

1 准备工作

node.js环境（npm包管理器）
vue-cli 脚手架构建工具
cnpm npm的淘宝镜像

2 开发运行

    # 安装依赖
    npm install
    //or # 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
    npm install --registry=https://registry.npm.taobao.org
    # 本地开发 开启服务
    npm run dev

3 目录结构

├── build                      // 构建相关  
├── config                     // 配置相关
├── src                        // 源代码
│   ├── api                    // 所有请求
│   ├── assets                 // 主题 字体等静态资源
│   ├── components             // 全局公用组件
│   ├── directive              // 全局指令
│   ├── filtres                // 全局filter
│   ├── mock                   // mock数据
│   ├── router                 // 路由
│   ├── store                  // 全局store管理
│   ├── styles                 // 全局样式
│   ├── utils                  // 全局公用方法
│   ├── view                   // view
│   ├── App.vue                // 入口页面
│   └── main.js                // 入口 加载组件 初始化等
├── static                     // 第三方不打包资源
│   ├── jquery
│   └── Tinymce                // 富文本
├── .babelrc                   // babel-loader 配置
├── eslintrc.js                // eslint 配置项
├── .gitignore                 // git 忽略项
├── favicon.ico                // favicon图标
├── index.html                 // html模板
└── package.json               // package.json

4 状态管理

后台只有user和app配置相关状态使用vuex存在全局，其它数据都由每个业务页面自己管理。

License

Apache License Version 2.0

spring-boot-admin 项目启动说明

1 后端启动说明

2 前端启动说明

1 准备工作

2 开发运行

3 目录结构

4 状态管理

License

推荐阅读更多精彩内容