低代码IDEA启动项目

简介: 本教程介绍如何使用IDEA启动低代码项目Jeecg-Boot(Java+Vue3)。先启动后端SpringBoot项目,需初始化MySQL与Redis,配置application-dev.yml;再启动前端Vue3项目,安装pnpm依赖并配置代理,最后通过localhost访问系统,默认账号admin/123456。

低代码IDEA启动项目(37)
采用IDEA启动前后端项目
前提: 后台开发环境 和 前端开发环境 都已经安搭建完成。
一、启动JAVA项目 jeecg-boot

  1. 初始化数据库
    要求 mysql5.7+
    执行Sql脚本: jeecg-boot/db/jeecgboot-mysql-5.7.sql
    脚本作用:会自动创建库jeecg-boot, 并初始化数据 。
    启动本地redis
  2. 安装Maven依赖

通过右侧父POM进行install(下载依赖和打包)

  1. 修改配置文件
    配置文件: jeecg-module-system/jeecg-system-start/src/main/resources/application-dev.yml
    数据库配置

redis配置

  1. 启动项目
    右键执行下面类,启动项目
    jeecg-system-start/src/main/java/org/jeecg/JeecgSystemApplication.java
  2. 访问接口文档
    http://localhost:8080/jeecg-boot/doc.html
    二、启动Vue3前端 jeecgboot-vue3
  3. 下载前端依赖
    执行命令pnpm i 或者双击 pinstall或者使用yarn install

依赖安装成功提示

  1. 配置后台接口
    修改接口地址 .env.development(可不改)

    跨域代理,您可以配置多个, 请注意没有换行符

    VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]

    后台接口全路径地址(必填)

    VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot

3.启动前端项目
点击命令 dev 启动项目或者使用npm run dev进行启动

4.访问系统
通过 http://localhost:3100 访问前端项目
默认账号密码: admin/123456
注:前端也可采用vscode进行启动看个人喜好。

相关文章
|
机器学习/深度学习 算法 测试技术
低照度增强算法(图像增强+目标检测+代码)
低照度增强算法(图像增强+目标检测+代码)
|
3月前
|
人工智能 监控 算法
睡岗检测/睡觉检测数据集(2000张图片已划分、已标注)轻松上手目标检测训练
本数据集包含2000张已标注睡岗行为图片,涵盖多种真实场景,适用于YOLO等目标检测模型训练。专为安防、工业值守、交通监控等智能识别场景设计,助力快速构建睡岗检测系统,推动AI在安全领域的落地应用。
619 12
睡岗检测/睡觉检测数据集(2000张图片已划分、已标注)轻松上手目标检测训练
|
6月前
|
SQL 关系型数据库 MySQL
MySQL表设计经验
本文介绍了数据库表设计的15个实用技巧,涵盖命名规范、字段类型选择、主键设计、索引优化等方面,帮助后端程序员提升数据库设计能力,避免常见错误,提高系统性能与可维护性。
302 0
|
11月前
|
机器学习/深度学习 计算机视觉
YOLOv11改进策略【模型轻量化】| GhostNetV2:利用远距离注意力增强廉价操作
YOLOv11改进策略【模型轻量化】| GhostNetV2:利用远距离注意力增强廉价操作
408 12
YOLOv11改进策略【模型轻量化】| GhostNetV2:利用远距离注意力增强廉价操作
|
11月前
|
机器学习/深度学习 人工智能 并行计算
YOLOv11改进策略【YOLO和Mamba】| MLLA:Mamba-Like Linear Attention,融合Mamba设计优势的注意力机制
YOLOv11改进策略【YOLO和Mamba】| MLLA:Mamba-Like Linear Attention,融合Mamba设计优势的注意力机制
780 9
|
Java 测试技术 开发工具
Spring Boot中的开发工具与插件推荐
Spring Boot中的开发工具与插件推荐
1684 0
|
API 开发工具 git
.NET CORE CliWrap 命令行
【11月更文挑战第12天】`CliWrap` 是一个用于在 .NET 应用中执行外部命令行工具的库,支持 .NET Core 及以上版本。它通过简洁的 API 提供了命令执行、参数传递、工作目录设置、环境变量配置及错误处理等功能。安装可通过 NuGet 完成,示例代码展示了如何使用 `CliWrap` 执行 `dir` 命令并获取输出。
212 0
|
前端开发 JavaScript 索引
【Web 前端】JS的几种具体异常类型(报错)
【4月更文挑战第22天】【Web 前端】JS的几种具体异常类型(报错)
|
物联网 API 数据库
一文带你认识蓝牙 GATT 协议
正所谓磨刀不误砍柴工,我们有必要先深入的学习一下 GATT 以及 GATT 相关的一些知识。 本文我们就来了解一下 蓝牙 GATT 到底是什么?同时了解下我们使用的 ESP32-C3 GATT示例的工程的代码结构。
8713 5
一文带你认识蓝牙 GATT 协议