第三篇Web前后端数据交互技术
9章Web数据交互技术概述2
19.1Web的概念2
19.2Web数据交互技术3
19.2.1AJAX3
19.2.2iframe4
19.2.3WebSocket4
19.3本章小结4
第20章HTTP概述5
20.1HTTP简介5
20.1.1HTTP的概念5
20.1.2HTTP的消息结构6
20.1.3HTTP的主要特点7
20.2HTTP的通信过程7
20.3HTTP状态码汇总11
20.3.1状态码20011
20.3.2状态码30111
20.3.3状态码30212
20.3.4状态码30413
20.3.5状态码40313
20.3.6状态码40415
20.3.7状态码50015
20.4本章小结16
第21章AJAX与iframe17
21.1AJAX异步通信17
21.1.1AJAX简介17
21.1.2AJAX的工作原理18
21.2iframe异步通信18
21.2.1iframe简介18
21.2.2使用JavaScript操作iframe19
21.2.3使用jQuery操作iframe20
21.3应用实例22
21.3.1AJAX应用实例22
21.3.2iframe应用实例24
21.4本章小结26
第22章页面性能优化技术28
22.1Cookie的创建、使用和销毁28
22.1.1创建Cookie28
22.1.2使用Cookie30
22.1.3销毁Cookie30
22.2页面性能优化32
22.2.1减少HTTP请求次数32
22.2.2静态资源与动态资源分离32
22.3本章小结32
第23章Socket通信34
23.1Socket通信简介34
23.1.1Socket通信的概念34
23.1.2Socket通信的机制35
23.1.3Socket通信的过程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.1Bootstrap简介46
24.2Bootstrap的特性47
24.2.1Bootstrap的构成47
24.2.2Bootstrap的功能47
24.3Bootstrap的应用浏览47
24.4Bootstrap的开发工具48
24.5Bootstrap的安装和配置49
24.5.1Bootstrap的下载和配置49
24.5.2Bootstrap的文件结构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.2Bootstrap的栅格布局56
25.2.1栅格布局简介56
25.2.2Bootstrap的终端设备类型56
25.2.3Bootstrap的栅格基本布局57
25.2.4Bootstrap的栅格水平布局和垂直布局61
25.2.5Bootstrap的栅格排序和偏移65
25.3本章小结67
第26章Bootstrap的样式68
26.1Bootstrap的作用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.5Well容器129
27.12字体图标130
27.13本章小结131
第28章Sass概述132
28.1Sass的概念132
28.2Sass的安装133
28.3Sass的配置135
28.4Sass的基础语法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.1Bootstrap项目的搭建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.1CMS概述178
30.2CMS的内容179
30.3搭建Laravel框架179
30.4本章小结179
第31章CMS基础页面180
31.1CMS基础页面概述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.1CMS前台页面概述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

本教材的编写工作，完全依据《WEB前端开发职业技术培训标准》中的职业素养和岗位技术技能为两个重点培养目标，以工作项目为模块，以工作任务为单元进行组编，使读者更系统的对WEB前端开发的技术体系有清晰的认识。本书按Web页面制作基础、HTML5开发基础与应用、JavaScript程