未读消息消息

购物车

我的订单

个人中心

店铺

我的订单收藏

拍卖

拍卖交易我的竞拍收藏

我的好友资金账户

卖家中心

客服 |

帮助中心 9:00-20:30 在线留言

客服电话

010-89648155

服务时间

客服咨询 8:00-21:00

纠纷处理 9:00-21:00

图书审核 9:00-18:00

监督与建议

请选择

手机孔网

Web前端开发实训案例教程（中级）

作者: 夏高娃译 , 苏珊娜·希斯洛普著汉娜·沃尔德伦绘

出版社: 电子工业出版社

出版时间: 2019-12

版次: 1

ISBN: 9787121378652

定价: 69.00

装帧: 其他

开本: 16开

纸张: 胶版纸

分类: 教材教辅考试>教材>高职教材>计算机与互联网

48人买过

本书是与《Web前端开发职业技能等级标准》配套的实践教材，教材中所有应用技术专题和项目代码均在主流浏览器中运行通过。本书结合高校计算机相关专业Web前端开发方向课程体系、企业Web前端开发岗位能力模型和《Web前端开发职业技能等级标准》，形成Web前端开发三位一体知识地图，以实践能力为导向，以企业真实应用为目标，遵循企业软件工程标准和技术，以任务为驱动，对HTML5、CSS3、JavaScript、jQuery、Bootstrap、MySQL、PHP、Laravel、AJAX、JSON、RESTful API等Web前端开发中的重要知识单元，结合实际案例和应用环境进行了分析和设计，并对每个重要知识单元进行了详细介绍，力求使读者真正掌握这些知识，从而在实际场景中加以应用。全书分为两部分：*部分为实验，采用技术专题进行知识单元训练，可以对应课程练习或实验，针对不同的知识单元设计实验项目，重点训练每个知识单元的内容；第二部分为综合实践，可以对应课程设计或综合实践，用一个“淘兴趣”项目贯穿Web前端开发核心知识，此项目会应用到中级标准中所包含的所有核心知识单元，而且其是参照企业中真实项目标准进行开发的。本书适合作为《Web前端开发职业技能等级标准》的实践教学参考用书，也适合作为对Web前端开发感兴趣的读者的指导用书。北京新奥时代科技有限责任公司于2006年04月12日在石景山分局登记成立。公司经营范围包括技术开发、技术推广、技术转让、技术咨询、技术服务等。目录

第1章实践概述 1

1.1 实践目标 1

1.2 实践知识地图 1

1.3 实施安排 10

1.3.1 实验（技术专题）部分 10

1.3.2 综合实践部分 19

第2章开发工具（HBuilder） 22

2.1 实验目标 22

2.2 实验任务 22

2.3 设计思路 22

2.4 实验实施（跟我做） 22

2.4.1 步骤一：下载并安装

HBuilder 22

2.4.2 步骤二：HBuilder主界面 23

2.4.3 步骤三：在HBuilder中安装

PHP插件 24

2.4.4 步骤四：创建Web项目

工程 25

2.4.5 步骤五：创建HTML

页面 26

2.4.6 步骤六：编辑html文件 27

2.4.7 步骤七：运行 28

第3章 Web静态网页开发

（小说网首页） 29

3.1 实验目标 29

3.2 实验任务 30

3.3 设计思路 32

3.4 实验实施（跟我做） 35

3.4.1 步骤一：创建工程 35

3.4.2 步骤二：制作首页 35

3.4.3 步骤三：制作小说列表

页面 37

3.4.4 步骤四：加载小说列表

页面 39

3.4.5 步骤五：添加样式美化

首页 40

3.4.6 步骤六：添加样式美化小说

列表页面 44

第4章 JavaScript开发交互效果页面

（房贷计算器） 47

4.1 实验目标 47

4.2 实验任务 48

4.3 设计思路 49

4.4 实验实施（跟我做） 52

4.4.1 步骤一：创建工程 52

4.4.2 步骤二：使用HTML布局

页面 52

4.4.3 步骤三：使用CSS样式美化

页面 53

4.4.4 步骤四：创建house.js

文件 56

4.4.5 扩展：正则表达式验证

输入 59

