面向职业院校和应用型本科院校开展1+X证书制度试点工作是落实《国家职业教育改革实施方案》的重要内容之一，为了便于X证书标准融入院校学历教育，工业和信息化部教育与考试中心组织编写了《Web前端开发（中级）》教材。本教材以《Web前端开发职业技能等级标准》（中级）为编写依据，分上、下两册，包括深入浅出MySQL数据库、PHP技术与应用、Web前后端数据交互技术、响应式开发技术、网站项目实战五篇，分别对应《Web前端开发职业技能等级标准》（中级）涉及的五门核心课程：“MySQL数据库基础与应用”“PHP技术与应用”“Web前后端数据交互技术”“响应式开发技术”“网站项目实战”。本教材以模块化的结构组织各篇及其章节，以任务驱动的方式安排教材内容，选取动态网站开发能力和响应式网站开发的典型应用作为教学案例。本教材可用于1+X证书制度试点工作中的Web前端开发职业技能等级证书的教学和培训，也可以作为期望从事Web前端开发职业的应届毕业生和社会在职人员的自学参考用书。

谭志彬，北京大学无线电电子学系硕士毕业，曾在高科技企业从事办公自动化系统的开发应用，是国家计算机和通信专业技术资格考试标准的主要起草或审定者，主持开发过考务管理系统、上机考试系统、阅卷系统。

