目 录__eol____eol____eol__ __eol__第1章 概述 1__eol__1.1 实践目标 1__eol__1.2 实践知识地图 2__eol__1.3 实施安排 13__eol__1.3.1 实验（技术专题）部分 13__eol__1.3.2 综合实践部分 31__eol__第2章 开发工具（HBuilderX工具） 36__eol__2.1 实验目标 36__eol__2.2 实验任务 36__eol__2.3 设计思路 36__eol__2.4 实验实施 37__eol__2.4.1 步骤一：下载并安装HBuilderX 37__eol__2.4.2 步骤二：HBuilderX__eol__主界面 38__eol__2.4.3 步骤三：创建项目 39__eol__2.4.4 步骤四：编辑html文件 39__eol__2.4.5 步骤五：运行 40__eol__第3章 ES6（网页计算器） 42__eol__3.1 实验目标 42__eol__3.2 实验任务 43__eol__3.3 设计思路 44__eol__3.4 实验实施（跟我做） 45__eol__3.4.1 步骤一：创建项目和文件 45__eol__3.4.2 步骤二：制作HTML页面 45__eol__3.4.3 步骤三：制作CSS样式 46__eol__3.4.4 步骤四：编写网页计算器类 47__eol__3.4.5 步骤五：编写乘除__eol__运算逻辑 47__eol__3.4.6 步骤六：编写加减运算逻辑 48__eol__3.4.7 步骤七：编写数据返回方法 48__eol__3.4.8 步骤八：页面交互逻辑 48__eol__3.4.9 步骤九：运行效果 49__eol__第4章 Node.js__eol__（第一个Node.js程序） 52__eol__4.1 实验目标 52__eol__4.2 实验任务 53__eol__4.3 设计思路 53__eol__4.4 实验实施 54__eol__4.4.1 步骤一：Node.js的下载与__eol__安装 54__eol__4.4.2 步骤二：HBuilderX的下载与__eol__安装 57__eol__4.4.3 步骤三：Node.js目录__eol__结构 57__eol__4.4.4 步骤四：创建项目和文件 58__eol__4.4.5 步骤五：使用NPM包管理__eol__工具 58__eol__4.4.6 步骤六：创建服务器 58__eol__4.4.7 步骤七：运行效果 59__eol__第5章 Node.js（Web便签） 60__eol__5.1 实验目标 60__eol__5.2 实验任务 61__eol__5.3 设计思路 61__eol__5.4 实验实施（跟我做） 62__eol__5.4.1 步骤一：创建项目和文件 62__eol__5.4.2 步骤二：完成页面显示 63__eol__5.4.3 步骤三：完成资源判断 64__eol__5.4.4 步骤四：实现前后端交互 66__eol__5.4.5 步骤五：完成文件写入 67__eol__5.4.6 步骤六：完成文件读取 67__eol__5.4.7 步骤七：获取便签列表 68__eol__5.4.8 步骤八：运行效果 68__eol__第6章 Node.js（文学网） 70__eol__6.1 实验目标 70__eol__6.2 实验任务 70__eol__6.3 设计思路 72__eol__6.4 实验实施（跟我做） 73__eol__6.4.1 步骤一：创建项目和文件 73__eol__6.4.2 步骤二：准备数据 74__eol__6.4.3 步骤三：实现文学网页面 74__eol__6.4.4 步骤四：实现请求处理 78__eol__6.4.5 步骤五：实现用户登录 79__eol__6.4.6 步骤六：实现退出登录功能 81__eol__6.4.7 步骤七：实现读者页面功能 81__eol__6.4.8 步骤八：实现作者发布文章__eol__功能 85__eol__6.4.9 步骤九： 实现读者接收文章__eol__内容 86__eol__6.4.10 步骤十：运行效果 89__eol__第7章 Node.js（简历网） 91__eol__7.1 实验目标 91__eol__7.2 实验任务 92__eol__7.3 设计思路 93__eol__7.4 实验实施（跟我做） 95__eol__7.4.1 步骤一：安装Express应用程序生成器 95__eol__7.4.2 步骤二：使用应用程序生成器__eol__创建项目 95__eol__7.4.3 步骤三：Express目录结构 95__eol__7.4.4 步骤四：构建前端页面 96__eol__7.4.5 步骤五：安装和连接MySQL__eol__数据库 98__eol__7.4.6 步骤六：开发中间件 99__eol__7.4.7 步骤七：实现路由跳转 99__eol__7.4.8 步骤八：运行效果 101__eol__第8章 JSONP（商品清单） 103__eol__8.1 实验目标 103__eol__8.2 实验任务 103__eol__8.3 设计思路 104__eol__8.4 实验实施（跟我做） 105__eol__8.4.1 步骤一：创建项目和文件 105__eol__8.4.2 步骤二：创建前端页面 106__eol__8.4.3 步骤三：创建HTTP__eol__服务器 107__eol__8.4.4 步骤四：发送跨域请求 107__eol__8.4.5 步骤五：后台请求处理 108__eol__8.4.6 步骤六：数据写入页面 108__eol__8.4.7 步骤七：运行效果 108__eol__第9章 RESTful API（在线答题器） 110__eol__9.1 实验目标 110__eol__9.2 实验任务 111__eol__9.3 设计思路 111__eol__9.4 实验实施（跟我做） 112__eol__9.4.1 步骤一：创建项目和文件 112__eol__9.4.2 步骤二：设计完成前端页面 113__eol__9.4.3 步骤三：实现答题功能 115__eol__9.4.4 步骤四：前端功能实现 116__eol__9.4.5 步骤五：运行效果 117__eol__第10章 Vue.js（第一个Vue.js程序） 118__eol__10.1 实验目标 118__eol__10.2 实验任务 119__eol__10.3 设计思路 120__eol__10.4 实验实施（跟我做） 120__eol__10.4.1 步骤一：HBuilderX的下载和__eol__安装 120__eol__10.4.2 步骤二：Node.js的下载和__eol__安装 121__eol__10.4.3 步骤三：安装webpack 121__eol__10.4.4 步骤四：安装Vue CLI__eol__脚手架 121__eol__10.4.5 步骤五：创建工程 122__eol__10.4.6 步骤六：启动项目 123__eol__第11章 Vue.js（文章管理） 125__eol__11.1 实验目标 125__eol__11.2 实验任务 127__eol__11.3 设计思路 128__eol__11.4 实验实施（跟我做） 131__eol__11.4.1 步骤一：创建项目和文件 131__eol__11.4.2 步骤二：配置路由规则 132__eol__11.4.3 步骤三：安装和引入__eol__Axios 133__eol__11.4.4 步骤四：配置跨域请求__eol__代理 133__eol__11.4.5 步骤五：准备文章列表__eol__数据 133__eol__11.4.6 步骤六：编写文章管理__eol__页面 134__eol__11.4.7 步骤七：编写文章添加__eol__页面 135__eol__11.4.8 步骤八：准备移动端文章__eol__列表数据 137__eol__11.4.9 步骤九：编写移动端文章__eol__列表页面 138__eol__11.4.10 步骤十：Node.js接口 139__eol__11.4.11 步骤十一：请求后台接口 141__eol__11.4.12 步骤十二：运行效果 142__eol__第12章 Vue.js（网页聊天室） 144__eol__12.1 实验目标 144__eol__12.2 实验任务 145__eol__12.3 设计思路 145__eol__12.4 实验实施（跟我做） 147__eol__12.4.1 步骤一：创建项目和文件 147__eol__12.4.2 步骤二：配置路由规则 148__eol__12.4.3 步骤三：编写用户登录__eol__页面 149__eol__12.4.4 步骤四：登录信息验证 150__eol__12.4.5 步骤五：准备聊天室数据 150__eol__12.4.6 步骤六：编写聊天室页面 151__e