第5章 jQuery开发交互效果页面

（留言页面） 61

5.1 实验目标 61

5.2 实验任务 62

5.3 设计思路 63

5.4 实验实施（跟我做） 64

5.4.1 步骤一：创建工程 64

5.4.2 步骤二：使用HTML布局

留言页面 64

5.4.3 步骤三：使用CSS样式美化

留言页面 65

5.4.4 步骤四：引入jQuery文件和jQuery UI文件 66

5.4.5 步骤五：输入留言信息 67

5.4.6 步骤六：发布留言 68

5.4.7 步骤七：保存留言信息 68

第6章 Bootstrap开发页面

（注册页面） 69

6.1 实验目标 69

6.2 实验任务 70

6.3 设计思路 70

6.4 实验实施（跟我做） 72

6.4.1 步骤一：引入Bootstrap

文件 72

6.4.2 步骤二：制作页头导航栏 73

6.4.3 步骤三：制作注册栏 73

6.4.4 步骤四：制作页脚 76

6.4.5 步骤五：运行效果 76

第7章 Bootstrap开发页面

（分类信息页面） 77

7.1 实验目标 77

7.2 实验任务 78

7.3 设计思路 79

7.4 实验实施（跟我做） 82

7.4.1 步骤一：引入Bootstrap 82

7.4.2 步骤二：制作页头 82

7.4.3 步骤三：制作产地筛选栏和

商品信息栏 84

7.4.4 步骤四：制作页脚 86

7.4.5 步骤五：响应到移动端 86

第8章 MySQL（MySQL基本

操作） 88

8.1 实验目标 88

8.2 实验任务 88

8.3 设计思路 89

8.4 实验实施（跟我做） 89

8.4.1 步骤一：下载并安装

MySQL 89

8.4.2 步骤二：登录MySQL 90

8.4.3 步骤三：数据库基本操作 92

第9章 MySQL（试题信息管理） 93

9.1 实验目标 93

9.2 实验任务 94

9.3 设计思路 95

9.4 实验实施（跟我做） 97

9.4.1 步骤一：创建数据库 97

9.4.2 步骤二：创建表 97

9.4.3 步骤三：表的操作 99

9.4.4 步骤四：视图 100

9.4.5 步骤五：索引 100

9.4.6 步骤六：管理表数据 100

9.4.7 步骤七：查询表数据 101

9.4.8 步骤八：导入和导出数据库

脚本 102

9.4.9 步骤九：事务控制 103

9.4.10 步骤十：触发器 104

9.4.11 步骤十一：存储过程 105

第10章 PHP制作动态网页

（第一个PHP程序） 107

10.1 实验目标 107

10.2 实验任务 108

10.3 设计思路 108

10.4 实验实施（跟我做） 108

10.4.1 步骤一：更改Apache的

网站根目录 108

10.4.2 步骤二：制作第一个PHP

程序 110

10.4.3 步骤三：发布运行 111

10.4.4 步骤四：扩展 112

第11章 PHP制作动态网页

（日期计算器） 113

11.1 实验目标 113

11.2 实验任务 114

11.3 设计思路 114

11.4 实验实施（跟我做） 115

11.4.1 步骤一：编写主页 115

11.4.2 步骤二：判断闰年 116

11.4.3 步骤三：验证日期 116

11.4.4 步骤四：计算天数 117

11.4.5 步骤五：处理请求 118

11.4.6 步骤六：运行效果 119

第12章 PHP制作动态网页

（购物车） 120

12.1 实验目标 120

12.2 实验任务 121

12.3 设计思路 123

12.4 实验实施（跟我做） 124

12.4.1 步骤一：制作商品列表

页面 124

12.4.2 步骤二：将商品加入

购物车 126

12.4.3 步骤三：制作购物车

页面 128

12.4.4 步骤四：改变购物车内的

商品数量 129

12.4.5 步骤五：制作确认订单

页面 129

12.4.6 步骤六：制作订单页面 131

第13章 PHP制作动态网页

（在线投票系统） 132

13.1 实验目标 132

13.2 实验任务 133

13.3 设计思路 133

13.4 实验实施（跟我做） 135

13.4.1 步骤一：创建项目和

文件 135

