本书是围绕《Web前端开发》职业技能等级标准(中级)和院校Web前端开发专业方向PHP、MySQL等主干课程编写的配套实践教程，书中的代码均已在开发环境和浏览器上运行通过。本书综合院校相关专业课程知识体系、Web前端开发岗位技能要求、《Web前端开发》职业技能等级标准(中级)中职业技能三者之间的知识和能力，并将其提炼成本书的实践能力目标。以实践能力为导向，以企业真实应用为目标，遵循企业标准开发过程和技术，以任务驱动，对Bootstrap、MySQL、PHP、Laravel、AJAX、JSON等重要Web前端开发中的知识单元，结合实际案例和应用环境进行分析和设计，并对每个重要知识单元进行了详细的实现，使读者能够真正掌握这些知识在实际场景中的应用。本书分为两大部分：第一部分为技术专题（实验），主要进行知识单元训练，可以对应课程练习或实验进行实践，针对不同的知识单元设计了有针对性的专题项目，重点训练每个知识单元的内容，也为案例开发进行知识补强，储备技术；第二部分为案例，可以对应课程设计或综合实践，本次选用“在线音乐平台”，采用业务和知识迭代开发思路，完整训练Web核心知识单元在企业真实项目中的应用。

王晓玲（1974.12—），女，河北滦县，硕士研究生。现为上海电子信息职业技术学院讲师。自2003月至今，一直在软件技术专业兢兢业业的教学。指导学生参加各种比赛，并多次获奖。其中，全国职业技能大赛中两次一等奖，一次三等奖。课程建设方面：市级精品课程《面向对象编程（Java）》，校级精品课程两门《Android软件开发》、《网页制作》。开发了学校的评教系统网站。

