Web前端框架技术(高等职业院校互联网+新形态创新系列教材)/计算机系列

本书是一本全面深入的 实战教程，系统地讲解了 Web前端开发框架技术。本 书采用任务驱动的教学方法 ，引导读者分析和实践实际 案例，逐步掌握所需知识和 技能，最终完成整个任务。 本书内容分为三个部分 ，分别对应三个主要的Web 前端框架：Bootstrap、Vue 和React。在Bootstrap部分 ，详细介绍Bootstrap的设 计原则、CSS技术、布局组 件以及常用插件，并通过一 个综合性的影视娱乐项目案 例，帮助读者快速掌握 Bootstrap在前端项目开发 中的应用。Vue部分则按照 由浅入深的顺序，讲解Vue 的下载安装、模板语法、常 用指令、计算属性、侦听器 、组件开发、VueCLI、Vue 路由以及状态管理等核心知 识点，并通过一个开放大学 项目的综合案例，让读者完 整体验使用Bootstrap+Vue 进行前端项目开发的全过程 。React部分则涵盖了React 的开发概念、JSX语法、组 件结构、生命周期以及表单 应用等关键内容，并通过构 建一个虚拟社区网站项目， 让读者感受使用React框架 开发前端项目的高效性。 本书将理论与实践相结 合，内容丰富、案例详实， 既适合作为Web前端开发初 学者和移动网站设计与开发 人员的自学工具书，也适合 作为高职院校和培训机构计 算机相关专业的教学参考用 书。

白文荣，内蒙古电子信息职业技术学院教授，二级学院院长。主要研究方向是计算机应用技术、软件技术，主讲《软件工程》《UML建模与设计模式》《H5与Bootstrap》 《Bootstrap应用开发》《JAVA核心技术》等专业核心课程。主持省部级课题《大数据时代下少数民族虚拟化教育教学平台精准服务模式的研究》 《云计算环境下的蒙医电子病历大数据挖掘技术的研究》 《蒙古文信息处理课程建设有效途径研究》《OA云办公系统》等项目，获教学成果奖2项；在SCI、EI和核心期刊发表学术论文10余篇。

第1篇 Bootstrap 第1章 Bootstrap设计基本原理 任务1.1 视口 1.1.1 Bootstrap概述 1.1.2 响应式设计概念 1.1.3 视口 任务1.2 媒体查询 1.2.1 Bootstrap编辑器 1.2.2 媒体查询概述 任务1.3 栅格系统 1.3.1 栅格系统概述 1.3.2 容器 任务1.4 弹性盒布局 1.4.1 流式布局 1.4.2 弹性盒布局 本章小结 自测题 第2章 Bootstrap CSS技术 任务2.1 Bootstrap排版 2.1.1 Bootstrap样式 2.1.2 标题 任务2.2 Bootstrap表格 2.2.1 表格概述 2.2.2 表格种类 任务2.3 Bootstrap表单 2.3.1 表单 2.3.2 表单的类型 任务2.4 Bootstrap按钮 2.4.1 按钮 2.4.2 按钮组 任务2.5 Bootstrap图片 2.5.1 图片 2.5.2 图片类型 本章小结 自测题 第3章 Bootstrap布局组件 任务3.1 Bootstrap下拉菜单 3.1.1 下拉菜单 3.1.2 按钮下拉菜单 任务3.2 Bootstrap输入框组 3.2.1 输入框组 3.2.2 标签 任务3.3 Bootstrap导航栏 3.3.1 导航栏 3.3.2 导航栏属性 任务3.4 Bootstrap分页 3.4.1 分页 3.4.2 翻页 任务3.5 Bootstrap列表组 3.5.1 徽章