13.4.2 步骤二：页面基类 136

13.4.3 步骤三：姓名输入页面 137

13.4.4 步骤四：投票页面 138

13.4.5 步骤五：数据的获取和

写入 139

第14章 PHP制作动态网页

（学生成绩管理） 141

14.1 实验目标 141

14.2 实验任务 142

14.3 设计思路 143

14.4 实验实施（跟我做） 146

14.4.1 步骤一：创建项目和

文件 146

14.4.2 步骤二：创建数据库 147

14.4.3 步骤三：制作CSS

样式 147

14.4.4 步骤四：制作登录

页面 147

14.4.5 步骤五：制作成绩管理

页面 149

14.4.6 步骤六：编写数据库操作

PHP代码 151

14.4.7 步骤七：数据的获取和

写入 153

第15章 AJAX制作动态网页

（阅读器） 158

15.1 实验目标 158

15.2 实验任务 159

15.3 设计思路 160

15.4 实验实施（跟我做） 161

15.4.1 步骤一：创建项目和

文件 161

15.4.2 步骤二：实现XML格式

数据接口 161

15.4.3 步骤三：实现JSON格式

数据接口 162

15.4.4 步骤四：制作HTML

页面 163

15.4.5 步骤五：制作CSS样式 163

15.4.6 步骤六：编写AJAX

请求 164

15.4.7 步骤七：构建XML格式的

书籍内容 165

15.4.8 步骤八：构建JSON格式的

书籍内容 166

15.4.9 步骤九：清除页面内容 167

第16章 RESTful API规范

（视频列表） 168

16.1 实验目标 168

16.2 实验任务 169

16.3 设计思路 170

16.4 实验实施（跟我做） 172

16.4.1 步骤一：处理API

请求 172

16.4.2 步骤二：返回视频列表

数据 175

16.4.3 步骤三：使用RESTful

API 176

第17章 Laravel框架构建动态网站

（第一个Laravel程序） 178

17.1 实验目标 178

17.2 实验任务 179

17.3 设计思路 180

17.4 实验实施（跟我做） 181

17.4.1 步骤一：安装

Composer 181

17.4.2 步骤二：配置国内镜像 183

17.4.3 步骤三：创建Laravel

工程 183

17.4.4 步骤四：配置虚拟主机 184

17.4.5 步骤五：编写index.blade.php

文件 186

17.4.6 步骤六：编写路由 186

第18章 Laravel框架构建动态网站

（在线答题） 187

18.1 实验目标 187

18.2 实验任务 188

18.3 设计思路 188

18.4 实验实施（跟我做） 190

18.4.1 步骤一：创建Laravel

工程 190

18.4.2 步骤二：配置路由 191

18.4.3 步骤三：创建控制器类QuizController 191

18.4.4 步骤四：编写quiz.blade.php

文件 192

18.4.5 步骤五：编写result.blade.php

文件 193

18.4.6 步骤六：编写QuizController()

处理函数 194

第19章 Laravel框架构建动态网站

（个人博客） 197

19.1 实验目标 197

19.2 实验任务 198

19.3 设计思路 200

19.4 实验实施（跟我做） 203

19.4.1 步骤一：创建Laravel

工程 203

19.4.2 步骤二：配置路由 204

19.4.3 步骤三：创建控制器类 205

19.4.4 步骤四：实现登录功能

（查询构建器） 205

19.4.5 步骤五：创建模型类 206

19.4.6 步骤六：实现登录功能 207

19.4.7 步骤七：显示博客列表 208

19.4.8 步骤八：添加博客 212

19.4.9 步骤九：修改和删除

博客 212

第20章 AJAX制作动态网页

（天气预报） 214

20.1 实验目标 214

20.2 实验任务 216

20.3 设计思路 216

20.4 实验实施（跟我做） 217

20.4.1 步骤一：创建工程和

文件 217

20.4.2 步骤二：实现PHP数据

接口 218

20.4.3 步骤三：制作HTML

页面 219

20.4.4 步骤四：制作CSS

样式 220

20.4.5 步骤五：编写AJAX

请求 221

第21章综合实践（淘兴趣） 223

21.1 项目简介 223

21.2 实践目标 223

21.3 需求分析 224

