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

 

原文地址:https://www.cnblogs.com/luckyplj/p/15331940.html