| 作者 |
| 张帆 黄菊华 |
| 丛书名 |
| 出版社 |
| 机械工业出版社 |
| ISBN |
| 9782101141542 |
| 简要 |
| 简介 |
| 内容简介书籍计算机书籍 ---------------------------Vue.js+Node.js开发实战：从入门到项目上线--------------------------- 本书以JavaScript语言为基础，以一个完整的网站开发过程为主线，介绍了一整套面向Web项目的开发技术，如使用Node.js搭建服务端，使用NoSQL数据库管理数据，使用Vue.js搭建前端UI，使用Nginx部署代码，使用Git管理版本等。通过阅读本书，读者可以掌握从网站开发到网站上线的全过程。本书分为10章，涵盖的主要内容有购买域名、网站备案、Node.js安装、Express安装、Vue.js安装、前后端分离设计、网站需求设计、网站模块规划、网站服务器端开发、网站客户端UI开发、服务器端部署和网站上线等内容。本书通俗易懂，图文并茂，适合所有初级和中级Web开发人员阅读，尤其适合一些想自学网站开发的非专业人员阅读。另外，对于相关院校的学生和培训机构的学员而言，本书也是一本不可多得的实战指导书。 ---------------------------Vue.js入门与商城开发实战--------------------------- 本书系统化介绍Vue跨平台商城的开发原理和实战案例，内容全面、案例丰富，可帮助读者快速掌握跨平台商城的开发。主要内容分三大部分：基础、进阶、实战。基础知识包括Vue.js入门、Vue.js的数据绑定、表单和双向数据绑定、语句、样式绑定、事件处理器、监听属性、计算属性。进阶部分包括Vue.js的组件、自定义指令、路由、过渡和动画、响应接口、Ajax连接。实战包括首页、分类和产品案例、微信小程序支付、购物车和下单、会员界面、公用功能。包括移动商城首页、商城分类、商城购物车、产品分类、产品列表、评论、地址管理、下单、会员注册、会员登录、密码修改、订单列表、收藏、信息列表和详情等功能。 |
| 目录 |
---------------------------Vue.js+Node.js开发实战：从入门到项目上线--------------------------- 前言 第1章 开发一个网站的准备 1 1.1 如何从零开始建设一个网站 1 1.1.1 网站建设流程 1 1.1.2 网站开发技术和工具 2 1.2 第一步：购买一个域名 3 1.2.1 域名简介 4 1.2.2 如何通过阿里云购买域名 5 1.3 第二步：域名的备案和解析 8 1.3.1 域名的实名认证和备案 8 1.3.2 域名相关解析 9 1.4 第三步：购买一台服务器 10 1.4.1 云服务器 10 1.4.2 服务器的后台管理 11 1.5 小结与练习 13 1.5.1 小结 13 1.5.2 练习 13 第2章 Node.js+Vue.js项目开发基础 14 2.1 Node.js简介 14 2.1.1 Node.js的前世今生 14 2.1.2 在Windows中安装Node.js 15 2.1.3 在Linux中安装Node.js 18 2.1.4 第一个Node.js示例——Hello World 20 2.2 Node.js后端框架Express 21 2.2.1 Express的发展 21 2.2.2 Express的安装 23 2.2.3 Express项目示例——Hello World 25 2.2.4 RESTful API规范 25 2.3 页面显示框架Vue.js 27 2.3.1 Vue.js简介 27 2.3.2 Vue.js的安装 28 2.3.3 用Vue.js编写Hello World——CDN方式 29 2.3.4 用Vue.js编写Hello World——Webpack方式 30 2.3.5 其他页面显示框架 34 2.4 JavaScript代码编写——IDE的选择 35 2.4.1 编写基础的JavaScript代码 35 2.4.2 JavaScript开发利器——WebStorm 37 2.5 小结与练习 38 2.5.1 小结 38 2.5.2 练习 38 第3章 项目开发准备 39 3.1 初识数据库 39 3.1.1 数据库简介 39 3.1.2 SQL数据库和NoSQL数据库 40 3.2 MongoDB介绍 41 3.2.1 为什么选择MongoDB 42 3.2.2 在Windows中安装MongoDB 43 3.2.3 在Linux中安装MongoDB 44 3.3 Redis简介 46 3.3.1 为什么选择Redis 46 3.3.2 在Windows中安装Redis 47 3.3.3 在Linux中安装Redis 49 3.4 版本控制 51 3.4.1 版本控制简介 51 3.4.2 Git和GitHub简介 51 3.4.3 安装和使用Git 54 3.5 测试工具 57 3.5.1 浏览器自带的开发者工具 57 3.5.2 Postman插件 59 3.6 小结与练习 61 3.6.1 小结 61 3.6.2 练习 62 第4章 项目后台技术Express 63 4.1 开发Express应用程序 63 4.1.1 Express应用程序生成器 63 4.1.2 Express提供的路由 66 4.1.3 使用Express托管静态文件 68 4.2 Express和数据库交互 70 4.2.1 连接MongoDB数据库 70 4.2.2 使用对象模型驱动连接MongoDB 72 4.2.3 如何定义模型 73 4.2.4 Node.js和Redis集成 74 4.3 Express高级应用 75 4.3.1 Express中的中间件 75 4.3.2 Express错误处理 79 4.4 小结与练习 81 4.4.1 小结 81 4.4.2 练习 81 第5章 项目前端开发之Vue.js基础知识 82 5.1 Vue.js开发基础 82 5.1.1 安装Vue.js与Webpack 82 5.1.2 Webpack常用配置详解 85 5.1.3 Vue.js条件渲染 89 5.1.4 Vue.js列表渲染 90 5.1.5 Vue.js输入监听 91 5.1.6 Vue.js事件处理——v-on绑定 94 5.2 Vue.js的生命周期 97 5.2.1 生命周期与钩子函数 97 5.2.2 演示Vue.js的生命周期 99 5.3 Vue.js的模板语法 100 5.3.1 文本 101 5.3.2 JavaScript表达式 103 5.3.3 v-bind绑定动态属性 104 5.4 Vue.js的组件化 105 5.4.1 组件化简介 105 5.4.2 组件的创建 106 5.4.3 组件的注册 106 5.4.4 组件间的数据传递 109 5.4.5 监听子组件事件 111 5.4.6 通过插槽分发内容 114 5.5 小结与练习 116 5.5.1 小结 116 5.5.2 练习 116 第6章 Vue.js高级应用 117 6.1 Vue.js的vue-router库 117 6.1.1 Vue.js的页面路由实现 117 6.1.2 使用vue-cli初始化Vue.js项目 118 6.1.3 安装和配置vue-router 122 6.1.4 动态路由匹配 123 6.1.5 路由嵌套 126 6.1.6 路由跳转 128 6.1.7 导航守卫 131 6.2 Vue.js的状态管理库Vuex 132 6.2.1 状态管理与store模式 133 6.2.2 使用Vuex的情形 133 6.2.3 在Vue.js组件中获取Vuex状态和Getter对象 135 6.2.4 更新Vuex中的store 138 6.2.5 Vuex模块的划分 142 6.3 Vue UI库 143 6.3.1 Element UI库 143 6.3.2 Ant Design of Vue UI库 144 6.3.3 iView UI库 145 6.4 小结与练习 146 6.4.1 小结 146 6.4.2 练习 146 第7章 项目需求分析和功能说明 147 7.1 内容发布网站的需求分析 147 7.1.1 系统设计需求和技术说明 147 7.1.2 后端接口需求 148 7.1.3 前端页面需求 149 7.2 项目策划和功能设计 150 7.2.1 项目功能策划 150 7.2.2 项目模块划分 150 7.2.3 项目后端API路由定义 151 7.2.4 项目前端页面路由定义 152 7.3 项目原型图和流程图 153 7.4 小结与练习 154 7.4.1 小结 154 7.4.2 练习 154 第8章 项目后端API开发 155 8.1 开发前的准备工作 155 8.1.1 初始化项目 155 8.1.2 连接数据库 156 8.1.3 配置服务应用列表 161 8.2 通用API开发 164 8.2.1 获取页面导航栏的API开发 164 8.2.2 获取底部详细内容的API开发 167 8.2.3 获取友情链接的API开发 168 8.2.4 获取首页轮播图的API开发 169 8.2.5 获取热点文章列表内容的API开发 171 8.2.6 获取文章列表的API开发 173 8.2.7 获取文章详情的API开发 175 8.2.8 获取文章评论的API开发 177 8.2.9 获取分类内容的API开发 178 8.2.10 记录文章浏览量的API开发 180 8.3 用户权限相关API开发 182 8.3.1 用户模块开发前的准备工作 182 8.3.2 用户评论文章的API开发 183 8.3.3 获取用户资料的API开发 185 8.3.4 修改用户资料的API开发 187 8.3.5 发送私信的API开发 189 8.3.6 获取私信列表的API开发 191 8.3.7 获取私信的API开发 192 8.3.8 用户注册的API开发 194 8.3.9 用户登录的API开发 196 8.3.10 文章分类列表的API开发 199 8.3.11 文章“点赞”和“踩”功能的API开发 201 8.3.12 文章收藏功能的API开发 202 8.3.13 获取收藏文章列表的API开发 203 8.4 后台管理相关API开发 204 8.4.1 文章添加和修改的API开发 205 8.4.2 文章发布和删除的API开发 208 8.4.3 添加和修改分类的API开发 210 8.4.4 获取全部用户列表的API开发 211 8.4.5 封停用户的API开发 213 8.4.6 修改首页轮播内容的API开发 214 8.4.7 修改导航内容的API开发 216 8.4.8 修改底部内容的API开发 217 8.4.9 修改友情链接内容的API开发 218 8.4.10 其他权限判断 220 8.5 小结与练习 221 8.5.1 小结 221 8.5.2 练习 222 第9章 前端页面开发 223 9.1 项目前期准备 223 9.1.1 创建新项目 223 9.1.2 选择UI库 224 9.1.3 安装HTTP请求库 225 9.2 主要页面的开发 228 9.2.1 主页 228 9.2.2 文章总列表页 235 9.2.3 文章分类结果页 237 9.2.4 文章详情页 239 9.3 用户相关页面及权限的开发 244 9.3.1 登录页 244 9.3.2 注册页 247 9.3.3 用户信息页 251 9.3.4 在导航栏中增加用户信息 256 9.3.5 私信功能 258 9.3.6 文章评论功能 262 9.3.7 文章的收藏和点赞功能 265 9.3.8 查看所有收藏 267 9.4 管理员页面的开发 269 9.4.1 管理员页面路由设置 269 9.4.2 文章编辑页 271 9.4.3 文章管理页 275 9.4.4 用户管理页 278 9.5 小结与练习 280 9.5.1 小结 280 9.5.2 练习 280 第10章 网站的部署和上线 281 10.1 远程连接服务器 281 10.1.1 虚拟机简介 281 10.1.2 虚拟机的安装 282 10.1.3 远程连接云服务器或虚拟机 288 10.2 搭建服务器部署环境 290 10.2.1 配置pm2 290 10.2.2 构建用于发布的Vue.js程序 293 10.2.3 使用Nginx部署静态文件 294 10.3 在服务器端部署代码 295 10.3.1 服务器的防火墙设置 295 10.3.2 使用Git部署代码 296 10.4 网站优化常用方法 299 10.4.1 优化应用 299 10.4.2 使用nw.js打包项目 300 10.5 小结与练习 302 10.5.1 小结 302 10.5.2 练习 303 附录A 检测Node.js是否支持ES 6的语法 304 附录B npm安装过慢的解决方法 306 ---------------------------Vue.js入门与商城开发实战--------------------------- 前 言 第一部分 基础知识 第1章 Vue.js入门2 1.1 Vue.js简介2 1.2 Vue.js编辑器3 1.2.1 编辑器类型4 1.2.2 使用Notepad建立第一个Vue.js页面4 1.2.3 使用Dreamweaver建立第一个Vue.js页面7 1.3 Vue.js安装9 1.3.1 使用 CDN 方法9 1.3.2 下载官方Vue.js框架10 1.3.3 NPM 方法10 1.4 Vue.js起步12 1.4.1 Vue中变量的显示和自定义方法的使用12 1.4.2 data内容的另外一种定义方式14 1.4.3 系统属性15 1.4.4 入门知识点总结16 第2章 数据绑定18 2.1 文本插值18 2.2 v-html指令20 2.3 v-text指令21 2.4 v-once指令21 2.5 v-cloak指令22 2.6 v-bind 指令23 2.7 Vue.js完全支持JavaScript表达式25 2.8 Vue.js指令总结27 2.8.1 基础用法27 2.8.2 指令参数29 2.8.3 指令缩写30 2.8.4 修饰符31 第3章 表单和双向数据绑定32 3.1 v-model的基础用法32 3.1.1 在input中使用33 3.1.2 在textarea中使用34 3.1.3 在select中使用36 3.1.4 在checkbox（单选）中使用37 3.1.5 在checkbox（多选）中使用39 3.1.6 在radio（单选）中使用40 3.1.7 在链接a中应用41 3.1.8 在图片中使用42 3.2 Vue.js 过滤器的使用43 3.3 Vue.js 获取表单要提交的数据45 3.4 v-model指令的修饰符46 第4章 条件和循环指令48 4.1 v-if 指令48 4.1.1 使用v-if 指令48 4.1.2 使用v-else 指令50 4.1.3 使用v-else-if 指令51 4.2 v-show 指令52 4.2.1 v-show指令的用法52 4.2.2 v-show指令和v-if 指令的区别54 4.3 v-for指令56 4.3.1 基础语法56 4.3.2 简易数组的使用57 4.3.3 在模板中的使用58 4.3.4 对象的迭代显示59 4.3.5 对象的迭代显示：提供第二个参数为键名61 4.3.6 对象的迭代显示：提供第三个参数为索引62 4.3.7 循环显示整数64 4.3.8 九九乘法表65 4.3.9 对属性进行升序排序66 4.3.10 对象数组的内容显示68 4.3.11 v-for 循环指令的嵌套69 第5章 样式绑定72 5.1 绑定class属性72 5.2 绑定多个样式74 5.3 绑定数据里的一个对象75 5.4 绑定返回对象的计算属性77 5.5 绑定一个数组79 5.6 通过三目运算符绑定83 5.7 style内联样式85 5.8 style绑定样式对象86 5.9 style绑定样式数组87 第6章 事件处理器89 6.1 v-on指令89 6.2 v-on指令的方法调用90 6.3 在事件中读取data里的数值91 6.4 方法参数的几种使用方式93 6.5 事件修饰符95 6.6 按键修饰符96 第7章 监听和计算属性97 7.1 watch监听属性97 7.1.1 基本用法97 7.1.2 使用 watch 实现计数器97 7.1.3 千米与米之间的换算99 7.1.4 简单的购物车101 7.1.5 全选与取消全选105 7.2 计算属性108 7.2.1 computed108 7.2.2 methods110 7.2.3 setter111 第二部分 技能提升 第8章 组件116 8.1 全局组件116 8.2 局部组件118 8.3 props属性120 8.4 动态props121 第9章 自定义指令和响应接口124 9.1 Vue.js 自定义指令124 9.2 钩子函数126 9.2.1 常用钩子函数126 9.2.2 钩子函数的参数126 9.3 Vue.js响应接口128 9.4 Vue.set130 9.5 Vue.delete133 第10章 路由、动画和过渡134 10.1 安装vue-router134 10.2 路由简单应用134 10.3 相关属性136 10.4 过渡137 10.5 Vue.js中CSS 动画的应用140 10.6 自定义过渡的类名141 10.7 JavaScript 钩子143 第11章 Vue.js中的插件Axios147 11.1 安装方法147 11.2 常用方法148 11.2.1 GET 方法148 11.2.2 POST 方法150 11.2.3 执行多个并发请求150 11.2.4 Axios API151 11.2.5 请求方法的别名151 11.2.6 并发151 11.2.7 创建实例152 11.3 实例方法152 11.4 其他内容155 第三部分 商城开发案例 第12章 首页开发162 12.1 图片轮播164 12.2 快捷菜单166 12.3 最新资讯167 12.4 最新上架170 12.5 精品推荐172 第13章 用户管理175 13.1 用户注册175 13.2 用户登录179 13.3 会员首页182 13.4 用户退出187 13.5 用户信息修改187 13.6 用户密码修改191 13.7 用户收藏管理194 13.7.1 收藏列表194 13.7.2 收藏删除197 13.8 用户地址管理199 13.8.1 地址添加199 13.8.2 地址列表207 13.8.3 地址删除210 13.8.4 地址修改212 第14章 实现产品和新闻页面220 14.1 产品分类220 14.1.1 左侧默认分类221 14.1.2 右侧默认产品223 14.1.3 左侧分类和右侧产品联动225 14.2 产品列表226 14.3 产品简介228 14.3.1 产品简介信息228 14.3.2 底部菜单234 14.3.3 收藏236 14.3.4 加购物车237 14.3.5 立即购买238 14.4 产品详情239 14.5 产品评论241 14.6 信息列表244 14.7 信息详情247 第15章 购物和订单处理250 15.1 购物车250 15.1.1 购物车产品列表252 15.1.2 增加和减少数量接口255 15.1.3 增加数量255 15.1.4 减少数量256 15.1.5 单选计费258 15.1.6 全选、取消全选、计费258 15.1.7 去结算259 15.2 下单260 15.2.1 获取参数260 15.2.2 加载用户地址261 15.2.3 加载下单产品列表263 15.2.4 提交订单266 15.3 订单列表267 15.3.1 顶部菜单切换268 15.3.2 用户订单列表270 15.4 取消订单274 15.5 去付款276 15.6 确认收货277 15.7 产品评论279 15.8 小结282 |