通过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://img.kancloud.cn/41/c5/41c5cb94f0a9f556e743a353fd038a5e_1472x343.png) - b. Redis配置(配置redis的host和port) ![](https://img.kancloud.cn/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://img.kancloud.cn/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`