- 电子工业出版社
- 9787121328213
- 1-1
- 295017
- 16开
- 2017年12月
- 320
- 计算机网络与信息安全
- 高职高专
内容简介
近年以来，随着移动互联网的迅速发展，智能手机和平板电脑等移动设备的应用日益普及，网页设计和网站开发正在向移动端迁移，在传统的网页设计课程中适时地引入移动网页设计已是势在必行。jQuery Mobile是一套移动应用界面开发框架，它通过网页形式来呈现类似于移动应用的用户界面，旨在创建使智能手机、平板电脑和台式机设备都能访问的响应式移动网站和应用程序。为了满足社会和企业对人才的需求，在网页设计课程中适时引入jQuery Mobile移动网页设计已是势在必行。本书通过大量实例系统地讲述了jQuery Mobile移动网页设计的方法和技巧。本书共分10章，主要内容包括：移动网站开发基础，页面与对话框，按钮与弹出窗口，工具栏与导航栏，网格、表格和列表视图，面板、可折叠块和筛选器，jQuery Mobile表单，jQuery Mobile事件，综合设计实例。
目录
第1 章 移动网站开发基础 .................... 001
1.1 创建HTML5 网页 ................................ 001
1.1.1 用HTML 语言创建内容 .............. 001
1.1.2 用CSS 设置样式 .......................... 005
1.1.3 用JavaScript 实现功能 ................. 007
1.2 使用jQuery 简化编程 .......................... 009
1.2.1 在网页中引用jQuery ................... 010
1.2.2 jQuery 构造函数 ........................... 011
1.2.3 jQuery 选择器 ............................... 013
1.2.4 DOM 操作 ..................................... 021
1.2.5 动画效果 ....................................... 025
1.2.6 事件处理 ....................................... 027
1.2.7 Ajax 应用 ...................................... 031
1.3 使用jQuery Mobile 支持移动设备 ............ 033
1.3.1 jQuery Mobile 功能特点 ............... 033
1.3.2 jQuery Mobile 的平台兼容性 ....... 034
1.3.3 获取jQuery Mobile 框架 .............. 035
1.3.4 配置jQuery Mobile 开发环境 ...... 037
1.3.5 实现jQuery Mobile 移动开发 ...... 037
习题1 ............................................................ 039
上机操作1 ..................................................... 041
第2 章 页面与对话框 .............................. 042
2.1 移动网页结构 ....................................... 042
2.1.1 单页面结构 ................................... 042
2.1.2 多页面结构 ................................... 044
2.2 页面链接 ............................................... 047
2.2.1 Ajax 导航 ...................................... 047
2.2.2 创建后退链接 ............................... 050
2.2.3 设置页面切换动画 ....................... 052
2.3 页面预加载和缓存 ............................... 054
2.3.1 页面预加载 ................................... 054
2.3.2 页面缓存 ....................................... 056
2.4 对话框页面 ........................................... 058
2.4.1 打开对话框 ................................... 058
2.4.2 关闭对话框 ................................... 061
2.4.3 设置对话框切换动画 .................... 063
2.5 页面之间传递参数 ............................... 065
2.5.1 基于HTTP GET 方式传递参数 ... 065
2.5.2 基于Web 存储传递参数 .............. 068
2.6 页面加载信息 ....................................... 070
2.6.1 设置页面加载信息 ........................ 070
2.6.2 设置加载错误信息 ........................ 072
习题2 ............................................................. 074
上机操作2 ..................................................... 075
第3 章 按钮与弹出窗口 ......................... 077
3.1 按钮 ....................................................... 077
3.1.1 创建按钮 ....................................... 077
3.1.2 内联按钮 ....................................... 078
3.1.3 微型按钮 ....................................... 081
3.1.4 禁用按钮 ....................................... 082
3.1.5 组合按钮 ....................................... 084
3.1.6 设置按钮样式 ............................... 087
3.1.7 设置按钮图标 ............................... 088
3.2 弹出窗口 ............................................... 094
3.2.1 创建和显示弹出窗口 .................... 094
3.2.2 关闭弹出窗口 ............................... 095
3.2.3 定位弹出窗口 ............................... 096
3.2.4 设置弹出窗口切换动画 ................ 098
3.2.5 创建带箭头的弹出窗口 ................ 101
VI
3.2.6 设置弹出窗口主题 ....................... 103
3.2.7 跨页使用弹出窗口 ....................... 105
习题3 ............................................................ 107
上机操作3 ..................................................... 108
第4 章 工具栏与导航栏 ......................... 109
4.1 工具栏 ................................................... 109
4.1.1 页眉工具栏 ................................... 109
4.1.2 页脚工具栏 ................................... 112
4.1.3 动态工具栏 ................................... 114
4.1.4 固定工具栏 ................................... 115
4.1.5 全屏工具栏 ................................... 116
4.1.6 外部工具栏 ................................... 118
4.2 导航栏 ................................................... 121
4.2.1 创建导航栏 ................................... 121
4.2.2 设置导航栏主题 ........................... 124
4.2.3 设置导航栏图标 ........................... 126
4.2.4 创建外部导航栏 ........................... 129
习题4 ............................................................ 132
上机操作4 ..................................................... 133
第5 章 网格、表格和列表视图 ........... 134
5.1 网格布局 ............................................... 134
5.1.1 创建基本网格 ............................... 134
5.1.2 创建响应式网格 ........................... 138
5.2 响应式表格 ........................................... 141
5.2.1 创建回流表格 ............................... 141
5.2.2 创建列切换表格 ........................... 144
5.3 列表视图 ............................................... 148
5.3.1 创建只读列表 ............................... 148
5.3.2 创建链接列表 ............................... 150
5.3.3 创建插页列表 ............................... 152
5.3.4 筛选列表内容 ............................... 154
5.3.5 创建分组列表 ............................... 156
5.3.6 设置列表图标 ............................... 158
5.3.7 设置列表文本格式 ....................... 160
5.3.8 设置列表拆分按钮 ....................... 163
5.3.9 设置列表主题 ............................... 165
5.3.10 动态创建列表视图 ..................... 167
习题5 ............................................................ 170
上机操作5 ..................................................... 171
第6 章 面板、可折叠块和筛选器 ....... 172
6.1 面板 ....................................................... 172
6.1.1 创建内部面板 ............................... 172
6.1.2 创建外部面板 ............................... 174
6.1.3 设置面板显示方式 ........................ 177
6.1.4 设置面板关闭方式 ........................ 179
6.2 可折叠块 ............................................... 181
6.2.1 创建可折叠块 ............................... 181
6.2.2 设置可折叠块外观 ........................ 182
6.2.3 设置可折叠块图标 ........................ 183
6.2.4 创建可折叠表单 ........................... 185
6.2.5 创建可折叠块系列 ........................ 186
6.2.6 创建可折叠集合 ........................... 188
6.3 筛选器 ................................................... 191
6.3.1 创建搜索字段 ............................... 191
6.3.2 筛选可折叠集合 ........................... 193
6.3.3 筛选表格 ....................................... 196
6.3.4 筛选控件组 ................................... 197
6.3.5 筛选div 元素 ................................ 200
习题6 ............................................................. 201
上机操作6 ..................................................... 202
第7 章 jQuery Mobile 表单 ................... 204
7.1 表单基础 ............................................... 204
7.1.1 创建表单 ....................................... 204
7.1.2 提交表单 ....................................... 205
7.2 文本输入框与文本区域 ....................... 207
7.2.1 创建文本输入框 ........................... 207
7.2.2 设置文本输入类型 ........................ 209
7.2.3 创建文本区域 ............................... 212
7.3 单选按钮与复选框 ............................... 214
7.3.1 创建单选按钮组 ........................... 214
7.3.2 创建复选框 ................................... 217
7.4 选择菜单 ............................................... 221
7.4.1 创建本机选择菜单 ........................ 221
7.4.2 创建选择菜单控件组 .................... 225
7.4.3 创建自定义菜单 ........................... 228
7.4.4 创建多项选择菜单 ........................ 231
7.5 滑块、范围滑块和翻转开关 ............... 234
7.5.1 创建滑块 ....................................... 234
VII
7.5.2 创建范围滑块 ............................... 237
7.5.3 创建翻转开关 ............................... 241
习题7 ............................................................ 245
上机操作7 ..................................................... 246
第8 章 jQuery Mobile 事件................... 248
8.1 页面事件 ............................................... 248
8.1.1 初始化事件 ................................... 248
8.1.2 页面加载事件 ............................... 251
8.1.3 页面切换事件 ............................... 255
8.1.4 页面改变事件 ............................... 260
8.2 触摸事件 ............................................... 263
8.2.1 敲击事件 ....................................... 263
8.2.2 滑动事件 ....................................... 265
8.3 用户操作事件 ....................................... 268
8.3.1 方向改变事件 ............................... 268
8.3.2 滚屏事件 ....................................... 269
8.4 虚拟鼠标事件 ....................................... 271
8.4.1 vclick 和vmousecancel 事件 ........ 271
8.4.2 vmousedown 和vmouseup 事件 ... 273
8.4.3 vmouseover 和vmouseout 事件.... 274
8.4.4 vmousemove 事件 ......................... 276
8.5 其他事件 ............................................... 278
8.5.1 updatelayout 事件 .......................... 278
8.5.2 hashchange 事件 ............................ 278
习题8 ............................................................. 278
上机操作8 ..................................................... 279
第9 章 综合设计实例 .............................. 281
9.1 系统功能设计 ....................................... 281
9.1.1 系统功能分析 ............................... 281
9.1.2 数据库设计与实现 ........................ 282
9.1.3 系统功能模块划分 ........................ 285
9.2 系统功能实现 ....................................... 286
9.2.1 创建移动App 项目 ....................... 286
9.2.2 系统初始化 ................................... 288
9.2.3 系统主页实现 ............................... 289
9.2.4 信息添加功能实现 ........................ 292
9.2.5 详情查看功能实现 ........................ 295
9.2.6 信息修改功能实现 ........................ 298
9.2.7 批量删除功能实现 ........................ 301
9.3 本地安装包制作 ................................... 305
9.3.1 App 参数配置 ................................ 305
9.3.2 发行原生安装包 ........................... 309
习题9 ............................................................. 311
上机操作9 ..................................................... 312
1.1 创建HTML5 网页 ................................ 001
1.1.1 用HTML 语言创建内容 .............. 001
1.1.2 用CSS 设置样式 .......................... 005
1.1.3 用JavaScript 实现功能 ................. 007
1.2 使用jQuery 简化编程 .......................... 009
1.2.1 在网页中引用jQuery ................... 010
1.2.2 jQuery 构造函数 ........................... 011
1.2.3 jQuery 选择器 ............................... 013
1.2.4 DOM 操作 ..................................... 021
1.2.5 动画效果 ....................................... 025
1.2.6 事件处理 ....................................... 027
1.2.7 Ajax 应用 ...................................... 031
1.3 使用jQuery Mobile 支持移动设备 ............ 033
1.3.1 jQuery Mobile 功能特点 ............... 033
1.3.2 jQuery Mobile 的平台兼容性 ....... 034
1.3.3 获取jQuery Mobile 框架 .............. 035
1.3.4 配置jQuery Mobile 开发环境 ...... 037
1.3.5 实现jQuery Mobile 移动开发 ...... 037
习题1 ............................................................ 039
上机操作1 ..................................................... 041
第2 章 页面与对话框 .............................. 042
2.1 移动网页结构 ....................................... 042
2.1.1 单页面结构 ................................... 042
2.1.2 多页面结构 ................................... 044
2.2 页面链接 ............................................... 047
2.2.1 Ajax 导航 ...................................... 047
2.2.2 创建后退链接 ............................... 050
2.2.3 设置页面切换动画 ....................... 052
2.3 页面预加载和缓存 ............................... 054
2.3.1 页面预加载 ................................... 054
2.3.2 页面缓存 ....................................... 056
2.4 对话框页面 ........................................... 058
2.4.1 打开对话框 ................................... 058
2.4.2 关闭对话框 ................................... 061
2.4.3 设置对话框切换动画 .................... 063
2.5 页面之间传递参数 ............................... 065
2.5.1 基于HTTP GET 方式传递参数 ... 065
2.5.2 基于Web 存储传递参数 .............. 068
2.6 页面加载信息 ....................................... 070
2.6.1 设置页面加载信息 ........................ 070
2.6.2 设置加载错误信息 ........................ 072
习题2 ............................................................. 074
上机操作2 ..................................................... 075
第3 章 按钮与弹出窗口 ......................... 077
3.1 按钮 ....................................................... 077
3.1.1 创建按钮 ....................................... 077
3.1.2 内联按钮 ....................................... 078
3.1.3 微型按钮 ....................................... 081
3.1.4 禁用按钮 ....................................... 082
3.1.5 组合按钮 ....................................... 084
3.1.6 设置按钮样式 ............................... 087
3.1.7 设置按钮图标 ............................... 088
3.2 弹出窗口 ............................................... 094
3.2.1 创建和显示弹出窗口 .................... 094
3.2.2 关闭弹出窗口 ............................... 095
3.2.3 定位弹出窗口 ............................... 096
3.2.4 设置弹出窗口切换动画 ................ 098
3.2.5 创建带箭头的弹出窗口 ................ 101
VI
3.2.6 设置弹出窗口主题 ....................... 103
3.2.7 跨页使用弹出窗口 ....................... 105
习题3 ............................................................ 107
上机操作3 ..................................................... 108
第4 章 工具栏与导航栏 ......................... 109
4.1 工具栏 ................................................... 109
4.1.1 页眉工具栏 ................................... 109
4.1.2 页脚工具栏 ................................... 112
4.1.3 动态工具栏 ................................... 114
4.1.4 固定工具栏 ................................... 115
4.1.5 全屏工具栏 ................................... 116
4.1.6 外部工具栏 ................................... 118
4.2 导航栏 ................................................... 121
4.2.1 创建导航栏 ................................... 121
4.2.2 设置导航栏主题 ........................... 124
4.2.3 设置导航栏图标 ........................... 126
4.2.4 创建外部导航栏 ........................... 129
习题4 ............................................................ 132
上机操作4 ..................................................... 133
第5 章 网格、表格和列表视图 ........... 134
5.1 网格布局 ............................................... 134
5.1.1 创建基本网格 ............................... 134
5.1.2 创建响应式网格 ........................... 138
5.2 响应式表格 ........................................... 141
5.2.1 创建回流表格 ............................... 141
5.2.2 创建列切换表格 ........................... 144
5.3 列表视图 ............................................... 148
5.3.1 创建只读列表 ............................... 148
5.3.2 创建链接列表 ............................... 150
5.3.3 创建插页列表 ............................... 152
5.3.4 筛选列表内容 ............................... 154
5.3.5 创建分组列表 ............................... 156
5.3.6 设置列表图标 ............................... 158
5.3.7 设置列表文本格式 ....................... 160
5.3.8 设置列表拆分按钮 ....................... 163
5.3.9 设置列表主题 ............................... 165
5.3.10 动态创建列表视图 ..................... 167
习题5 ............................................................ 170
上机操作5 ..................................................... 171
第6 章 面板、可折叠块和筛选器 ....... 172
6.1 面板 ....................................................... 172
6.1.1 创建内部面板 ............................... 172
6.1.2 创建外部面板 ............................... 174
6.1.3 设置面板显示方式 ........................ 177
6.1.4 设置面板关闭方式 ........................ 179
6.2 可折叠块 ............................................... 181
6.2.1 创建可折叠块 ............................... 181
6.2.2 设置可折叠块外观 ........................ 182
6.2.3 设置可折叠块图标 ........................ 183
6.2.4 创建可折叠表单 ........................... 185
6.2.5 创建可折叠块系列 ........................ 186
6.2.6 创建可折叠集合 ........................... 188
6.3 筛选器 ................................................... 191
6.3.1 创建搜索字段 ............................... 191
6.3.2 筛选可折叠集合 ........................... 193
6.3.3 筛选表格 ....................................... 196
6.3.4 筛选控件组 ................................... 197
6.3.5 筛选div 元素 ................................ 200
习题6 ............................................................. 201
上机操作6 ..................................................... 202
第7 章 jQuery Mobile 表单 ................... 204
7.1 表单基础 ............................................... 204
7.1.1 创建表单 ....................................... 204
7.1.2 提交表单 ....................................... 205
7.2 文本输入框与文本区域 ....................... 207
7.2.1 创建文本输入框 ........................... 207
7.2.2 设置文本输入类型 ........................ 209
7.2.3 创建文本区域 ............................... 212
7.3 单选按钮与复选框 ............................... 214
7.3.1 创建单选按钮组 ........................... 214
7.3.2 创建复选框 ................................... 217
7.4 选择菜单 ............................................... 221
7.4.1 创建本机选择菜单 ........................ 221
7.4.2 创建选择菜单控件组 .................... 225
7.4.3 创建自定义菜单 ........................... 228
7.4.4 创建多项选择菜单 ........................ 231
7.5 滑块、范围滑块和翻转开关 ............... 234
7.5.1 创建滑块 ....................................... 234
VII
7.5.2 创建范围滑块 ............................... 237
7.5.3 创建翻转开关 ............................... 241
习题7 ............................................................ 245
上机操作7 ..................................................... 246
第8 章 jQuery Mobile 事件................... 248
8.1 页面事件 ............................................... 248
8.1.1 初始化事件 ................................... 248
8.1.2 页面加载事件 ............................... 251
8.1.3 页面切换事件 ............................... 255
8.1.4 页面改变事件 ............................... 260
8.2 触摸事件 ............................................... 263
8.2.1 敲击事件 ....................................... 263
8.2.2 滑动事件 ....................................... 265
8.3 用户操作事件 ....................................... 268
8.3.1 方向改变事件 ............................... 268
8.3.2 滚屏事件 ....................................... 269
8.4 虚拟鼠标事件 ....................................... 271
8.4.1 vclick 和vmousecancel 事件 ........ 271
8.4.2 vmousedown 和vmouseup 事件 ... 273
8.4.3 vmouseover 和vmouseout 事件.... 274
8.4.4 vmousemove 事件 ......................... 276
8.5 其他事件 ............................................... 278
8.5.1 updatelayout 事件 .......................... 278
8.5.2 hashchange 事件 ............................ 278
习题8 ............................................................. 278
上机操作8 ..................................................... 279
第9 章 综合设计实例 .............................. 281
9.1 系统功能设计 ....................................... 281
9.1.1 系统功能分析 ............................... 281
9.1.2 数据库设计与实现 ........................ 282
9.1.3 系统功能模块划分 ........................ 285
9.2 系统功能实现 ....................................... 286
9.2.1 创建移动App 项目 ....................... 286
9.2.2 系统初始化 ................................... 288
9.2.3 系统主页实现 ............................... 289
9.2.4 信息添加功能实现 ........................ 292
9.2.5 详情查看功能实现 ........................ 295
9.2.6 信息修改功能实现 ........................ 298
9.2.7 批量删除功能实现 ........................ 301
9.3 本地安装包制作 ................................... 305
9.3.1 App 参数配置 ................................ 305
9.3.2 发行原生安装包 ........................... 309
习题9 ............................................................. 311
上机操作9 ..................................................... 312
