分类 教学相长 下的文章

Vue.js 前端开发基础复习串讲之 03-Vue CLI 扩展

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

Vue.js 前端开发基础复习串讲之 02-路由与状态管理

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

Vue.js 前端开发基础复习串讲之 01-Vue CLI 基础

文章系统梳理 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 企业资产管理系统之 04-开发笔记(4)

本文记录 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 企业资产管理系统之 03-开发笔记(3)

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

Spring Boot + Vue.js 实现 EAM 企业资产管理系统之 02-开发笔记(2)

本文记录 Spring Boot + Vue.js 构建 EAM 系统的第二阶段:新增 Modify.vue 组件实现资产修改,配置动态路由 /modify/:id,通过 Mock.js 提供 getById、modify、delete 接口,解决下拉框数值类型回显冲突,完成列表页编辑、删除按钮与确认对话框联动,实现资产数据的全流程模拟交互。

Spring Boot + Vue.js 实现 EAM 企业资产管理系统之 01-开发笔记(1)

文章记录基于 Spring Boot + Vue.js 的 EAM 资产管理系统首阶段开发:设计 MySQL 资产表,用 Vue CLI 搭建前端,集成 ElementUI、Axios、Mock.js;实现资产列表分页展示、新增资产表单及校验,Mock 接口完成增删改查模拟,打通前后端联调流程。

目录