第1章 概述 （1）
1.1 实践目标 （1）
1.2 技术专题设计 （1）
1.3 案例设计 （4）
第2章 开发环境：HBuilder+XAMPP （8）
2.1 技能和知识点 （8）
2.2 需求简介 （8）
2.3 设计思路 （9）
2.4 实现 （10）
2.4.1 下载安装Chrome （10）
2.4.2 下载安装HBuilder （12）
2.4.3 下载安装XAMPP （16）
2.4.4 配置MySQL （19）
2.4.5 创建Web项目并运行 （21）
2.4.6 Apache配置虚拟域名 （24）
第3章 Bootstrap：响应式网站首页 （27）
3.1 技能和知识点 （27）
3.2 需求简介 （27）
3.3 设计思路 （28）
3.4 实现 （30）
3.4.1 引入Bootstrap文件 （30）
3.4.2 搭建页面结构 （31）
3.4.3 创建导航栏 （31）
3.4.4 创建正文 （32）
第4章 PHP编程基础：折扣计算 （36）
4.1 技能和知识点 （36）
4.2 需求简介 （36）
4.3 设计思路 （37）
4.4 实现 （37）
4.4.1 新建PHP脚本文件 （37）
4.4.2 命令行输入和输出 （39）
4.4.3 折扣判断 （39）
4.4.4 输出购买商品数量及折扣信息 （39）
4.4.5 命令行运行PHP脚本文件 （40）
第5章 PHP程序结构：日期计算 （43）
5.1 技能和知识点 （43）
5.2 需求简介 （43）
5.3 设计思路 （44）
5.4 实现 （44）
5.4.1 命令行输入和输出 （44）
5.4.2 验证日期 （45）
5.4.3 计算天数 （46）
5.4.4 输出结果 （47）
第6章 PHP数组：学生成绩排序 （48）
6.1 技能和知识点 （48）
6.2 需求简介 （48）
6.3 设计思路 （49）
6.4 实现 （49）
6.4.1 定义学生信息二维数组 （49）
6.4.2 执行冒泡排序 （50）
6.4.3 打印学生信息数组 （50）
第7章 PHP函数：简单计算器 （52）
7.1 技能和知识点 （52）
7.2 需求简介 （53）
7.3 设计思路 （53）
7.4 实现 （53）
7.4.1 定义计算器函数 （53）
7.4.2 命令行输入和输出 （54）
7.4.3 调用计算器函数并打印返回结果 （55）
第8章 PHP类和对象：工资计算 （56）
8.1 技能和知识点 （56）
8.2 需求简介 （56）
8.3 设计思路 （57）
8.4 实现 （58）
8.4.1 创建Web工程 （58）
8.4.2 编写首页index.php （58）
8.4.3 编写工资类Salary （59）
8.4.4 编写功能处理文件compute.php （60）
第9章 继承：面积计算 （62）
9.1 技能和知识点 （62）
9.2 需求简介 （62）
9.3 设计思路 （63）
9.4 实现 （65）
9.4.1 创建Web工程 （65）
9.4.2 编写首页index.php （65）
9.4.3 编写图形抽象类Shape （67）
9.4.4 编写矩形类Rectangle （67）
9.4.5 编写圆形类Circle （69）
9.4.6 编写功能处理文件compute.php （70）
第10章 PHP接口：商品信息管理 （73）
10.1 技能和知识点 （73）
10.2 需求简介 （73）
10.3 设计思路 （74）
10.4 实现 （75）
10.4.1 创建Web工程 （75）
10.4.2 编写静态页面index.php （75）
10.4.3 编写接口Goods （76）
10.4.4 编写生鲜类FreshGoods （76）
10.4.5 修改index.php，动态获取数据 （77）
第11章 PHP Web编程：用户登录 （79）
11.1 技能和知识点 （79）
11.2 需求简介 （79）
11.3 设计思路 （80）
11.4 实现 （81）
11.4.1 创建Web工程 （81）
11.4.2 编写登录页login.php （81）
11.4.3 编写登录处理文件login_server.php （82）
11.4.4 编写个人信息页面center.php （84）
11.4.5 优化登录页login.php （85）
第12章 MySQL操作：学生信息系统管理 （86）
12.1 技能和知识点 （86）
12.2 需求简介 （86）
12.3 设计思路 （87）
12.4 实现 （87）
12.4.1 登录数据库 （87）
12.4.2 创建学生信息系统数据库及信息表 （88）
12.4.3 编写初始化脚本并导入 （89）
12.4.4 导出备份数据库 （90）
第13章 PHP数据库编程：新增学生信息 （91）
13.1 技能和知识点 （91）
13.2 需求简介 （91）
13.3 设计思路 （92）
13.4 实现 （92）
13.4.1 创建Web工程 （92）
13.4.2 编写表单页面 （93）
13.4.3 获取表单提交 （93）
13.4.4 连接数据库 （94）
13.4.5 执行SQL语句 （94）
第14章 PHP数据库编程：学生信息列表 （96）
14.1 技能和知识点 （96）
14.2 需求简介 （96）
14.3 设计思路 （97）
14.4 实现 （97）
14.4.1 连接数据库 （97）
14.4.2 预编译SQL语句 （98）
14.4.3 遍历结果集 （99）
14.4.4 输出学生信息列表 （99）
第15章 Laravel框架：创建Laravel工程 （101）
15.1 技能和知识点 （101）
15.2 需求简介 （101）
15.3 设计思路 （102）
15.4 实现 （104）
15.4.1 安装Composer （104）
15.4.2 配置国内镜像 （107）
15.4.3 创建Laravel工程 （108）
15.4.4 配置虚拟主机 （109）
15.4.5 编写index.blade.php文件 （110）
15.4.6 编写路由 （110）
第16章 Laravel框架：在线答题系统 （112）
16.1 技能和知识点 （112）
16.2 需求简介 （113）
16.3 设计思路 （114）
16.4 实现 （115）
16.4.1 创建Laravel工程 （115）
16.4.2 编写quiz.blade.php文件 （116）
16.4.3 编写result.blade.php文件 （118）
16.4.4 配置路由 （119）
16.4.5 创建控制类QuizController （119）
16.4.6 编写QuizController处理方法 （120）
第17章 Web前后端交互：书籍目录页面 （128）
17.1 技能和知识点 （128）
17.2 需求简介 （128）
17.3 设计思路 （129）
17.4 实现 （130）
17.4.1 创建Web工程 （130）
17.4.2 HTML文件中标签定义 （130）
17.4.3 JS文件中原生AJAX定义 （131）
17.4.4 PHP文件中数据处理及响应返回 （132）
17.4.5 JS文件中原生AJAX处理PHP后端响应数据 （133）
第18章 案例：在线音乐平台 （136）
18.1 需求和设计 （136）
18.1.1 项目背景 （136）
18.1.2 项目目标 （136）
18.1.3 项目功能 （137）
18.1.4 开发环境 （139）
18.1.5 程序结构设计 （139）
18.1.6 项目迭代设计 （141）
18.2 数据库设计与管理 （142）
18.2.1 E-R图 （142）
18.2.2 表设计 （143）
18.2.3 编写SQL脚本 （146）
18.2.4 创建数据库 （149）
18.2.5 初始化数据库 （149）
18.3 第一阶段搭建静态页面 （150）
18.3.1 功能简介 （150）
18.3.2 设计思路 （151）
18.3.3 实现 （153）
18.4 第二阶段PHP Web基础：管理员登录 （162）
18.4.1 功能简介 （162）
18.4.2 设计思路 （162）
18.4.3 实现 （163）
18.5 第二阶段PHP Web基础：查询音乐列表 （169）
18.5.1 功能简介 （169）
18.5.2 设计思路 （169）
18.5.3 实现 （169）
18.6 第三阶段PHP+MySQL数据库：后台登录优化 （172）
18.6.1 功能简介 （172）
18.6.2 设计思路 （173）
18.6.3 实现 （173）
18.7 第三阶段PHP+MySQL数据库：查询音乐列表优化 （176）
18.7.1 功能简介 （176）
18.7.2 设计思路 （176）
18.7.3 实现 （176）
18.8 第四阶段PHP三层结构：程序结构优化 （179）
18.8.1 功能简介 （179）
18.8.2 设计思路 （179）
18.8.3 实现 （181）
18.9 第四阶段PHP三层结构：添加音乐 （194）
18.9.1 功能简介 （194）
18.9.2 设计思路 （195）
18.9.3 实现 （196）
18.10 第四阶段PHP三层结构：音乐列表 （206）
18.10.1 功能简介 （206）
18.10.2 设计思路 （208）
18.10.3 实现 （208）
18.11 第四阶段PHP三层结构：编辑音乐 （218）
18.11.1 功能简介 （218）
18.11.2 设计思路 （220）
18.11.3 实现 （220）
18.12 第四阶段PHP三层结构：删除音乐 （231）
18.12.1 功能简介 （231）
18.12.2 设计思路 （234）
18.12.3 实现 （234）
18.13 第四阶段PHP三层结构：注册 （241）
18.13.1 功能简介 （241）
18.13.2 设计思路 （242）
18.13.3 实现 （242）
18.14 第四阶段PHP三层结构：登录 （249）
18.14.1 功能简介 （249）
18.14.2 设计思路 （250）
18.14.3 实现 （251）
18.15 第四阶段PHP三层结构：首页 （258）
18.15.1 功能简介 （258）
18.15.2 设计思路 （258）
18.15.3 实现 （259）
18.16 第四阶段PHP三层结构：音乐试听 （263）
18.16.1 功能简介 （263）
18.16.2 设计思路 （264）
18.16.3 实现 （264）
18.17 第四阶段PHP三层结构：音乐评论 （271）
18.17.1 功能简介 （271）
18.17.2 设计思路 （272）
18.17.3 实现 （273）
18.18 第四阶段PHP三层结构：排行榜 （285）
18.18.1 功能简介 （285）
18.18.2 设计思路 （286）
18.18.3 实现 （287）
18.19 第五阶段Laravel框架：用户注册 （298）
18.19.1 功能简介 （298）
18.19.2 设计思路 （300）
18.19.3 实现 （301）
18.20 第五阶段Laravel框架：用户登录 （312）
18.20.1 功能简介 （312）
18.20.2 设计思路 （313）
18.20.3 实现 （314）