21.4 页面设计 226

21.4.1 工作任务 226

21.4.2 设计思路 226

21.4.3 实现（跟我做） 228

21.5 第一阶段PHP页面混合式：

创建工程 233

21.5.1 工作任务 233

21.5.2 设计思路 233

21.5.3 实现（跟我做） 236

21.6 第一阶段PHP页
内容简介:
本书是与《Web前端开发职业技能等级标准》配套的实践教材，教材中所有应用技术专题和项目代码均在主流浏览器中运行通过。本书结合高校计算机相关专业Web前端开发方向课程体系、企业Web前端开发岗位能力模型和《Web前端开发职业技能等级标准》，形成Web前端开发三位一体知识地图，以实践能力为导向，以企业真实应用为目标，遵循企业软件工程标准和技术，以任务为驱动，对HTML5、CSS3、JavaScript、jQuery、Bootstrap、MySQL、PHP、Laravel、AJAX、JSON、RESTful API等Web前端开发中的重要知识单元，结合实际案例和应用环境进行了分析和设计，并对每个重要知识单元进行了详细介绍，力求使读者真正掌握这些知识，从而在实际场景中加以应用。全书分为两部分：*部分为实验，采用技术专题进行知识单元训练，可以对应课程练习或实验，针对不同的知识单元设计实验项目，重点训练每个知识单元的内容；第二部分为综合实践，可以对应课程设计或综合实践，用一个“淘兴趣”项目贯穿Web前端开发核心知识，此项目会应用到中级标准中所包含的所有核心知识单元，而且其是参照企业中真实项目标准进行开发的。本书适合作为《Web前端开发职业技能等级标准》的实践教学参考用书，也适合作为对Web前端开发感兴趣的读者的指导用书。
作者简介:
北京新奥时代科技有限责任公司于2006年04月12日在石景山分局登记成立。公司经营范围包括技术开发、技术推广、技术转让、技术咨询、技术服务等。
目录:
目录

第1章实践概述 1

1.1 实践目标 1

1.2 实践知识地图 1

1.3 实施安排 10

1.3.1 实验（技术专题）部分 10

1.3.2 综合实践部分 19

第2章开发工具（HBuilder） 22

2.1 实验目标 22

2.2 实验任务 22

2.3 设计思路 22

2.4 实验实施（跟我做） 22

2.4.1 步骤一：下载并安装

HBuilder 22

2.4.2 步骤二：HBuilder主界面 23

2.4.3 步骤三：在HBuilder中安装

PHP插件 24

2.4.4 步骤四：创建Web项目

工程 25

2.4.5 步骤五：创建HTML

页面 26

2.4.6 步骤六：编辑html文件 27

2.4.7 步骤七：运行 28

第3章 Web静态网页开发

（小说网首页） 29

3.1 实验目标 29

3.2 实验任务 30

3.3 设计思路 32

3.4 实验实施（跟我做） 35

3.4.1 步骤一：创建工程 35

3.4.2 步骤二：制作首页 35

3.4.3 步骤三：制作小说列表

页面 37

3.4.4 步骤四：加载小说列表

页面 39

3.4.5 步骤五：添加样式美化

首页 40

3.4.6 步骤六：添加样式美化小说

列表页面 44

第4章 JavaScript开发交互效果页面

（房贷计算器） 47

4.1 实验目标 47

4.2 实验任务 48

4.3 设计思路 49

4.4 实验实施（跟我做） 52

4.4.1 步骤一：创建工程 52

4.4.2 步骤二：使用HTML布局

页面 52

4.4.3 步骤三：使用CSS样式美化

页面 53

4.4.4 步骤四：创建house.js

文件 56

4.4.5 扩展：正则表达式验证

输入 59

第5章 jQuery开发交互效果页面

（留言页面） 61

5.1 实验目标 61

5.2 实验任务 62

5.3 设计思路 63

5.4 实验实施（跟我做） 64

5.4.1 步骤一：创建工程 64

5.4.2 步骤二：使用HTML布局

留言页面 64

5.4.3 步骤三：使用CSS样式美化

留言页面 65

5.4.4 步骤四：引入jQuery文件和jQuery UI文件 66

