Springcloud学习笔记18--Jeecg-boot环境搭建步骤及前后端启动02(前后端开发环境搭建)

1.前端开发环境搭建、启动

(1)安装nodejs、npm、yarn

(2)用idea打开前端项目ant-design-jeecg-vue

 (3)在terminal终端执行命令 yarn install 下载项目依赖

 (4)项目依赖的模块下载完成，则项目构建完成

 (5)ant-design-jeecg-vue项目配置后台接口

a. 修改后台接口配置 .env.development

NODE_ENV=development
VUE_APP_API_BASE_URL=http://localhost:8080/jeecg-boot
VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

vue.config.js配置信息修改：

此处映射地址配置到后台端口即可，如果后台项目名字修改了的话，直接改“/jeecg-boot”

(6) 启动项目

调出Show npm Scripts 功能
找到项目目录下文件package.json文件，鼠标右键选择Show npm Scripts

点击命令 serve 启动项目
看到如下日志 则启动成功

通过 http://localhost:3000 访问前端项目，默认账号密码： admin/123456

 2.后端开发环境搭建、启动

(1)安装jdk8、Maven、Redis、Mysql

(2)用idea打开后端项目

项目结构
├─jeecg-boot-parent（父POM： 项目依赖、modules组织）
│  ├─jeecg-boot-base（共通模块： 工具类、config、权限、查询过滤器、注解、接口等）
│  ├─jeecg-boot-module-demo    示例代码
│  ├─jeecg-boot-module-system （系统管理权限等功能） -- 默认作为启动项目
│  ├─jeecg-boot-starter（微服务starter模块，不需要微服务可以删掉） 
│  ├─jeecg-cloud-module（微服务生态模块，不需要微服务可以删掉） 

(3)初始化数据库，要求mysql5.7+

使用navicat运行SQL文件

 

 运行后，数据库自动创建。

(4)修改项目配置文件（数据库配置、redis配置）

 配置文件： jeecg-boot-module-system/src/main/resources/application-dev.yml

a. 数据库配置(连接和账号密码)

注意：启动本地项目时，需要根据实际修改代码。 

b. Redis配置（配置redis的host和port）

(5)启动redis服务

(6)启动项目&访问

以上配置完成后，即可启动后台项目
本地启动：jeecg-boot-module-system/src/main/java/org/jeecg/JeecgSystemApplication.java，右键执行启动。
通过 http://localhost:8080/jeecg-boot/doc.html 访问后台，默认进入swagger文档首页

 

参考文献：

http://doc.jeecg.com/2043874

nacos 安装--jeecgboot官方推荐教程：https://blog.csdn.net/q15102780705/article/details/102571353