快速开始

# 快速上手

前提条件

编译器安装好 Lombok 插件，jdk环境1.8，需要最新的LTS版本的 Node.js (opens new window)

请clone代码时尽量从Tags中选择，Tags中的代码皆为稳定版，存在bug较少。

本文会帮助你从头搭建并运行简单版本的通用框架前后端。

# 后台搭建

从git仓库clone后台代码

# 此处clone后台代码为dameng1.0版本的代码，mysql请下载mysql对应版本
git clone -b dameng-1.0 http://taixingyiji.synology.me:1010/common-frame/common.git

1
2

引入编译器，等待maven下载好依赖
创建数据库，并运行 src>main>resources>common.sql 文件

修改yml文件，目录为 src>main>resources>application.yml

配置数据库数据源：

 datasource:
    type: com.alibaba.druid.pool.DruidDataSource
    # 将此处修改成你的数据库地址
    url: jdbc:dm://192.168.10.3:5236/COMMON?zeroDateTimeBehavior=convertToNull&useUnicode=true&characterEncoding=utf-8
    # 将此处修改你的数据库用户名
    username: COMMON
    # 将此处修改成你的数据库密码
    password: 123456789
    # 指定数据库驱动
    driver-class-name: dm.jdbc.driver.DmDriver

1
2
3
4
5
6
7
8
9
10

配置token存证是否存入redis：

spring:
# 若不使用redis需要注释掉此类信息
redis:
 database: 0
 # redis地址
 host: 192.168.100.145
 # redis端口号
 port: 6379
 # redis 密码
 password: root
 lettuce:
   pool:
     # 连接池中的最大空闲连接 默认8
     max-idle: 8
     # 连接池中的最小空闲连接 默认0
     min-idle: 0
     # 连接池最大连接数 默认8 ，负数表示没有限制
     max-active: 8
     # 连接池最大阻塞等待时间（使用负值表示没有限制） 默认-1
     max-wait: -1
 timeout: 30000
# 是否开启redis 用户登录，若开启此项，需要配置redis节点及相关配置，若不开启，需要注释掉redis相关配置信息
isRedisLogin: false

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

配置分页插件：

# 分页插件设置成达梦数据库支持，若不是达梦数据库需要注释掉此部分
pagehelper:
 helperDialect: dm
 reasonable: true
 supportMethodsArguments: true
 pageSizeZero: true
 params: count=countSql

1
2
3
4
5
6
7

通过启动类启动后台项目 src>main>java>com.commmon.common>CommonApplication.java

现在你的后台项目已经配置完成，且已经启动，接下来需要配置前端项目。

# 前端搭建

通过git下载前端项目

# 此处clone前端代码为dameng1.0版本的代码，mysql请下载mysql对应版本
git clone -b dameng-1.0 http://taixingyiji.synology.me:1010/common-frame/common-web.git

1
2

安装依赖
```
yarn install
```
1

修改配置文件 ./vue.config.js

'/common': {
        // 此处修改成你的后台服务器地址及端口，其余配置不变
        target: 'http://127.0.0.1:8081' ,
        changeOrigin: true, // needed for virtual hosted sites
        ws: true, // proxy websockets
        pathRewrite: {
          // '^/common': ''
        }
      }

1
2
3
4
5
6
7
8
9

启动本地开发环境（自带热启动)
```
yarn serve
```
1
通过浏览器访问
```
http://localhost:9527
```
1

上次更新: 2021/02/03, 17:01:33

← 介绍打包部署→