5.4.5 步骤五：输入留言信息 67

5.4.6 步骤六：发布留言 68

5.4.7 步骤七：保存留言信息 68

第6章 Bootstrap开发页面

（注册页面） 69

6.1 实验目标 69

6.2 实验任务 70

6.3 设计思路 70

6.4 实验实施（跟我做） 72

6.4.1 步骤一：引入Bootstrap

文件 72

6.4.2 步骤二：制作页头导航栏 73

6.4.3 步骤三：制作注册栏 73

6.4.4 步骤四：制作页脚 76

6.4.5 步骤五：运行效果 76

第7章 Bootstrap开发页面

（分类信息页面） 77

7.1 实验目标 77

7.2 实验任务 78

7.3 设计思路 79

7.4 实验实施（跟我做） 82

7.4.1 步骤一：引入Bootstrap 82

7.4.2 步骤二：制作页头 82

7.4.3 步骤三：制作产地筛选栏和

商品信息栏 84

7.4.4 步骤四：制作页脚 86

7.4.5 步骤五：响应到移动端 86

第8章 MySQL（MySQL基本

操作） 88

8.1 实验目标 88

8.2 实验任务 88

8.3 设计思路 89

8.4 实验实施（跟我做） 89

8.4.1 步骤一：下载并安装

MySQL 89

8.4.2 步骤二：登录MySQL 90

8.4.3 步骤三：数据库基本操作 92

第9章 MySQL（试题信息管理） 93

9.1 实验目标 93

9.2 实验任务 94

9.3 设计思路 95

9.4 实验实施（跟我做） 97

9.4.1 步骤一：创建数据库 97

9.4.2 步骤二：创建表 97

9.4.3 步骤三：表的操作 99

9.4.4 步骤四：视图 100

9.4.5 步骤五：索引 100

9.4.6 步骤六：管理表数据 100

9.4.7 步骤七：查询表数据 101

9.4.8 步骤八：导入和导出数据库

脚本 102

9.4.9 步骤九：事务控制 103

9.4.10 步骤十：触发器 104

9.4.11 步骤十一：存储过程 105

第10章 PHP制作动态网页

（第一个PHP程序） 107

10.1 实验目标 107

10.2 实验任务 108

10.3 设计思路 108

10.4 实验实施（跟我做） 108

10.4.1 步骤一：更改Apache的

网站根目录 108

10.4.2 步骤二：制作第一个PHP

程序 110

10.4.3 步骤三：发布运行 111

10.4.4 步骤四：扩展 112

第11章 PHP制作动态网页

（日期计算器） 113

11.1 实验目标 113

11.2 实验任务 114

11.3 设计思路 114

11.4 实验实施（跟我做） 115

11.4.1 步骤一：编写主页 115

11.4.2 步骤二：判断闰年 116

11.4.3 步骤三：验证日期 116

11.4.4 步骤四：计算天数 117

11.4.5 步骤五：处理请求 118

11.4.6 步骤六：运行效果 119

第12章 PHP制作动态网页

（购物车） 120

12.1 实验目标 120

12.2 实验任务 121

12.3 设计思路 123

12.4 实验实施（跟我做） 124

12.4.1 步骤一：制作商品列表

页面 124

12.4.2 步骤二：将商品加入

购物车 126

12.4.3 步骤三：制作购物车

页面 128

12.4.4 步骤四：改变购物车内的

商品数量 129

12.4.5 步骤五：制作确认订单

页面 129

12.4.6 步骤六：制作订单页面 131

第13章 PHP制作动态网页

（在线投票系统） 132

13.1 实验目标 132

13.2 实验任务 133

13.3 设计思路 133

13.4 实验实施（跟我做） 135

13.4.1 步骤一：创建项目和

文件 135

13.4.2 步骤二：页面基类 136

13.4.3 步骤三：姓名输入页面 137

13.4.4 步骤四：投票页面 138

13.4.5 步骤五：数据的获取和

写入 139

第14章 PHP制作动态网页

（学生成绩管理） 141

14.1 实验目标 141

14.2 实验任务 142

14.3 设计思路 143

14.4 实验实施（跟我做） 146

14.4.1 步骤一：创建项目和

文件 146

