开始使用
zeal 2020-08-14
⚠️注意:本项目前端是基于node的,因此需要你本地安装好node环境,后端是基于java的,也需要后端安装好java后并配置环境变量。
# 准备
# java开发环境
- jdk1.8
- maven
- jvm(一般安装jdk会自带)
# node开发环境
- node10 +
- npm(也可使用yarn)
- vue cli (非必须,强烈推荐,UI可视化真香)
# 数据库
- mysql
- redis
# 检出代码到本地
创建一个新目录,执行命令
git clone https://github.com/GodLikeZeal/zealsay_backend #后台项目
git clone https://github.com/GodLikeZeal/zealsay_front #前端项目
1
2
3
4
5
2
3
4
5
如果github访问的速度较慢,可以切换成国内的gitee来检出项目
git clone https://gitee.com/GodLikeZeal/zealsay_backend #后台项目
git clone https://gitee.com/GodLikeZeal/zealsay_front #前端项目
1
2
3
4
5
2
3
4
5
# 开发环境搭建
# 初始化数据库
找到后台项目的 resource
目录下的zealsay_admin.sql
初始化文件,使用navicat
或者其他数据库客户端执行初始化sql即可。
# 启动后台项目
修改resource
下面的application.yml
关于dev配置为你自己的配置。
---
spring:
profiles: dev
redis:
host: localhost #修改成你的redis host地址,本地则可以为localhost
port: 6379 #修改成你redis暴露的端口,默认为6379
timeout: 10000
password: your password #修改成你redis的认证密码,没有设置密码这项可以去掉
datasource:
host: localhost #修改成你的mysql的host,本地可以为localhost
driver-class-name: com.mysql.cj.jdbc.Driver
username: test #修改成你的mysql的用户名
password: pass #修改成你的认证密码
url: jdbc:mysql://${spring.datasource.host}:3306/zealsay_admin?useUnicode=true&characterEncoding=UTF-8&allowMultiQueries=true&useSSL=false
hikari:
maxLifetime: 1765000 #一个连接的生命时长(毫秒),超时而且没被使用则被释放(retired),缺省:30分钟,建议设置比数据库超时时长少30秒以上
maximumPoolSize: 15 #连接池中允许的最大连接数。缺省值:10;推荐的公式:((core_count * 2) + effective_spindle_count)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
修改完成之后在本地运行项目,待项目运行成功后,访问 http://localhost:8090
如果出现以下响应则表示后台启动成功
{
"code":"403",
"message":"您无权访问该资源",
"data":null
}
1
2
3
4
5
2
3
4
5
# 启动前端项目
- 直接启动
- 打开命令行,进入项目的根目录下,首先安装依赖。npm有时候会抽风,如果下载不下来可以试试设置国内镜像源试试。
npm install #或者 yarn install
1
- 待所有依赖下载完毕后,启动项目,输入
http://localhost:4000
就能看到运行效果了。
npm run dev
1
注意:启动的时候如果前端报错无法启动,极有可能是你的编辑器
eslint
配置有问题。
- 通过vue cli UI可视化界面
- 启动UI可视化面板
vue ui
1
- 导入项目
- 执行dev命令,启动项目,输入
http://localhost:4000
就能看到运行效果了。