Vue.js前端开发基础与项目实战 郑韩京 著 专业科技 文轩网

第1篇基础准备篇
第1章关于前端开发你需要知道的事02
1.1网页开发的前世今生02
1.1.1是否还记得曾经的前端开发02
1.1.2大前端时代的来临03
1.2MVC、MVP、MVVM傻傻分不清楚05
1.2.1MVC小解05
1.2.2MVP小解06
1.2.3MVVM小解06
1.2.4三者的区别和优劣08
1.3工欲善其事，必先利其器08
1.3.1开发者的眼——Chrome08
1.3.2开发者的手——VSCode10
1.3.3开发者的心——Terminal11
1.4小结12
第2章关于Vue.js的一些小事14
2.1从安装开始14
2.1.1直接引入14
2.1.2脚手架的配置15
2.1.3脚手架的使用16
2.2Vue.js初体验21
2.2.1项目文件内容介绍21
2.2.2必不可少的HelleWorld23
2.2.3经典的TodoList25
2.3了解一些特性31
2.3.1新建实例31
2.3.2生命周期32
2.3.3模板语法34
2.3.4计算属性与过滤器34
2.3.5样式的修改36
2.3.6条件与列表渲染40
2.3.7事件的处理43
2.3.8双向绑定46
2.4小结49
第3章组件详解51
3.1组件概念51
3.1.1什么是组件51
3.1.2为什么要使用组件52
3.2组件创建53
3.2.1组件基础53
3.2.2组件注册55
3.3组件通信55
3.3.1父组件与子组件通信56
3.3.2子组件与父组件通信58
3.3.3子组件之间的通信59
3.4插槽60
3.5特殊情况62
3.6小结65
第4章ES6的日常使用66
4.1关于ES6你需要知道的事66
4.1.1ES的发展历史66
4.1.2ES6和JS的关系67
4.1.3为什么要使用ES668
4.2ES6常用语法简介70
4.2.1Demo的分析70
4.2.2用户获取数据的方法72
4.2.3输出用户输入信息的方法73
4.2.4判断最喜欢地点的方法74
4.2.5判断支出类型的方法75
4.2.6保存数据76
4.3Babel的支持76
4.3.1Babel是什么76
4.3.2Babel文件配置78
4.3.3Babel的实际调用80
4.4小结81
第5章项目的构建82
5.1前端项目构建——Webpack82
5.1.1Webpack是什么82
5.1.2Webpack的特点83
5.1.3Webpack配置规范83
5.1.4Webpack整体配置一览87
5.1.5Webpack使用88
5.1.6Webpack4.X的新特性89
5.2前端常用插件的介绍90
5.2.1Axios90
5.2.2Element93
5.2.3Sass97
5.2.4Eslint100
5.3后端项目构建——Koa102
5.3.1为什么选择Koa102
5.3.2构建Koa项目105
5.3.3koa-router的优化106
5.4数据库——MySQL108
5.4.1MySQL简介108
5.4.2MySQL的安装109
5.4.3Sequelize的使用111
5.5小结114
第2篇项目实战篇
第6章项目分析与设计118
6.1我们要做一个什么项目118
6.2实现哪些功能，需要哪些页面121
6.2.1需求分析121
6.2.2页面设计121
6.2.3提取公用插件123
6.3路由的分配123
6.3.1一级路由的确定123
6.3.2二级路由的确定124
6.4数据库内容的确定125
6.4.1根据需求确定数据表结构125
6.4.2主要字段的配置126
6.5小结128
第7章基础页面的开发129
7.1主页的开发129
7.1.1页面主体header框架开发129
7.1.2主页路由配置131
7.1.3主页header剩余内容开发132
7.1.4第三方ICON库的引入133
7.1.5首页主体框架开发134
7.1.6首页右侧侧边栏次组件开发136
7.1.7首页右侧侧边栏主组件开发138
7.1.8主页列表外内容效果展示140
7.1.9内容列表表头开发140
7.1.10模拟数据获取142
7.1.11列表元素开发143
7.1.12列表操作按钮开发145
7.1.13列表系列组件的调用147
7.1.14首页列表效果展示149
7.2登录注册页面的开发150
7.2.1确定登录页背景框架150
7.2.2登录页静态内容152
7.2.3登录页表单验证等相关内容154
7.2.4登录页信息提示及整体效果157
7.3注册登录功能实现158
7.3.1数据表的确定158
7.3.2用户注册功能实现161
7.3.3用户登录登出与信息存储164
7.4小结169
第8章文章和问题的日常操作170
8.1图片和富文本的处理170
8.1.1富文本插件的使用170
8.1.2文章编辑页header组件开发172
8.1.3文章编辑页主组件开发174
8.1.4文章编辑页路由注册与效果展示175
8.1.5文章编辑页发布文章方法176
8.1.6图片的上传接口开发177
8.1.7图片上传前端开发179
8.1.8富文本组件中的图片上传180
8.2文章的增、删、改、查182
8.2.1文章新增页面的跳转182
8.2.2文章相关数据表配置182
8.2.3文章增加删除接口的开发185
8.2.4文章查询更新接口开发188
8.2.5文章列表开发190
8.2.6文章详情页面开发192
8.2.7文章跳转链接修改195
8.3问题的增、改195
8.3.1问题增加更新前端模块开发196
8.3.2问题增加修改与header部分修改198
8.3.3问题数据表新建200
8.3.4问题增加更新接口开发201
8.4小结203
第9章评论、回答和状态的操作204
9.1问题回答的相关操作204
9.1.1问题详情前端页面开发204
9.1.2问题详情前端逻辑开发207
9.1.3新建回答数据表210
9.1.4回答查找、删除和更新接口211
9.1.5问题答案的查询接口214
9.1.6问题回答的前端展示216
9.2评论的相关操作219
9.2.1评论新建前端开发219
9.2.2新建评论数据表222
9.2.3评论新建查找删除接口开发223
9.2.4新建评论效果展示226
9.2.5评论展示前端开发227
9.2.6评论功能组件开发228
9.2.7评论功能组件调用231
9.2.8一级评论效果展示233
9.2.9评论列表的循环调用234
9.2.10多级评论效果展示236
9.2.11评论个数展示236
9.3状态的相关操作238
9.3.1状态的更新238
9.3.2状态中特殊情况的处理242
9.4小结243
第10章个人主页的开发245
10.1个人信息的修改245
10.1.1个人信息页面的新建245
10.1.2个人信息页面查看修改接口开发248
10.1.3个人信息页面的跳转249
10.1.4个人座右铭的修改252
10.1.5用户头像修改254
10.2个人主页列表开发258
10.2.1列表框架的构建258
10.2.2作者回答查询接口开发261
10.2.3作者回答查询接口调用262
10.2.4作者回答删除功能开发264
10.2.5作者回答编辑功能开发267
10.2.6作者文章的查看功能开发270
10.2.7作者文章的删除功能开发272
10.2.8作者文章的编辑功能开发273
10.2.9提问的列表275
10.3小结278
第11章项目的部署279
11.1服务器的购买与配置279
11.2服务器的连接与配置280
11.2.1服务器连接的两种方法281
11.2.2服务器环境安装282
11.2.3服务器数据库详细配置283
11.2.4服务器项目文件夹创建286
11.3服务部署286
11.3.1前端项目部署286
11.3.2后端项目部署289
11.4小结291
第12章总结293
12.1第1篇内容回顾293
12.2第2篇内容回顾294
12.3小结295