14.4.2 步骤二：创建数据库 147

14.4.3 步骤三：制作CSS

样式 147

14.4.4 步骤四：制作登录

页面 147

14.4.5 步骤五：制作成绩管理

页面 149

14.4.6 步骤六：编写数据库操作

PHP代码 151

14.4.7 步骤七：数据的获取和

写入 153

第15章 AJAX制作动态网页

（阅读器） 158

15.1 实验目标 158

15.2 实验任务 159

15.3 设计思路 160

15.4 实验实施（跟我做） 161

15.4.1 步骤一：创建项目和

文件 161

15.4.2 步骤二：实现XML格式

数据接口 161

15.4.3 步骤三：实现JSON格式

数据接口 162

15.4.4 步骤四：制作HTML

页面 163

15.4.5 步骤五：制作CSS样式 163

15.4.6 步骤六：编写AJAX

请求 164

15.4.7 步骤七：构建XML格式的

书籍内容 165

15.4.8 步骤八：构建JSON格式的

书籍内容 166

15.4.9 步骤九：清除页面内容 167

第16章 RESTful API规范

（视频列表） 168

16.1 实验目标 168

16.2 实验任务 169

16.3 设计思路 170

16.4 实验实施（跟我做） 172

16.4.1 步骤一：处理API

请求 172

16.4.2 步骤二：返回视频列表

数据 175

16.4.3 步骤三：使用RESTful

API 176

第17章 Laravel框架构建动态网站

（第一个Laravel程序） 178

17.1 实验目标 178

17.2 实验任务 179

17.3 设计思路 180

17.4 实验实施（跟我做） 181

17.4.1 步骤一：安装

Composer 181

17.4.2 步骤二：配置国内镜像 183

17.4.3 步骤三：创建Laravel

工程 183

17.4.4 步骤四：配置虚拟主机 184

17.4.5 步骤五：编写index.blade.php

文件 186

17.4.6 步骤六：编写路由 186

第18章 Laravel框架构建动态网站

（在线答题） 187

18.1 实验目标 187

18.2 实验任务 188

18.3 设计思路 188

18.4 实验实施（跟我做） 190

18.4.1 步骤一：创建Laravel

工程 190

18.4.2 步骤二：配置路由 191

18.4.3 步骤三：创建控制器类QuizController 191

18.4.4 步骤四：编写quiz.blade.php

文件 192

18.4.5 步骤五：编写result.blade.php

文件 193

18.4.6 步骤六：编写QuizController()

处理函数 194

第19章 Laravel框架构建动态网站

（个人博客） 197

19.1 实验目标 197

19.2 实验任务 198

19.3 设计思路 200

19.4 实验实施（跟我做） 203

19.4.1 步骤一：创建Laravel

工程 203

19.4.2 步骤二：配置路由 204

19.4.3 步骤三：创建控制器类 205

19.4.4 步骤四：实现登录功能

（查询构建器） 205

19.4.5 步骤五：创建模型类 206

19.4.6 步骤六：实现登录功能 207

19.4.7 步骤七：显示博客列表 208

19.4.8 步骤八：添加博客 212

19.4.9 步骤九：修改和删除

博客 212

第20章 AJAX制作动态网页

（天气预报） 214

20.1 实验目标 214

20.2 实验任务 216

20.3 设计思路 216

20.4 实验实施（跟我做） 217

20.4.1 步骤一：创建工程和

文件 217

20.4.2 步骤二：实现PHP数据

接口 218

20.4.3 步骤三：制作HTML

页面 219

20.4.4 步骤四：制作CSS

样式 220

20.4.5 步骤五：编写AJAX

请求 221

第21章综合实践（淘兴趣） 223

21.1 项目简介 223

21.2 实践目标 223

21.3 需求分析 224

21.4 页面设计 226

21.4.1 工作任务 226

21.4.2 设计思路 226

21.4.3 实现（跟我做） 228

21.5 第一阶段PHP页面混合式：

创建工程 233

21.5.1 工作任务 233

21.5.2 设计思路 233

21.5.3 实现（跟我做） 236

21.6 第一阶段PHP页

查看详情

Web前端开发实训案例教程（中级）

内容简介:

作者简介:

目录: