Web编程技术实践指导

Web编程作为信息技术 领域不可或缺的一部分，正 以前所未有的速度推动着互 联网服务的创新与发展。本 书致力于为读者提供一条从 基础到进阶的Web开发学习 路径，特别聚焦于使用 SpringBoot构建高效后端服 务与Vue.js开发前端界面这 一黄金组合。全书共8章， 第1、2章介绍SpringBoot和 MyBatis-Plus框架，构建后 端服务基础；第3～5章介绍 前端基础知识（HTML、 CSS与JavaScript）；第6～ 7章介绍前端进阶知识，内 容涉及Vue.js前端框架和 ElementPlus组件库；第8章 探讨前后端数据交互。每章 还配备丰富的实例代码、实 践任务练习，鼓励读者通过 动手实操深化理解。 本书可作为高等院校相 关专业的“Web编程技术”课 程实践教材，也可供对构建 Web应用感兴趣的编程爱好 者和软件开发工程师阅读参 考。

第1章 Spring Boot入门实践 1.1 知识简介 1.1.1 Spring Boot概述 1.1.2 Spring Boot的特征 1.2 实践目的 1.3 实践范例 1.3.1 创建第一个Spring Boot项目 1.3.2 配置项目构建和依赖项 1.3.3 编写第一个Controller 1.3.4 启动和测试Spring Boot应用 1.4 注意事项 1.5 实践任务 第2章 基于Spring Boot项目的MyBatis-Plus集成实践 2.1 知识简介 2.1.1 MyBatis-Plus概述 2.1.2 Postman工具概述 2.2 实践目的 2.3 实践范例 2.3.1 配置项目依赖项 2.3.2 配置数据库连接 2.3.3 创建数据表 2.3.4 创建实体类 2.3.5 添加表和字段映射注解 2.3.6 创建Mapper接口 2.3.7 配置Mapper接口扫描 2.3.8 创建控制器实现数据表的CRUD 2.4 注意事项 2.5 实践任务 第3章 HTML技术实践 3.1 知识简介 3.1.1 HTML简介 3.1.2 HTML常用标签 3.2 实践目的 3.3 实践范例 3.3.1 构建网页头部结构 3.3.2 构建网页的导航栏 3.3.3 构建会议介绍模块 3.3.4 构建嘉宾阵容模块 3.3.5 构建议程展示模块 3.3.6 构建在线报名表单 3.3.7 构建互动问答模块 3.3.8 构建网页底部模块 3.4 注意事项 3.5 实践任务 第4章 CSS技术实践 4.1 知识简介 4.1.1 CSS概述 4.1.2 CSS选择器 4.1.3 CSS Grid布局 4.2 实践目的 4.3 实践范例 4.3.1 构建HTML网页结构 4.3.2 开启Grid布局触发器 4.3.3 设置行列 4.3.4 设置网格间距 4.3.5 定义区域 4.3.6 网站首页布局效果展示 4.4 注意事项 4.5 实践任务 第5章 JavaScript技术实践 5.1 知识简介 5.1.1 JavaScript概述 5.1.2 HTML DOM操作 5.2 实践目的 5.3 实践范例 5.3.1 界面设计与布局 5.3.2 表单提交事件 5.3.3 实现表单录入验证 5.3.4 实现信息录入功能 5.3.5 实现数据显示功能 5.3.6 实现删除功能 5.4 注意事项 5.5 实践任务 第6章 Vue.js入门实践 6.1 知识简介 6.1.1 Vue.js概述 6.1.2 Vue路由管理器 6.2 实践目的 6.3 实践范例 6.3.1 安装Node.js 6.3.2 构建Vue项目 6.3.3 修改Vue应用程序 6.3.4 新建Vue组件 6.3.5 配置Vue路由 6.4 注意事项 6.5 实践任务 第7章 Vue.js整合Element Plus集成实践 7.1 知识简介 7.1.1 Element Plus概述 7.1.2 嵌套路由 7.2 实践目的 7.3 实践范例 7.3.1 引人Element Plus 7.3.2 构建后台管理页面整体布局 7.3.3 实现导航栏 7.3.4 实现侧边菜单栏 7.3.5 菜单项与路由绑定 7.3.6 实现页面主体部分 7.3.7 实现网页底部 7.4 注意事项 7.5 实践任务 第8章 前后端交互实践 8.1 知识简介 8.1.1 前后端交互流程 8.1.2 Axios概述 8.2 实践目的 8.3 实践范例 8.3.1 Vue 3中安装Axios 8.3.2 数据分页显示 8.3.3 数据按字段排序 8.3.4 实现数据模糊查询 8.3.5 实现用户信息的添加 8.3.6 实现用户信息的修改 8.3.7 实现用户信息的单条删除 8.3.8 实现用户信息的多条删除 8.4 注意事项 8.5 实践任务 第9章 集成ECharts图表实践 9.1 知识简介 9.1.1 ECharts概述 9.1.2 ECharts的基本特性 9.2 实践目的 9.3 实践范例 9.3.1 环境准备 9.3.2 ECharts基础概念 9.3.3 创建基本图表 9.3.4 图表数据动态更新 9.3.5 实现图表的动态选择 9.4 注意事项 9.5 实践任务 参考文献