第三篇 Web前后端数据交互技术
第19章 Web数据交互技术概述 2
19.1 Web的概念 2
19.2 Web数据交互技术 3
19.2.1 AJAX 3
19.2.2 iframe 4
19.2.3 WebSocket 4
19.3 本章小结 4
第20章 HTTP概述 5
20.1 HTTP简介 5
20.1.1 HTTP的概念 5
20.1.2 HTTP的消息结构 6
20.1.3 HTTP的主要特点 7
20.2 HTTP的通信过程 7
20.3 HTTP状态码汇总 11
20.3.1 状态码200 11
20.3.2 状态码301 11
20.3.3 状态码302 12
20.3.4 状态码304 13
20.3.5 状态码403 13
20.3.6 状态码404 15
20.3.7 状态码500 15
20.4 本章小结 16
第21章 AJAX与iframe 17
21.1 AJAX异步通信 17
21.1.1 AJAX简介 17
21.1.2 AJAX的工作原理 18
21.2 iframe异步通信 18
21.2.1 iframe简介 18
21.2.2 使用JavaScript操作
iframe 19
21.2.3 使用jQuery操作iframe 20
21.3 应用实例 22
21.3.1 AJAX应用实例 22
21.3.2 iframe应用实例 24
21.4 本章小结 26
第22章 页面性能优化技术 28
22.1 Cookie的创建、使用和销毁 28
22.1.1 创建Cookie 28
22.1.2 使用Cookie 30
22.1.3 销毁Cookie 30
22.2 页面性能优化 32
22.2.1 减少HTTP请求次数 32
22.2.2 静态资源与动态资源分离 32
22.3 本章小结 32
第23章 Socket通信 34
23.1 Socket通信简介 34
23.1.1 Socket通信的概念 34
23.1.2 Socket通信的机制 35
23.1.3 Socket通信的过程 36
23.2 使用Socket实现聊天室功能 36
23.2.1 使用PHP实现Socket
服务端 36
23.2.2 使用jQuery实现Socket
客户端 39
23.2.3 测试聊天室功能 41
23.3 本章小结 43
第四篇 响应式开发技术
第24章 Bootstrap概述 46
24.1 Bootstrap简介 46
24.2 Bootstrap的特性 47
24.2.1 Bootstrap的构成 47
24.2.2 Bootstrap的功能 47
24.3 Bootstrap的应用浏览 47
24.4 Bootstrap的开发工具 48
24.5 Bootstrap的安装和配置 49
24.5.1 Bootstrap的下载和配置 49
24.5.2 Bootstrap的文件结构 50
24.6 本章小结 51
第25章 Bootstrap的基本架构 53
25.1 响应式开发技术 53
25.1.1 响应式开发的概念 53
25.1.2 响应式开发的流程 54
25.1.3 响应式布局结构 54
25.1.4 设计响应式网站 55
25.2 Bootstrap的栅格布局 56
25.2.1 栅格布局简介 56
25.2.2 Bootstrap的终端设备类型 56
25.2.3 Bootstrap的栅格基本布局 57
25.2.4 Bootstrap的栅格水平布局
和垂直布局 61
25.2.5 Bootstrap的栅格排序和
偏移 65
25.3 本章小结 67
第26章 Bootstrap的样式 68
26.1 Bootstrap的作用 68
26.2 媒体对象 68
26.3 文本 75
26.4 列表 78
26.5 表格 80
26.6 图片 84
26.7 表单 85
26.7.1 基础表单 85
26.7.2 行内表单 87
26.7.3 水平表单 88
26.7.4 表单大小 89
26.8 辅助样式 90
26.8.1 背景色 91
26.8.2 文本颜色 91
26.9 本章小结 92
第27章 Bootstrap的组件 93
27.1 按钮 94
27.1.1 按钮大小 95
27.1.2 按钮状态 95
27.2 下拉菜单 96
27.2.1 创建下拉菜单 97
27.2.2 分裂式下拉菜单 99
27.2.3 上拉菜单 100
27.2.4 其他下拉菜单 101
27.3 按钮组 102
27.3.1 工具栏 103
27.3.2 两端对齐的按钮组 104
27.3.3 按钮组的嵌套 105
27.4 输入框组 106
27.5 导航 108
27.5.1 定义导航 108
27.5.2 两端对齐导航 109
27.5.3 嵌套下拉菜单 110
27.5.4 导航栏 111
27.5.5 导航栏的文字/图标 112
27.5.6 导航栏其他组件 113
27.5.7 设置导航栏的位置 114
27.5.8 响应式导航栏 115
27.5.9 分页导航 117
27.5.10 翻页导航 118
27.5.11 面包屑导航 119
27.6 标签 120
27.7 徽章 120
27.8 缩略图 122
27.9 警告框 123
27.10 进度条 124
27.11 版式 126
27.11.1 巨幕区块 126
27.11.2 页面标题 126
27.11.3 列表组 127
27.11.4 面板 128
27.11.5 Well容器 129
27.12 字体图标 130
27.13 本章小结 131
第28章 Sass概述 132
28.1 Sass的概念 132
28.2 Sass的安装 133
28.3 Sass的配置 135
28.4 Sass的基础语法 136
28.4.1 变量 136
28.4.2 嵌套CSS规则 137
28.4.3 混合指令 138
28.4.4 运算 141
28.4.5 条件判断和循环 144
28.4.6 数组 147
28.4.7 导入Sass文件 148
28.4.8 注释 149
28.4.9 选择器继承 149
28.5 本章小结 149
第29章 Bootstrap响应式开发案例 150
29.1 Bootstrap项目的搭建 150
29.2 页面初始化 152
29.3 后台模板布局 153
29.4 项目首页 160
29.5 用户中心和提醒事项 164
29.6 数据查询和数据面板 169
29.7 动画效果 174
29.8 本章小结 176
第五篇 网站项目实战
第30章 CMS开发 178
30.1 CMS概述 178
30.2 CMS的内容 179
30.3 搭建Laravel框架 179
30.4 本章小结 179
第31章 CMS基础页面 180
31.1 CMS基础页面概述 180
31.2 后台登录页 180
31.2.1 创建数据库表及写入
记录 181
31.2.2 配置后台登录的表单
页面 182
31.2.3 处理表单数据 182
31.3 后台首页 184
31.4 访问权限控制 186
31.5 本章小结 188
第32章 模型管理实战 189
32.1 模型管理概述 189
32.2 模型创建 190
32.3 模型列表 196
32.4 模型修改 198
32.5 模型删除 202
32.6 本章小结 206
第33章 栏目管理实战 207
33.1 栏目管理概述 207
33.2 栏目添加 208
33.3 栏目列表查看 213
33.4 栏目修改 216
33.5 栏目删除 217
33.6 本章小结 219
第34章 内容管理实战 220
34.1 内容管理概述 220
34.2 内容添加 221
34.3 内容保存 225
34.4 内容呈现 228
34.5 内容修改 231
34.6 内容删除 236
34.7 本章小结 238
第35章 广告管理实战 239
35.1 广告管理概述 239
35.2 广告位管理 240
35.2.1 广告位添加 240
35.2.2 广告位列表查看 245
35.2.3 广告位修改 246
35.2.4 广告位删除 248
35.3 广告内容管理 249
35.3.1 广告内容表单添加 249
35.3.2 广告内容图片呈现 255
35.3.3 广告内容列表查看 258
35.3.4 广告内容修改 260
35.3.5 广告内容删除 262
35.4 本章小结 263
第36章 CMS前台页面呈现实战 264
36.1 CMS前台页面概述 265
36.2 注册服务和门面 265
36.3 前台首页和导航 267
36.3.1 前台首页 267
36.3.2 导航 270
36.4 文章页面 273
36.4.1 新闻列表页 273
36.4.2 新闻详情页 280
36.5 产品页面 284
36.5.1 产品列表页 284
36.5.2 产品详情页 287
36.6 其他页面 290
36.6.1 “关于我们”和“联系
我们” 291
36.6.2 首页广告 294
36.6.3 首页内容 296
36.7 本章小结 300
第37章 数据库备份与恢复实战 301
37.1 数据库备份与恢复概述 301
37.2 数据库备份 301
37.3 数据库恢复 304
37.4 本章小结 306
第38章 静态资源管理实战 307
38.1 静态资源管理概述 307
38.2 静态资源列表展示 308
38.3 静态资源上传 311
38.4 静态资源删除 312
38.5 本章小结 314