通过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. 数据库配置(连接和账号密码) ![](../images/screenshot_1608120824583.png) - b. Redis配置(配置redis的host和port) ![](../images/screenshot_1608120866314.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 ` ![](../images/screenshot_1608172827270.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://img.kancloud.cn/25/a6/25a61465a9c39ddfcdb624eb6d5ba42f_730x718.png) 点击命令 `serve` 启动项目 看到如下日志 则启动成功 ![](https://img.kancloud.cn/4f/a3/4fa39fcdb8397dbb222b91f8fbc950d4_760x499.png) 通过 `http://localhost:3000` 访问前端项目,默认账号密码: `admin/123456`