前端视角 | 从零搭建并启动若依后端(环境配置)

前端视角 | 从零搭建并启动若依后端(环境配置)
前言

作为前端开发,因前后端联调需求需启动若依Java后端,本文记录从环境准备到后端启动的完整流程,适配本地已有JDK17(安卓项目)、MySQL8.0(Node后端)的场景,全程不破坏原有开发环境。

一、环境准备(核心:不卸载原有环境,按需适配)

若依官方推荐

JDK >=1.8(推荐1.8版本) Mysql >=5.7.0 (推荐5.7版本) Maven >=3.0 Redis >=5.0 非官方推荐 

安装开发工具(推荐 IntelliJ IDEA 社区版)

  • 作用:打开、编译、运行 Java 代码的工具,比记事本 / VS Code 更友好。
  • 下载地址:IDEA 官网(选 Community 社区版,免费)。
  • 安装:一路下一步,安装时勾选 “Add launchers dir to PATH”(添加到环境变量)。
1. JDK环境配置(若依需JDK1.8,保留JDK17供安卓使用)
  • 现状:本地已有JDK1.8.0_361、JDK17、JDK19,JDK17用于安卓项目(若没有JDK,需下载安装)
    官方:Oracle JDK8 (可能需要注册,略麻烦)
    非官方:OpenJDK 8(免费无需注册)
  • 配置方式(IDEA内隔离配置,不修改全局环境):
    1. 打开IDEA → FileProject Structure(Ctrl+Alt+Shift+S);
    2. 左侧Platform SettingsSDKs → 点击+Add SDKJava,选择本地C:\Program Files\Java\jdk1.8.0_361
    3. 左侧Project SettingsProjectProject SDK1.8 (jdk1.8.0_361)Project language level8 - Lambdas, type annotations etc.

验证:启动项目后,IDEA运行日志中出现C:\Program Files\Java\jdk1.8.0_361\bin\java.exe即配置生效(验证版本时无需关注Terminal的java -version显示JDK17)。
项目启动,如图所示,点击RuoYiApplication文件右键:

在这里插入图片描述
2. Redis安装与配置(若依>=3.0)
  • 下载:Windows版Redis(推荐5.0.14.1,解压至D:\Redis-x64-5.0.14.1,无中文/空格路径);
  • 启动:
    1. 管理员身份运行redis-server.exe redis.windows.conf(保持窗口打开);
    2. 验证:新开CMD执行redis-cli.exe → 输入ping返回PONG即正常;
  • 若依配置:无需修改application.yml中Redis默认配置(host=localhost、port=6379、无密码);

常见问题:持久化权限报错(MISCONF Redis is configured to save RDB snapshots),解决(主要是权限问题,需管理员权限打开Redis):

# 进入redis-cli执行 config set stop-writes-on-bgsave-error no 
3. Maven配置(若依>=3.0)
  • 下载地址:Maven 官网(选类似apache-maven-3.6.3-bin.zip的包);
  • 解压到非中文路径(比如D:\Maven);
  • 配置环境变量:新建MAVEN_HOME= 解压路径,Path新增%MAVEN_HOME%\bin;
  • 验证:IDEA终端执行mvn -v,确保版本≥3.0;
  • 优化配置(加快依赖下载):
    1. IDEA中配置:FileSettingsBuild ToolsMaven,指定Maven home directory和修改后的settings.xml

找到Maven安装目录conf/settings.xml,在<mirrors>内添加阿里云镜像:

 <mirror> <id>aliyunmaven</id> <mirrorOf>central</mirrorOf> <url>https://maven.aliyun.com/repository/public</url> </mirror> 
4. MySQL配置(适配本地8.0.43,无需降级5.7)
  • 没有数据库的可提前进行下载安装,官方网址:MySQL下载安装后,管理员权限进入命令提示符(CMD),启动数据库
net start mysql mysql -u 用户名 -p 用户名一般是root 
  • 导入SQL脚本(可视化工具执行,我用的是HeidiSQL,避免命令行路径问题):
    1. 切换至ruoyi_admin库;

若依连接配置(修改application-druid.yml):

在这里插入图片描述


代码

 spring: datasource: druid: master: url: jdbc:mysql://localhost:3306/ruoyi_admin?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8&allowPublicKeyRetrieval=true&nullCatalogMeansCurrent=true username: root # 本地MySQL用户名 password: 123456 # 本地MySQL密码 driver-class-name: com.mysql.cj.jdbc.Driver # 8.0专属驱动 

导入若依sql目录下的ry_20250522.sqlquartz.sql

在这里插入图片描述

新建若依专属库(隔离Node后端数据):

CREATE DATABASE IF NOT EXISTS ruoyi_admin DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci; 

