通过IDEA启动项目
最后更新于:2022-04-02 07:08:47
通过IDEA启动项目
====
>[danger] 采用IDEA讲解如何启动前后端项目。
> 前提: 前后端的开发环境已经安装完成,尚未安装的参考 [开发环境准备](开发工具安装.md)
[TOC]
## 一、启动JAVA项目` jeecg-boot`
### (1)初始化数据库 (要求 mysql5.7+)
>[warning] 执行Sql脚本: jeecg-boot/db/jeecgboot-mysql-5.7.sql
> 脚本工作:自动创建库`jeecg-boot`, 并初始化数据 。
### (2)修改项目配置 (数据库、redis等)
`配置文件: jeecg-boot-module-system/src/main/resources/application-dev.yml`
- a. 数据库配置(连接和账号密码)
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/41/c5/41c5cb94f0a9f556e743a353fd038a5e_1472x343.png)
- b. Redis配置(配置redis的host和port)
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/d9/e1/d9e1d242134ae1a6679d524b2d948a6f_1089x395.png)
### (3)启动项目&访问
以上配置完成后,即可启动后台项目
- 找到类 `jeecg-boot-module-system/src/main/java/org/jeecg/JeecgSystemApplication.java` 右键执行启动。
- 通过 `http://localhost:8080/jeecg-boot/doc.html ` 访问后台项目的swagger地址。
### (4)项目结构说明
```
项目结构
├─jeecg-boot-parent(父POM: 项目依赖、modules组织)
│ ├─jeecg-boot-base(共通模块: 工具类、config、权限、查询过滤器、注解、接口等)
│ ├─jeecg-boot-module-demo 示例代码
│ ├─jeecg-boot-module-system (系统管理权限等功能) -- 默认作为启动项目
│ ├─jeecg-boot-starter(微服务starter模块,不需要微服务可以删掉)
│ ├─jeecg-cloud-module(微服务生态模块,不需要微服务可以删掉)
```
## 二、启动前端项目 `ant-design-vue-jeecg`
### (1)执行命令下载依赖
执行命令` yarn install `
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/fe/d2/fed2303e37a6cd123f3e2cf85f48e63d_731x710.png)
### (2)配置后台接口
* 修改接口地址 .env.development
```
NODE_ENV=development
VUE_APP_API_BASE_URL=http://localhost:8080/jeecg-boot
```
- [ 前端多环境构建详细说明 ](http://doc.jeecg.com/2043881)
### (3)启动前端项目
调出Show npm Scripts 功能
找到项目目录下文件package.json文件,鼠标右键选择Show npm Scripts
![输入图片说明](https://static.oschina.net/uploads/img/201901/30121009_NDhQ.png "在这里输入图片标题")
点击命令 `serve` 启动项目
看到如下日志 则启动成功
![输入图片说明](https://static.oschina.net/uploads/img/201901/30150342_nREr.png "在这里输入图片标题")
通过 `http://localhost:3000` 访问前端项目,默认账号密码: `admin/123456`
';