新書推薦:
《
控制权视角下的家族企业管理与传承
》
售價:HK$
87.4
《
冯友兰和青年谈心系列
》
售價:HK$
167.3
《
利他主义的生意:偏爱“非理性”的市场(英国《金融时报》推荐读物!)
》
售價:HK$
77.3
《
认知行为疗法:心理咨询的顶层设计
》
售價:HK$
99.7
《
FANUC工业机器人装调与维修
》
售價:HK$
99.7
《
吕著中国通史
》
售價:HK$
62.7
《
爱琴海的光芒 : 千年古希腊文明
》
售價:HK$
199.4
《
不被他人左右:基于阿德勒心理学的无压力工作法
》
售價:HK$
66.1
|
編輯推薦: |
本书特色:
(1)编写理念创新。以“必需”和“够用”为原则,遵循“以学生为中心”的宗旨,精选内容,凝练章节,讲练结合,以“学中做,做中学”为主线开展教学活动。
(2)内容新颖全面。以Visual Studio Code为开发平台,从Vue.js 3的基础开始讲解,逐步深入到前端项目的开发流程、技术及方法,内容由易到难,讲解由浅入深、循序渐进。
(3)案例实用典型。涵盖知识点广泛,设计开发流程规范,业务逻辑性强。
(4)资源丰富详实。为便于教学,提供教学大纲、教学课件、教学日历、电子教案、程序源码、实验大纲、思政案例、在线题库、教学进度表、习题答案、教学视频等配套资源。
(5)读者对象广泛。可作为高等院校相关专业的教材,也可作为教辅资料,还可作为Web前端开发人员的参考书。
|
內容簡介: |
全书共13章,主要讲解Vue.js前端开发框架的相关知识,内容包括初始Vue.js、计算属性、监听器属性、内置指令、自定义指令、组件、过渡与动画、渲染函数、响应性与组合API、使用webpack、前端路由与vue-router、状态管理与Vuex、移动电子商务以及人事管理系统。书中实例侧重实用性、趣味性强、分部合理、通俗易懂,使读者能够快速掌握Vue.js前端开发框架的基础知识、编程技巧以及完整的开发体系,为前后端分离开发打下坚实的基础。 本书附有教学视频、源代码、课件、教学大纲、电子教案、教学日历、习题答案等配套资源,可作为大学计算机及相关专业的教材或教学参考书,也可作为前端开发的培训教材,适合广大前端开发人员阅读与使用。
|
目錄:
|
第1章 初识Vue.js
1.1网站交互方式 /2
1.1.1多页应用程序 /2
1.1.2单页应用程序 /2
1.2 MVVM模式 /3
1.3 Vue.js是什么 /4
1.4 安装 Vue.js /4
1.5 第一个 Vue.js程序 /5
1.5.1安装 VSCode及其插件 /5
1.5.2创建第一个 Vue.js应用 /6
1.5.3声明式渲染 /8
1.5.4 Vue.js的生命周期 /8
1.6 插值与表达式 /10
1.6.1文本插值 /10
1.6.2原始 HTML插值 /11
1.6.3 JavaScript表达式 /11
本章小结 /11习题1 /11
第2章 计算属性和监听器
2.1 计算属性 computed /13
2.1.1什么是计算属性 /13
2.1.2只有 getter方法的计算属性 /13
2.1.3定义有 getter和 setter方法的计算属性 /14
2.1.4计算属性和 methods的对比 /15
2.2 监听器属性 watch /17
2.2.1 watch属性的用法 /17
2.2.2 computed属性和 watch属性的对比 /19
本章小结 /19习题2 /19
第3章 内置指令3.1 v-bind /21
3.1.1 v-bind指令的用法 /21
3.1.2使用 v-bind绑定 class /21
3.1.3使用 v-bind绑定 style /24
3.2条件渲染指令 /25
3.2.1 v-if指令 /25
3.2.2 v-show指令 /25
3.3 列表渲染指令 v-for / 27
3.3.1基本用法 /27
3.3.2数组更新 /29
3.3.3过滤与排序 /30
3.4 事件处理 /32
3.4.1使用 v-on指令监听事件 /33
3.4.2使用$event访问原生的 DOM事件 /33
3.4.3事件修饰符 /34
3.5 表单与 v-model /35
3.5.1基本用法 /35
3.5.2修饰符 /37
3.6 实战:购物车实例 /38
本章小结 /41
习题3 /41
第4章 组件
4.1 组件的注册 /44
4.1.1全局注册 /44
4.1.2局部注册 /45
4.2 使用 props传递数据 /47
4.2.1基本用法 /47
4.2.2单向数据流 /48
4.2.3数据验证 /49
4.3 组件的通信 /51
4.3.1使用自定义事件通信 /51
4.3.2使用 v-model通信 /53
4.3.3使用 mitt实现非父子组件通信 /54
4.3.4提供/注入(组件链传值) /56
4.4 插槽 /57
4.4.1单插槽 slot /58
4.4.2多个具名插槽 /58
4.4.3作用域插槽 /59
4.5 动态组件与异步组件 /60
4.5.1动态组件 /60
4.5.2异步组件 /62
4.6 使用 ref获取 DOM元素和引用组件 /62
4.7 实战:正整数数字输入框组件 /64
本章小结 /65
习题4 /65
第5章 过渡与动画
5.1 单元素/单组件过渡 /68
5.1.1过渡 class /68
5.1.2 CSS过渡 /69
5.1.3 CSS动画 /71
5.1.4同时使用过渡和动画 /72
5.1.5 JavaScript钩子方法 /73
5.2 多元素/多组件过渡 /76
5.2.1多元素过渡 /76
5.2.2多组件过渡 /77
5.3 列表过渡
/79
5.3.1列表的普通过渡 /79
5.3.2列表的平滑过渡 /80
5.3.3列表的变换过渡 /81
5.3.4多维列表的过渡 /82
本章小结 /83习题5 /84 6.1 自定义指令的注册
第6章 自定义指令
6.2 实战:实时时间转换指令
/88本章小结 /90习题6 /90
第7章 渲染函数
7.1DOM树 /92
7.2什么是渲染函数
/92
7.3h()函数
/95
7.3.1基本参数 /95
7.3.2约束 /95
7.3.3使用 JavaScript代替模板功能 /96
本章小结 /100 习题 7 /100
第8章 响应性与组合API
8.1 响应性 /102
8.1.1什么是响应性 /102
8.1.2响应性的原理 /102
8.2 为什么使用组合 API /103
8.3 setup选项
/105
8.3.1 setup函数的参数 /105
8.3.2 setup函数的返回值 /107
8.3.3使用 ref创建响应式引用 /108
8.3.4在 setup内部调用生命周期钩子函数 /109
8.4 提供/注入
/110
8.4.1 provide方法 /111
8.4.2 inject方法 /111
8.5模板引用 /113
8.6 响应式计算与侦听
/113
8.6.1响应式计算 /113
8.6.2响应式侦听 /114
本章小结 /116习题 8 /116
第9章 webpack
9.1 webpack介绍 /118
9.2 webpack的安装与使用 /118
9.2.1安装 Node.js和 NPM /118
9.2.2 NPM常用命令 /119
9.2.3安装 webpack /122
9.2.4安装 webpack-cli /122
9.2.5安装 webpack-dev-server /123
9.2.6 webpack的基本配置 /123
9.2.7 webpack打包实例
/125
9.3加载器与插件
/131
9.3.1加载器 /131
9.3.2插件 /137
9.4 单文件组件与 vue-loader
/139本章小结 /144习题 9 /144
第10章 Vue Router
10.1 什么是路由 /146
10.2 Vue Router的安装
/146
10.3Vue Router的基本用法
/151
10.3.1 跳转与传参 /151
10.3.2 配置路由 /152
10.4Vue Router的高级应用 /156
10.4.1 动态路由匹配
/156
10.4.2 嵌套路由
/160
10.4.3 编程式导航
/165
10.4.4 命名路由 /167
10.4.5 重定向 /167
10.4.6 使用 props传参 /168
10.4.7 HTML5历史记录模式 /169
10.5 路由钩子函数 /169
10.5.1 全局前置钩子函数 /169
10.5.2 全局解析钩子函数 /171
10.5.3 全局后置钩子函数 /171
10.5.4 某个路由的钩子函数 /171
10.5.5 组件内的钩子函数 /172
10.6 路由元信息 /173
10.7 登录权限验证实例
/174本章小结 /177习题 10 /177
第11章 Vuex
11.1 状态管理与应用场景 /180
11.1.1 状态管理 /180
11.1.2 应用场景 /181
11.2Vuex的安装与基本应用 /181
11.3 Vuex的核心概念 /182
11.3.1 Vuex中的 state
/182
11.3.2 Vuex中的 getters
/187
11.3.3 Vuex中的 mutations /191
11.3.4 Vuex中的 actions
/194
11.3.5 Vuex中的 modules /199
本章小结 /201习题 11 /201
第12章 Vue UI组件库
12.1setup语法糖 /203
12.1.1 属性与方法的绑定
/203
12.1.2 路由
/204
12.1.3 组件传值
/206
12.2 Element Plus /209
12.2.1 Element Plus的安装 /209
12.2.2 Element Plus组件的介绍 /210
12.2.3 Element Plus组件的应用
/211
12.2.4 按需引入 Element Plus
/215
12.3 View UI Plus /217
12.3.1 View UI Plus的安装 /217
12.3.2 View UI Plus组件的介绍 /218
12.3.3 View UI Plus组件的应用
/219
12.3.4 按需引入 View UI Plus
/221
12.4 Vant UI /222
12.4.1 Vant UI的安装 /222
12.4.2 Vant UI组件的介绍 /224
12.4.3 Vant UI组件的应用
/224
12.4.4 按需引入 Vant UI
/225
12.5其他 UI组件库 /227本章小结 /228习题 12 /228
第13章 电子商务平台的前端设计与实现
13.1 系统设计 /230
13.1.1 系统的功能需求 /230
13.1.2 系统的模块划分 /230
13.2 实现技术
/231
13.2.1 使用 Vite构建后台管理子系统 /231
13.2.2 使用 Vue CLI构建电子商务子系统 /233
13.3系统管理
/233
13.4 后台管理子系统的实现
/238
13.4.1 管理员登录界面 /238
13.4.2 导航栏界面 /241
13.4.3 类型管理界面 /246
13.4.4 商品管理界面 /251
13.4.5 订单管理界面 /260
13.4.6 销量统计界面 /266
13.4.7 订单统计界面 /268
13.5 电子商务子系统的实现
/270
13.5.1 导航栏及搜索界面 /270
13.5.2 首页界面 /273
13.5.3 用户注册界面 /276
13.5.4 用户登录界面 /278
13.5.5 商品详情界面 /279
13.5.6 我的购物车界面 /281
13.5.7 我的订单界面 /283
13.5.8 我的收藏界面 /287
本章小结 /289习题 13 /289
参考文献
|
內容試閱:
|
党的二十大报告指出,教育、科技、人才是全面建设社会主义现代化国家的基础性、战略性支撑。必须坚持科技是第一生产力、人才是第一资源、创新是第一动力,深入实施科教兴国战略、人才强国战略、创新驱动发展战略,开辟发展新领域新赛道,不断塑造发展新动能新优势。
传统 Web开发模式有一个共同的特点——利用后端语言提供的模板引擎编写HTML/XML页面,例如PHP Web开发有Smarty模板引擎,Java Web工程有 JSP页面,Python的各个 Web框架有各自的模板引擎。因此,在传统 Web开发模式下,前端依赖后端架构,前端操作数据代价高昂,从而导致用户体验较差。
时至今日,前后端分离开发成为主流的 Web开发模式。前后端分离不是简单的代码分离。首先架构上要分离、解耦,逐渐摆脱前后端在架构上的依赖,前后端各司其职,分别部署在各自的服务器上,通过 RESTful接口传递数据,后端服务器不再负责页面渲染,只负责输入数据,吞吐量提升了多倍。目前,广泛应用的 Web前端三大主流框架是Angular.js、React.js和 Vue.js。相比 Angular.js和 React.js,Vue.js作为后起之秀,借鉴了前辈Angular.js和 React.js的特点,并做了相关优化,更加方便使用,更容易上手,比较适合初学者,深受广大用户欢迎,尤其是中国用户。因此,本书以“Vue.js 3.x前端框架技术从入门到实战”为主线进行编写,首先阐述计算属性和监听器、内置指令、组件、过渡与动画、渲染函数、响应性与组合 API等基础知识,然后重点讲解 Vue.js 3.x的周边生态技术及应用,包括webpack、Vue Router、Vuex、Vue UI组件库等内容,最后详细介绍电子商务平台的前端设计与实现,以帮助读者掌握基于 Vue.js 3.x的前端项目的开发流程、技术及方法,从而为大型项目的前端开发打下坚实的基础。
全书共 13章,具体内容如下。
第 1章:初识Vue.js,包括网站交互方式、MVVM模式、Vue.js开发环境的搭建、Vue.js的生命周期、插值与表达式等内容。
第 2章:计算属性和监听器,包括计算属性和监听器的用法和使用场景等内容。
第3章:内置指令,包括绑定指令v-bind、条件渲染指令v-if和v-show、列表渲染指令 v-for以及事件处理、表单与 v-model等内容。
第 4章:组件,包括组件的注册、组件的通信、插槽、动态组件与异步组件、组件的引用等内容。
第 5章:过渡与动画,包括单元素过渡、单组件过渡、多元素过渡、多组件过渡、列表过渡等内容。
第 6章:自定义指令,包括自定义指令的注册机制、实现原理和使用方法等内容。
第 7章:渲染函数,包括 DOM树的概念、渲染函数的概念、h()函数的基本用法等内容。
第 8章:响应性与组合 API,包括响应性与组合 API的概念与原理、setup选项、provide方法、inject方法、模板引用、响应式计算与侦听等内容。
第 9章:webpack,包括 webpack的安装与使用、加载器与插件、单文件组件与 vue-loader等内容。
第 10章:Vue Router,包括路由的概念、Vue Router的安装、VueRouter的基本用法、Vue Router的高级应用、路由钩子函数、路由元信息等内容。
第 11章:Vuex,包括状态管理与应用场景、Vuex的安装与基本应用、Vuex的核心概念等内容。
第12章:Vue UI组件库,包括 setup语法糖的使用方法、Element Plus组件库、View UI Plus组件库、Vant UI组件库等内容。
第 13章:电子商务平台的前端设计与实现,包括系统设计、实现技术(Vite与 Vue CLI)、系统管理、系统实现等内容。
本书特色
1.编写理念创新
以“必需”和“够用”的原则,遵循“以学生为中心”的宗旨,精选内容,凝练章节,讲练结合,以“学中做,做中学”为主线开展教学活动。
2.内容新颖全面
以 Visual Studio Code为开发平台,从 Vue.js 3.x的基础开始讲解,逐步深入到前端项目的开发流程、技术及方法,内容由易到难,讲解由浅入深、循序渐进。
3.
案例实用典型
涵盖知识点广泛,设计开发流程规范,业务逻辑性强。
4.
资源丰富翔实
为便于教学,本书提供教学大纲、教学课件、教学日历、电子教案、程序源码、实验大纲、思政案例、在线题库、教学进度表、习题答案、1000分钟的教学视频等配套资源。
资源下载提示
课件等资源:扫描封底的“课件下载”二维码,在公众号“书圈”下载。
素材(源码)等资源:扫描目录上方的二维码下载。
在线作业:扫描封底的作业系统二维码,登录网站在线做题及查看
答案。 视频等资源:扫描封底的文泉云盘防盗码,再扫描书中相应章节的二
维码,可以在线学习。
5.读者对象广泛本书可作为高等院校相关专业的教材,也可作为教辅资料,还可作为Web前端开发人员的参考书。
本书是辽宁省普通高等学校一流本科教育示范专业“大连外国语大学计算机科学与技术专业”及辽宁省教育科学“十四五”规划 2021年度立项课题“面向交叉应用的大数据管理专业课程体系构建(JG21DB143)”的建设成果。
本书的出版得到清华大学出版社相关人员的大力支持,在此表示衷心感谢。同时,编者在编写本书的过程中参阅了一些书籍、博客以及网络资源,在此对这些资源的贡献者与分享者深表感谢。由于前端框架技术发展迅速,并且持续改进与优化,加上编者水平有限,书中难免会有不足之处,敬请各位专家和读者批评、指正。
编 者
2023年 6月
|
|