二、启动若依后端

  1. 启动Redis(管理员身份运行redis-server.exe);
  2. 打开IDEA,加载若依后端代码;
  3. 找到启动类RuoYiApplication.java,右键→Run 'RuoYiApplication'
  4. 验证启动成功:
    • IDEA日志无红色报错,最终显示Started RuoYiApplication in XX seconds
    • 浏览器访问http://localhost:8080,出现若依登录页,提示通过前端UI访问

三、前后端联调最后一步(最拿手的)

修改若依前端项目.env.development文件:

VUE_APP_BASE_API = 'http://localhost:8080' 

启动前端(npm run dev),即可正常访问登录页并联调。

四、关键注意事项

  1. JDK:仅在IDEA内为若依配置JDK1.8,全局保留JDK17,不影响安卓项目;
  2. MySQL:8.0需修改驱动类为com.mysql.cj.jdbc.Driver,URL补充allowPublicKeyRetrieval=true&nullCatalogMeansCurrent=true
  3. Redis:必须管理员启动,避免持久化权限报错;
  4. 路径:所有安装目录(JDK/Redis/Maven/若依代码)避免中文/空格,防止解析错误。

Read more

Flutter 三方库 bones_ui 的鸿蒙化适配指南 - 打造直观、响应式的 Web 风格 UI 交互体验

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net Flutter 三方库 bones_ui 的鸿蒙化适配指南 - 打造直观、响应式的 Web 风格 UI 交互体验 Flutter for OpenHarmony 开发者在构建具有 Web 质感的跨平台应用时,UI 框架的选择至关重要。本文将带大家深度调研 Dart 三方库 bones_ui 在鸿蒙系统上的适配方案,探索如何利用其直观的组件架构,加速鸿蒙桌面级应用的开发效率。 前言 在移动端和桌面端融合的今天,开发者往往希望一套代码能同时适配多种屏幕形态。bones_ui 原生为 Dart Web 打造,但在 Flutter for OpenHarmony 的大前端生态中,其简洁的 UI 组件设计思想对我们构建鸿蒙跨平台应用具有极大的参考价值。

前端SSG:静态站点生成的艺术

前端SSG:静态站点生成的艺术 毒舌时刻 前端SSG?这不是给博客用的吗? "我的应用需要动态内容,SSG不适合"——结果首屏加载慢,SEO差, "SSG就是静态HTML,太简单了"——结果构建时间长,数据更新困难, "我用SSR就够了"——结果服务器压力大,响应慢。 醒醒吧,SSG不是简单的静态HTML,而是一种现代化的前端架构! 为什么你需要这个? * 性能优异:静态文件加载快,无需服务器渲染 * SEO友好:所有内容都是静态的,搜索引擎容易收录 * 部署简单:可以部署到任何静态文件服务器 * 安全性高:没有服务器端代码,减少攻击面 反面教材 // 反面教材:纯静态HTML <!DOCTYPE html> <html> <head>

WebPShop插件完整指南:让Photoshop完美支持WebP图像格式

WebPShop插件完整指南:让Photoshop完美支持WebP图像格式 【免费下载链接】WebPShopPhotoshop plug-in for opening and saving WebP images 项目地址: https://gitcode.com/gh_mirrors/we/WebPShop 作为现代图像格式的领军者,WebP以其卓越的压缩效率和动画支持能力,正在逐步改变数字图像的处理方式。然而,专业设计师在使用Photoshop时常常面临一个尴尬的现实:原生不支持WebP格式。WebPShop插件应运而生,为Photoshop用户提供了完整的WebP格式解决方案。 🤔 为什么需要WebPShop插件? 痛点问题分析 * Photoshop原生无法打开.webp文件,导致工作流程中断 * 无法直接保存为WebP格式,必须依赖第三方转换工具 * 缺乏专业的压缩参数控制,无法优化图像质量与文件大小 * 动态WebP动画处理能力缺失,影响创意表达 解决方案概述 WebPShop插件通过开源方式,为Photoshop添加了完整的WebP格式支持。无论是

AI的提示词专栏:Prompt 驱动的 SQL 生成与查询优化

AI的提示词专栏:Prompt 驱动的 SQL 生成与查询优化

AI的提示词专栏:Prompt 驱动的 SQL 生成与查询优化 本文聚焦 Prompt 技术在 SQL 领域的应用,先剖析 SQL 生成与优化的痛点,阐述 Prompt 驱动 SQL 生成的核心原理,即通过需求转化、约束注入和示例引导实现自然语言到 SQL 的精准映射。随后结合电商、金融、互联网产品等场景,提供基础型、进阶型、复杂型三类 Prompt 实战案例,展示不同需求下的 Prompt 设计与 SQL 生成过程。还讲解了 Prompt 驱动 SQL 查询优化的方法,包括识别性能瓶颈、设计优化 Prompt 及实战案例分析,同时给出动态 SQL 生成、多数据库兼容等进阶技巧,解答常见问题并提供实践建议,助力读者降低