正版新书]JQUERY MOBILE移动应用开发实战(第3版)李柯泉97873025

第一篇 移动开发入门
第1章 初探移动开发 3
1.1 如今的移动行业 3
1.1.1 手机和平板的世界 3
1.1.2 移动互联网的神话 5
1.2 跨平台移动开发框架 7
1.2.1 什么是跨平台移动开发框架 7
1.2.2 为什么选择跨平台移动开发框架 8
1.2.3 常见的跨平台移动开发框架 8
1.3 真正认识HTML 5 13
1.3.1 初识HTML 5 14
1.3.2 只要在网站上加一句就是HTML 5网站了吗 14
1.3.3 HTML 5变迁 15
1.3.4 HTML 5浪潮 15
1.4 认识jQuery Mobile 17
1.4.1 为什么选择jQuery Mobile 17
1.4.2 渐进式增强的主题界面 18
1.4.3 简单但是有条理的标记化语言规范 19
1.4.4 响应式布局 20
1.4.5 jQuery Mobile的缺点 21
1.4.6 jQuery Mobile案例 22
1.5 小结 25
第2章 启程跨平台开发之旅 26
2.1 为什么选择跨平台 26
2.2 创建一个应用 26
2.2.1 创建跨平台应用 27
2.2.2 同步本地应用到云端资源库 28
2.2.3 真机同步调试 29
2.2.4 云端编译打包 30
2.3 小结 31
第3章 使用jQuery Mobile快速开发App 32
3.1 开发环境的选择 32
3.1.1 Sublime Text编辑器 32
3.1.2 Notepad++编辑器 33
3.1.3 WebStorm编辑器 35
3.1.4 在设备上测试应用 36
3.1.5 打包应用的方法 39
3.2 原理解析 40
3.2.1 选择元素 41
3.2.2 设置属性 42
3.3 链接和按钮 42
3.4 工具栏 43
3.5 列表 43
3.6 表单控件 44
3.7 小结 44
第二篇 jQuery Mobile基础
第4章 页面与对话框 47
4.1 依然从hello world开始 47
4.2 利用jQuery脚本DIY闪光灯效果 49
4.3 不断切换的场景 52
4.4 整人游戏：我不是弱智！ 55
4.5 警告！你的手机遭到入侵 58
4.6 实现渐变的背景 60
4.7 另一种对话框 61
4.8 对话框的高级属性 62
4.9 基于jQuery Mobile的简单相册 66
4.10 总结 68
第5章 工具栏的使用 69
5.1 稍微复杂的页面 69
5.1.1 尝试使用工具栏 69
5.1.2 让工具栏固定 72
5.1.3 一次无聊的实验 74
5.2 方便的快捷键 75
5.3 失效的按钮 77
5.4 导航栏的应用 78
5.5 导航栏的全屏属性 81
5.6 内容栏的使用 83
5.7 会弹出的面板 85
5.8 小结 88
第6章 按钮的使用 89
6.1 简单按钮的使用 89
6.2 为按钮加入图标 90
6.3 更加个性化的显示图标 93
6.4 自定义按钮的图标 96
6.5 播放器的面板设计 99
6.6 头部栏中的按钮图标 101
6.7 一个按钮也可以玩得很开心 104
6.8 简单的QWER键盘 106
6.9 方形的按钮 108
6.10 对话框中的按钮 110
6.11 小结 112
第7章 表单元素的使用 113
7.1 简单的QQ登录界面 113
7.2 手机调查问卷 117
7.3 精准的进度控制 119
7.4 多彩的调色板 121
7.5 熄灯，请闭眼 123
7.6 做一道选择题 125
7.7 多项选择题 127
7.8 请问先生需要什么服务 128
7.9 对话框中的表单 131
7.10 小结 133
第8章 列表控件的使用 134
8.1 简单的新闻列表 134
8.2 音乐专辑列表的显示 137
8.3 更完善的音乐专辑列表 139
8.4 显示销量的商品列表 142
8.5 图书销售排名 144
8.6 简单的电话通讯录 145
8.7 让查找更加便捷 147
8.8 比较高级的新闻列表 149
8.9 小结 152
第9章 jQuery Mobile的布局 153
9.1 改良后的QQ登录界面 153
9.2 一种简洁的通讯录设计 156
9.3 完美实现九宫格 159
9.4 可以折叠的QQ好友列表 162
9.5 展开图标的设置 166
9.6 两种不同的Metro效果实现思路 168
9.6.1 完全利用分栏布局的方法 168
9.6.2 利用纯CSS调整色块尺寸的方法 170
9.7 简洁的课程表 172
9.8 小结 174
第10章 jQuery Mobile的高级特性 175
10.1 jQuery Mobile的多页面模板 175
10.2 jQuery Mobile中的事件 180
10.3 jQuery Mobile中的触发事件 182
10.4 触发事件的简单应用 182
10.5 jQuery Mobile的属性 186
10.6 小结 188
第11章 在jQuery Mobile中使用插件 189
11.1 jQuery Mobile插件概述 189
11.2 相册类插件 190
11.2.1 PhotoSwipe的使用 190
11.2.2 Camera的使用 195
11.3 菜单类插件 197
11.4 选择器插件及其他插件 198
11.5 如何获取jQuery Mobile插件 199
11.6 小结 200
第12章 jQuery Mobile界面综合实战 201
12.1 清爽的电子书阅读器 201
12.2 简单的计算器 204
12.3 移动BBS模板 207
12.4 基于jQuery Mobile的简单记事本 210
12.5 基于jQuery Mobile的全键盘界面 212
12.6 小结 215
第三篇 跨平台App实战
第13章 大学移动校园实战项目 219
13.1 项目背景 219
13.2 界面设计 220
13.3 框架设计 221
13.4 主界面的制作 222
13.5 二级栏目的制作 228
13.6 内容页的制作 231
13.7 校园风光模块 233
13.8 小结 233
第14章 个人博客项目实战 234
14.1 项目规划 234
14.2 主界面设计 235
14.3 文章列表的设计 238
14.4 文章内容页的实现 242
14.5 文章类的设计 245
14.6 测试环境的搭建 247
14.7 数据库的设计 250
14.8 内容页功能的实现 257
14.9 文章列表的实现 261
14.10 首页的实现 266
14.11 小结 268
第15章 在线音乐播放器 269
15.1 项目介绍 269
15.2 界面布局设计 272
15.2.1 首页界面设计 272
15.2.2 推荐专题页面的设计 273
15.2.3 歌手列表界面设计 274
15.2.4 专辑列表界面设计 274
15.3 控制面板功能的实现 275
15.3.1 audio控件简介 275
15.3.2 需求分析 279
15.3.3 功能实现 281
15.4 界面的实现 285
15.4.1 首页界面的实现 286
15.4.2 推荐专题界面的实现 287
15.4.3 歌手列表界面的实现 289
15.4.4 专辑列表界面的实现 291
15.5 数据库的设计 292
15.6 后台的实现 297
15.6.1 数据库连接类的实现 297
15.6.2 主页功能的实现 298
15.6.3 推荐专题页面功能实现 301
15.6.4 歌手列表功能的实现 307
15.6.5 专辑列表功能的实现 309
15.7 小结 311
第16章 在线视频播放器 312
16.1 项目需求 312
16.2 界面设计 313
16.3 界面的实现 314
16.3.1 主题文件的获取 314
16.3.2 主页界面的实现 316
16.3.3 二级页面的实现 318
16.3.4 视频播放界面的实现 320
16.4 数据库设计 322
16.5 功能的实现 324
16.5.1 首页功能的实现 325
16.5.2 专辑列表功能的实现 328
16.5.3 播放页面的实现 331
16.6 小结 334
第17章 大学校园表白墙 335
17.1 项目介绍 335
17.2 页面设计 336
17.2.1 主页兼登录页面的设计 336
17.2.2 注册页面的设计 337
17.2.3 信息发布页面的设计 337
17.3 界面的实现 338
17.3.1 首页界面的实现 338
17.3.2 登录界面的实现 340
17.3.3 注册界面的实现 344
17.3.4 表白模块的实现 345
17.4 数据库的设计 347
17.5 功能的实现 349
17.5.1 注册功能的实现 350
17.5.2 主页功能的实现 354
17.5.3 发表留言功能的实现 359
17.5.4 首页的完善 361
17.6 小结 366
第18章 天天背单词项目实战 367
18.1 项目说明 367
18.2 第一版的实现 368
18.2.1 第一版界面的实现 368
18.2.2 数据库的建立 370
18.2.3 功能的实现 371
18.2.4 阶段性总结 373
18.3 改进和完善 373
18.3.1 方案描述 373
18.3.2 列表页面的实现 374
18.3.3 列表页面功能的实现 375
18.3.4 背单词页面的改进 377
18.4 小结 380
第四篇 发布和推广应用
第19章 应用的发布和推广 383
19.1 如何生成跨平台的应用 383
19.2 怎样发布应用 385
19.3 怎样推广应用 386
19.4 小结 387

