本文记录基于 Spring Boot + JSP 构建车辆质量投诉管理系统的全过程：先设计 MySQL 品牌与投诉表，再用 Spring Initializr 搭建项目，集成 MyBatis、Redis、JSP；借助插件生成实体与 Mapper，完成多表联查、条件筛选、分页列表展示；最后引入 Redis 缓存品牌数据，实现序列化并验证缓存命中，显著提升查询性能。

Vue 3 以更快渲染、更小体积、全面 TypeScript 支持及 Composition API 为核心升级；官方脚手架改用 Vite，项目结构简化。组合式 API 通过 setup、ref、reactive、computed、watch 实现响应式与逻辑复用，生命周期钩子可多次调用。父子通信用 defineProps / defineEmits，跨层用 provide / inject。状态管理推荐 Pinia，语法简洁、模块独立、支持组合式风格与 TypeScript。

文章梳理 Vue CLI 静态资源路径规则：绝对路径指向 public，相对路径、~、@ 分别对应模块与 src；assets 资源经 webpack 压缩，public 直接拷贝。接着介绍 Axios 基于 Promise 的 GET/POST 等用法，并结合 Mock.js 模拟接口完成前后端分离调试。最后简述 ElementUI（Vue2）与 ElementPlus（Vue3）组件库引入流程，为 Web 开发提供丰富 UI 支持。

文章系统梳理 Vue Router 与 Vuex 核心用法：对比 Hash 与 History 模式，演示嵌套、命名、参数、编程式导航；结合 CLI 插件初始化项目，规范 views 与 router 结构。Vuex 部分强调集中式状态管理，通过 state、mutations、actions 实现同步与异步数据流，并图解单向数据流与模块化设计，为构建可维护 SPA 提供完整方案。

文章系统梳理 Vue CLI 脚手架的安装、GUI 与命令行创建项目流程，剖析 public/src 等目录与 vue.config.js 配置；围绕单文件组件讲解 data、methods、computed、watch 及生命周期钩子；结合 v-model、v-bind、v-on、v-for、v-if 等核心指令演示常见开发场景；最后通过局部/全局注册、插槽、props 与 emit 完成组件通信示例，为 Vue 2 基础开发提供完整复习脉络。

本文记录 Spring Boot + Vue.js 实现 EAM 的完整后端搭建与前后端联调过程：先建库建表并初始化数据，IDEA 新建 Spring Boot 2.6.13 项目，集成 Lombok、MyBatis Plus 等依赖，配置数据源与分页插件；用 MyBatisCodeHelperPro 一键生成实体、Mapper、Service，封装统一响应类。接着完成资产增删改查接口，解决 Axios 提交 JSON 与后端表单接收类型不匹配问题，借助 qs 转换并统一 baseURL，实现模...

本文在 Spring Boot + Vue.js 的 EAM 系统中，完成资产列表前端搜索与分页：改造 List.vue，加入 el-form 搜索框与 el-pagination 分页组件；用 axios 按 name、pageNo 请求后端；Mock.js 实现模糊查询及 5 条/页的分页逻辑，并返回总记录与总页数，实现前后端联调效果。