李柯泉，计算机科学与技术专业硕士。目前从事全平台应用项目的开发，包括Web、iOS、Android各种平台的应用开发。精通Web前端技术。

jQuery Mobile是一个免费的、开源的、跨平台的移动开发框架，是基于HTML 5的快速开发工具，它能够极大地解放开发者的时间和精力。遗憾的是，由于国内交流氛围所限，目前关于jQuery Mobile的资料非常少，而且不够详细。作者结合自己多年的开发经验，在本书中全面介绍了jQuery Mobile的控件、jQuery Mobile的布局，以及jQuery Mobile开发和发布应用的方法。本书的目的是力求通过实战让读者在练习中熟练掌握利用jQuery Mobile快速开发的方法，并能够真实地将技术转化为经济利益。可以这么说，jQuery Mobile的前途和钱途都是不可限量的。
本书修订说明
jQuery Mobile已经风靡很多年，本书不仅仅是使用jQuery Mobile跨平台前端的开发，还包括使用PHP连接到后台服务器获取数据，而这几年PHP变化比较大，所以本书重点更新了PHP后台连接数据库的最新方式。
近几年，移动互联网发生了翻天覆地的变化，智能手机的分辨率变化也很大，本书在这两个方面也进行了与时俱进的更新。
本书特色
实战，实战，还是实战
本书采用实例驱动的方式介绍jQuery Mobile下的App开发，全书通过70余个实战案例手把手指导读者进行移动开发，最后还通过6个小型项目来复习和巩固所学的知识点。
不是iOS平台、Android平台下的开发，是全平台开发。
本书开发的项目是全平台应用，读者可移植到任意的移动平台，这是jQuery Mobile风靡的原因，也是本书的宗旨，即实现真正的跨平台应用。
技术来源于生活，案例也来源于生活
本书的案例包含了笔者做过的很多应用，包括天天背单词App、移动校园App、在线音乐播放器、在线视频播放器、通讯录、课程表、Metro界面、新闻列表、手机调查问卷、计算器、移动BBS、电子阅读器等，这些案例全部来源于真实的生活。
低门槛、浅阅读，轻轻松松就能学会
为使本书更加详尽易懂，每写完一章，笔者特意邀请3位零基础在校生阅读并提出意见，快速分析出被遗漏的知识点和讲解不清楚的技术点，使本书更方便初学者入门。笔者的初衷是：不但能让读者了解做什么（What）与怎么做（How），更能让读者清楚为什么要这么做（Why）。本书还提供了很多跨平台移动App的工具和使用技巧，帮助读者找到最佳的学习路径和项目解决方案。
知识结构
本书共四篇19章，章节规划如下。
篇（~3章）移动开发入门
跨平台的框架有很多，为什么选择jQuery Mobile？选择它后，如何为它搭建开发环境？搭建完环境后，又如何开发个Hello World应用？如何测试和打包应用？这些都是本篇要介绍的内容，除此之外，笔者还解答了初学者对于HTML 5的一些常见误区。
第二篇（第4~12章）jQuery Mobile基础
凡是玩过智能手机的人都知道，一个App大概包含页面、对话框、工具栏、按钮、表单、列表等可视元素，本篇就是介绍如何用jQuery Mobile制作这些元素，并在手机上显示出来，还介绍了jQuery Mobile的一些不错特性，如布局、插件、事件等。本篇最后通过计算器、移动BBS、记事本、全键盘界面这几个小案例来复习jQuery Mobile的重要知识点。
第三篇（3~18章）跨平台App实战
本篇介绍了6个利用jQuery Mobile实现的项目，分别为大学移动校园、个人博客项目、在线音乐播放器、在线视频播放器、大学校园表白墙、天天背单词。本书不仅给出了这些项目的源代码，还给出了数据库和App UI的一些设计技巧。
第四篇（9章）发布和推广应用
本篇内容不多，却是App能被广大受众认可的关键内容。本篇讲述了如何将jQuery Mobile开发的应用通过APICloud打包，然后生成各个平台可执行文件，还介绍了发布和推广应用的方法，使读者能真正将开发的应用转化为经济效益。
示例源代码与打包工具
示例源代码与打包工具本书示例源代码下载地址请扫描二维码获得。
如果下载有问题，或者阅读中发现疑问和错误，请联系
booksaga@163.com，邮件主题是“jQuery Mobile第3版”。
面向读者
? HTML 5初学者与HTML 5开发人员
? 跨平台移动应用开发人员
? 前端开发人员和前端设计人员
? jQuery Mobile初学者和开发人员
? 高等院校及培训学校的师生
致谢
本书由李柯泉编著。感谢清华大学出版社图格事业部编辑们的辛勤工作，使得本书尽早与读者见面。


编者
2019年5月

通过本书的学习，读者能够快速掌握使用jQuery Mobile进行移动开发的方法和过程。本书整个体系包括基础知识、界面展示、项目实战、跨平台开发等移动开发人员必须掌握的技能，尤其是本书的界面展示与项目实战部分，不但能让读者了解做什么与怎么做，更能让读者清楚为什么要这么做。同时，本书还讲解了很多跨平台移动开发的工具和技巧。