Ext JS+Android+SSH整合开发Web与移动SNS

第一篇 搭建开心网的基本框架

第1章 开发梦缘起开心网 2

1.1 异军突起：开心网 2

1.2 风靡网络的开心网是如何炼制的 3

1.2.1 开心网的引爆点 3

1.2.2 开心网的主要功能 3

1.3 编程高手的预言：人人都有开心网 5

1.3.1 自己搭建开心网：绚丽页面先睹为快 5

1.3.2 万丈高楼平地起：技术储备 6

1.3.3 开心网的安装和运行 7

1.4 本章小结 10

第2章 ssh整合铸就进入开心网的钥匙：用户注册 11

2.1 mvc框架的王者：struts 2 11

2.1.1 struts 2与mvc模式 11

2.1.2 struts 2最新版的下载与安装 13

2.1.3 通过一个计算加减法的web程序来体验mvc模式的好处 13

2.2 绝不重造轮子：spring 17

2.2.1 spring与ioc模式 17

2.2.2 spring最新版的下载与安装 18

2.2.3 struts 2和spring整合的原理 19

.2.2.4 用整合struts 2和spring的方式重新实现计算加减法的web程序 21

2.3 数据持久化的最佳利器：hibernate 25

2.3.1 hibernate最新版的下载与安装 25

2.3.2 做一个程序来试一下hibernate 26

2.4 三位一体：ssh整合 29

2.4.1 整合方法一：直接获得applicationcontext对象 29

2.4.2 整合方法二：由spring创建action类的对象实例 32

2.4.3 整合方法三：自动装配action类的属性 34

2.5 利用ssh整合技术实现基于四层结构的用户注册系统 34

2.5.1 编写映射用户表的实体bean 34

2.5.2 编写数据访问层（dao）组件 35

2.5.3 编写业务逻辑层（service）组件 36

2.5.4 编写registeraction类 37

2.5.5 使用struts 2标签生成用户注册页面 37

2.6 本章小结 38

第3章 在用户注册和登录功能中引入ext js技术 39

3.1 用户注册登录系统的页面及所使用的ext js组件 39

3.1.1 经过ext js渲染的用户注册页面 39

3.1.2 经过ext js渲染的用户登录页面 40

3.1.3 注册和登录页面中所使用的ext js组件 40

3.1.4 注册和登录页面中的对话框和布局 41

3.2 用ext js框架实现的绚丽页面 42

3.3 揭开ext js的神秘面纱 43

3.3.1 下载和安装ext js框架 43

3.3.2 编写第一个ext js程序 44

3.3.3 页面文字的国际化 45

3.3.4 查看ext js api 46

3.3.5 查看本地的ext js官方文档和例子 46

3.4 ext js的事件 47

3.4.1 注册和删除浏览器事件 47

3.4.2 ext js的基类：ext.util.observable 48

3.5 ext js中的核心组件 51

3.5.1 所有可视化组件的基类：ext.component 51

3.5.2 可设置大小和位置的基类：ext.boxcomponent 53

3.5.3 容器组件：ext.container 54

3.5.4 按钮组件：ext.button 55

3.5.5 面板组件：ext.panel 56

3.5.6 承载注册和登录页面的组件：ext.window 57

3.6 对话框 58

3.6.1 提醒（alert）对话框 59

3.6.2 确认（confirm）对话框 59

3.6.3 输入（prompt）对话框 60

3.6.4 等待（wait）对话框 60

3.6.5 进度（progress）对话框 61

3.6.6 多行输入对话框 62

3.6.7 “是（yes）/否（no）/取消（cancel）”对话框 62

3.6.8 显示带图像的对话框 63

3.7 表单组件 64

3.7.1 一切表单组件的载体：ext.form.formpanel 64

3.7.2 文本输入组件：ext.form.textfield 65

3.7.3 多行文本输入组件：ext.form.textarea 66

3.7.4 提交信息编码的隐藏域组件：ext.form.hidden 66

3.7.5 显示年、月、日的组件：ext.form.datefield 67

3.7.6 显示时、分的组件：ext.form.timefield 68

3.7.7 下拉列表框组件：ext.form.combobox 68

3.7.8 下拉输入框组件：ext.form.triggerfield 69

3.8 让组件按照自己的意志进行排列：组件布局 70

3.8.1 垂直表单布局：formlayout 71

3.8.2 水平列布局：columnlayout 72

3.8.3 ext.form.fieldset在布局中的应用 73

3.9 项目实战：设计注册系统的页面 74

3.9.1 对基本信息布局 74

3.9.2 对输入个人信息的组件布局 75

3.9.3 对进行校验码验证的组件布局 77

3.10 项目实战：重新设计服务端组件 78

3.10.1 修改user类 78

3.10.2 重新实现数据访问层 79

3.10.3 重新实现业务逻辑层 80

3.11 项目实战：与服务端通信 82

3.11.1 与服务端同步：远程装载数据 82

3.11.2 在用户注册系统中动态装载更复杂的数据 83

3.11.3 在用户注册系统中提交表单 87

3.12 项目实战：用户登录系统的实现 87

3.13 本章小结 88

第4章 更完美的改进：扩展用户注册和登录系统 89

4.1 先睹为快：改进后的用户注册和登录页面 89

4.1.1 增加了用户校验功能的用户注册页面 89

4.1.2 新的用户登录页面：用4种方式保存登录状态 90

4.2 防患于未然：客户端校验 90

4.2.1 无论如何要有一个值：非空校验 90

4.2.2 控制输入的字符串：最大长度和最小长度校验 91

4.2.3 只能输入数字：numberfield组件 92

4.2.4 使用统一的标准：ext js中的内嵌校验规则 93

4.2.5 更灵活的校验：正则表达式校验 95

4.2.6 随心所欲的校验：自定义校验器 95

4.3 项目实战：为用户注册和登录系统添加客户端校验功能 96

4.4 项目实战：为用户注册系统增加服务端校验 98

4.4.1 复制客户端的校验 98

4.4.2 定义校验未通过的错误信息格式 98

4.4.3 编写删除回车换行符的jsp标签 99

4.5 项目实战：为用户登录系统增加保存登录状态的功能 100

4.5.1 在用户登录页面添加选择登录状态的combobox 101

4.5.2 保存用户登录状态 101

4.5.3 动态生成显示登录页面的javascript脚本 102

4.6 本章小结 103

第5章 开心桌面：完全模拟windows桌面的开心网 104

5.1 模拟windows xp桌面效果的开心网 104

5.2 似曾相识：模拟windows桌面 104

5.2.1 ext js自带的模拟桌面的例子 105

5.2.2 工欲善其事，必先利其器：ext js的桌面组件 106

5.2.3 项目实战：实现类似windows桌面的开心网 110

5.3 项目实战：将图标摆放在桌面上 111

5.3.1 编写描述动态图标的java类 111

5.3.2 写入默认的桌面图标设置信息 112

5.3.3 动态生成图标html代码 115

5.3.4 已登录用户的桌面图标 118

5.3.5 ext js中的拖动技术 121

5.4 项目实战：控制面板 123

5.4.1 锁定与解锁图标 123

5.4.2 重新排列桌面图标 125

5.4.3 保存桌面图标状态 125

5.5 项目实战：控制桌面图标 127

5.6 本章小结 130

第二篇 资源与共享

第6章 电子相册：留住美好瞬间 132

6.1 将美丽留在人间：电子相册的完美展现 132

6.2 抽象的艺术：struts 2的文件上传 133

6.2.1 重要的文件上传组件：commons-fileupload 133

6.2.2 实例：使用commons-fileupload组件上传多个文件 133

6.2.3 抽象和统一：文件上传的struts 2沙盒（sandbox） 136

6.2.4 实例：使用struts 2上传多个文件 137

6.3 绚丽多彩的ext js文件上传组件 140

6.3.1 简洁的文件上传组件 140

6.3.2 实例：使用fileuploadfield组件上传多个文件 140

6.3.3 实例：更完美的文件上传组件 143

6.4 项目实战：电子相册中的图像上传功能 145

6.4.1 处理相册的数据访问层组件 145

6.4.2 用于创建相册的业务逻辑层组件 147

6.4.3 保存上传图像记录的数据访问层组件 148

6.4.4 处理上传图像数据的业务逻辑层组件 151

6.4.5 添加相册的action类 152

6.4.6 获得指定用户的所有相册的action类 153

6.4.7 处理上传图像的action类 154

6.4.8 电子相册在开心桌面上的图标和菜单 157

6.4.9 使用ext js技术实现图像上传页面 159

6.5 项目实战：电子相册的照片浏览功能 162

6.5.1 获得相册中照片列表的action类 162

6.5.2 传输照片数据的action类 164

6.5.3 用于删除指定照片的action类 165

6.5.4 我的照片我做主：照片列表 166

6.6 本章小结 171

第7章 好友管理：让我们成为朋友吧 172

7.1 信息共享的第一步：成为朋友 172

7.2 数据的二维表示法：表格组件 172

7.2.1 创建第一个表格 173

7.2.2 阻止移动列和改变列的宽度 175

7.2.3 自定义grid的列宽度 176

7.2.4 按列进行排序 177

7.2.5 在单元格中显示彩色的文字、图、按钮及其他组件 177

7.2.6 显示复选框 180

7.2.7 自动显示行号 181

7.3 表格分页 182

7.3.1 为表格组件添加分页工具栏 183

7.3.2 从服务端获得分页数据 184

7.3.3 将分页工具栏显示在网格组件的顶部 186

7.3.4 滑动风格的分页工具栏 187

7.3.5 带进度条的分页工具栏 189

7.4 可编辑的表格 190

7.4.1 第一个可编辑的表格 190

7.4.2 向表格添加新行 191

7.4.3 保存数据 193

7.5 属性表格组件：propertygrid 194

7.5.1 第一个属性表格组件 194

7.5.2 不对属性列排序 195

7.5.3 自定义编辑器 196

7.6 表格分组 197

7.6.1 对记录进行分组 197

7.6.2 使用代码控制分组的展开和折叠 198

7.7 项目实战：编写服务端代码 200

7.7.1 设计数据表 200

7.7.2 表示好友的实体bean 200

7.7.3 数据访问层：添加、删除和获得好友 201

7.7.4 业务逻辑层：添加、删除和获得好友 202

7.7.5 数据访问层和业务访问层组件：获得好友的照片 204

7.7.6 添加好友的action类 204

7.7.7 删除好友的action类 206

7.7.8 获得好友e-mail的action类 207

7.7.9 获得好友照片的action类 208

7.8 项目实战：编写客户端代码 209

7.8.1 添加桌面图标和开心菜单项 209

7.8.2 创建好友列表窗口 210

7.8.3 添加好友 212

7.8.4 删除好友 213

7.8.5 显示好友的照片 213

7.9 本章小结 215

第8章 日记管理：记录每天发生的点点滴滴 216

8.1 每天都会有新鲜事发生：写日记吧！ 216

8.2 ext js中的窗口 216

8.2.1 建立第一个窗口 217

8.2.2 为窗口增加最大化和最小化按钮 219

8.2.3 隐藏和销毁窗口 221

8.2.4 阻止窗口移出边界 222

8.2.5 向窗口添加按钮 223

8.2.6 窗口分组 224

8.2.7 窗口布局 225

8.3 布局 227

8.3.1 从最简单的布局开始：fitlayout 228

8.3.2 边框布局：borderlayout 231

8.3.3 拖动和限制borderlayout布局的区域 233

8.3.4 折叠和展开子区域 234

8.3.5 伸缩菜单布局：accordion 237

8.3.6 操作向导布局：cardlayout 238

8.3.7 操作位置和大小比例的布局：anchorlayout 241

8.3.8 用于绝对定位的布局：absolutelayout 243

8.3.9 表单布局：formlayout 244

8.3.10 列布局：columnlayout 245

8.3.11 表格布局：tablelayout 247

8.4 项目实战：编写服务端代码 248

8.4.1 设计数据库 249

8.4.2 表示每一篇日记的实体bean 249

8.4.3 数据访问层组件 250

8.4.4 业务逻辑层组件 253

8.4.5 添加日记的adddiaryaction类 256

8.4.6 删除日记的deletediaryaction类 258

8.4.7 修改日记的editdiaryaction类 258

8.4.8 获得日记内容的getdiaryaction类 259

8.4.9 获得日记列表的getdiariesaction类 260

8.5 项目实战：编写客户端代码 262

8.5.1 添加桌面图标和开心菜单项 262

8.5.2 创建日记主页面 263

8.5.3 获得当前用户的日记列表 264

8.5.4 添加增加日记的动作 267

8.5.5 编辑和删除日记 269

8.5.6 查看好友的日记 270

8.6 本章小结 271

第9章 网络硬盘：重要资料的保险柜 272

9.1 不怕一万，就怕万一：备份重要文件 272

9.2 treepanel组件的基本应用 272

9.2.1 创建一棵简单的树 272

9.2.2 为树添加子结点 274

9.2.3 读取服务端的json数据 275

9.2.4 读取本地的json数据 277

9.2.5 从servlet中获得json数据 279

9.2.6 树的事件 281

9.2.7 右键菜单 283

9.2.8 修改结点的默认图标 284

9.2.9 用对话框显示结点文本 285

9.2.10 在结点上显示提示信息 286

9.2.11 将结点设置成超链接 287

9.2.12 修改树结点的名称 288

9.3 拖放树结点 289

9.3.1 结点拖放的位置 289

9.3.2 使叶子结点可以追加 291

9.3.3 在树之间拖放结点 292

9.4 过滤树中的结点 293

9.5 对树结点进行排序 294

9.6 工具栏和菜单 295

9.6.1 简单菜单 295

9.6.2 添加下拉菜单 296

9.6.3 多级菜单 298

9.6.4 向菜单中添加分隔线 299

9.7 高级菜单 301

9.7.1 多选和单选菜单 301

9.7.2 日期和颜色菜单 303

9.7.3 多级的右键菜单 304

9.8 工具栏组件 306

9.8.1 ext.toolbar.button组件 306

9.8.2 ext.toolbar.textmenu组件 307

9.8.3 ext.toolbar.spacer组件 307

9.8.4 ext.toolbar.separator组件 307

9.8.5 ext.toolbar.fill组件 308

9.8.6 ext.toolbar.splitbutton组件 309

9.8.7 在工具栏上添加html标签 310

9.8.8 在工具栏上添加输入组件 311

9.9 项目实战：编写网络硬盘服务端程序 312

9.9.1 设计数据库 312

9.9.2 表示目录的实体bean 313

9.9.3 表示文件的实体bean 313

9.9.4 数据访问层组件：dirdao 314

9.9.5 数据访问层组件：filedao 316

9.9.6 业务逻辑层组件：dirservice 317

9.9.7 业务逻辑层组件：fileservice 319

9.9.8 创建目录的creatediraction类 321

9.9.9 删除目录的deletenetdiskdiraction类 322

9.9.10 获得子目录的getsubdirsaction类 323

9.9.11 获得目录中文件列表的getnetdiskfilesaction类 325

9.9.12 上传网络硬盘文件的netdiskuploadfilesaction类 326

9.9.13 下载指定文件的getnetdiskfileaction类 328

9.10 项目实战：编写网络硬盘客户端代码 330

9.10.1 添加桌面图标和开心菜单项 330

9.10.2 创建网络硬盘主页面 332

9.10.3 创建显示目录和文件的树形组件 333

9.10.4 向网络硬盘主页面添加菜单 333

9.10.5 向网络硬盘主页面添加按钮 334

9.10.6 创建文件夹 335

9.10.7 上传文件 338

9.10.8 删除目录和文件 340

9.11 本章小结 340

第三篇 开心时刻

第10章 动他一下：向朋友打招呼 342

10.1 与朋友建立交往的第一步：动他一下 342

10.2 ext js中的拖放技术 343

10.2.1 什么是拖放技术 343

10.2.2 拖放的基本应用 343

10.2.3 拖动到指定的区域 344

10.2.4 拖放事件 346

10.2.5 ext.dd.dd 347

10.2.6 增加拖动把手（handle） 347

10.2.7 将拖动块置顶 349

10.2.8 拖放代理（proxy） 350

10.2.9 设置拖动步长 351

10.2.10 拖动到指定的区域 352

10.2.11 限制拖动的区域 353

10.3 项目实战：编写“动他一下”服务端代码 355

10.3.1 设计数据库 355

10.3.2 表示“动作”的实体bean 355

10.3.3 数据访问层组件：touchdao 356

10.3.4 业务逻辑层组件：touchservice 357

10.3.5 保存“动作”信息的touchaction类 358

10.3.6 获得“动作”信息的getmessageaction类 360

10.4 项目实战：编写“动他一下”客户端代码 362

10.4.1 添加桌面图标和开心菜单项 362

10.4.2 显示“动他一下”页面 364

10.4.3 显示“动他一下”图标和选择好友输入组件 365

10.4.4 选择好友 368

10.4.5 登录或刷新时显示接收到的“动作” 369

10.5 本章小结 371

第11章 赠送礼物：进一步增进朋友间的感情 372

11.1 最省钱的送礼方式：电子礼物 372

11.2 ext js中的数据操作组件 372

11.2.1 异步通信：ext.data.connection 373

11.2.2 客户端的记录：ext.data.record 375

11.2.3 客户端的二维表：ext.data.store 376

11.2.4 对store对象中的数据进行排序 377

11.2.5 从store对象中获得数据 377

11.2.6 更新store对象中的数据 379

11.2.7 装载数据 380

11.3 常用代理（proxy） 381

11.3.1 memoryproxy 381

11.3.2 httpproxy 381

11.3.3 scripttagproxy 382

11.4 常用reader 382

11.4.1 arrayreader 382

11.4.2 jsonreader 383

11.4.3 xmlreader对象 384

11.5 项目实战：编写“赠送礼物”服务端代码 385

11.5.1 数据库设计 385

11.5.2 表示礼物的实体bean 385

11.5.3 数据访问层组件：giftdao 386

11.5.4 业务逻辑层组件：giftservice 389

11.5.5 获得动作信息的getmessageaction类 390

11.5.6 获得当前用户所有礼物信息的getgiftsaction类 390

11.5.7 送礼物的sendgiftaction类 392

11.6 项目实战：编写“赠送礼物”的客户端代码 393

11.6.1 添加桌面图标和开心菜单项 393

11.6.2 显示赠送礼物页面 396

11.6.3 显示礼物图像和好友、附言输入组件 397

11.6.4 选择好友 399

11.6.5 查看当前用户收到的所有礼物 400

11.7 本章小结 402

第12章 ext js中的常用技术 403

12.1 ext js中的常用方法 403

12.1.1 onready方法 403

12.1.2 get方法 404

12.1.3 getcmp方法 405

12.1.4 getdom方法 405

12.1.5 getbody方法 406

12.1.6 encode方法和decode方法 406

12.1.7 apply方法和applyif方法 407

12.1.8 ext.each方法 408

12.2 动态生成html 408

12.2.1 使用domhelper生成代码片段 408

12.2.2 使用模板（template） 411

12.2.3 使用更复杂的模板（xtemplate） 414

12.3 本章小结 415

第四篇 手机上的开心网

第13章 android基础 418

13.1 android的基本概念 418

13.1.1 android简介 418

13.1.2 android的系统构架 419

13.2 android开发环境的搭建 420

13.2.1 安装android sdk 420

13.2.2 安装adt插件 421

13.2.3 建立和运行android工程 422

13.3 在真实环境中测试android程序 423

13.3.1 通过usb数据线进行联机测试 424

13.3.2 android livecd 426

13.3.3 android x86 427

13.4 编写一个移动浏览器程序 427

13.5 本章小结 429

第14章 登录移动开心网 430

14.1 web service 430

14.1.1 下载和安装axis 2 430

14.1.2 用pojo实现零配置的web service 431

14.1.3 使用services.xml文件发布web service 433

14.2 在android中访问web service 436

14.2.1 下载和安装ksoap2 436

14.2.2 使用ksoap2调用web service的步骤 436

14.2.3 使用ksoap2调用零配置的web service 437

14.3 实现移动开心网的登录功能 439

14.3.1 编写打开数据库的database类 440

14.3.2 编写为登录服务的loginservice类 440

14.3.3 配置loginservice类 442

14.3.4 设计登录界面 442

14.3.5 将soapobject转换成user对象 444

14.3.6 编写登录界面的主类：login 445

14.4 本章小结 447

第15章 移动电子相册：捕捉精彩瞬间 448

15.1 先睹为快：移动电子相册 448

15.2 移动电子相册中使用的组件 449

15.2.1 button组件 449

15.2.2 textview组件 449

15.2.3 edittext组件 451

15.2.4 imageview组件 451

15.2.5 spinner组件 452

15.2.6 使用gallery组件循环显示图像 454

15.2.7 tabhost组件 455

15.3 访问网络 457

15.3.1 httpget类和httppost类 457

15.3.2 httpurlconnection类 458

15.4 项目实战：浏览照片 459

15.4.1 编写commonservlet类 460

15.4.2 获取当前用户的所有相册 462

15.4.3 设置移动电子相册的主界面 464

15.4.4 在客户端显示相册列表 464

15.4.5 获取指定相册的照片路径 467

15.4.6 获取指定的照片数据 468

15.4.7 在客户端分页显示照片缩略图 469

15.4.8 显示照片大图 471

15.5 项目实战：建立相册 472

15.5.1 编写建立相册的服务 472

15.5.2 在客户端提交相册信息 473

15.6 项目实战：上传图像 474

15.6.1 服务端接收客户端上传的图像 475

15.6.2 拍摄照片 477

15.6.3 从本地选择图像 478

15.6.4 向服务端上传图像 479

15.7 本章小结 480

第16章 移动日记：随时随地记录生活点滴 481

16.1 先睹为快：移动日记 481

16.2 移动日记中使用的组件 481

16.2.1 listview组件 482

16.2.2 菜单组件 483

16.2.3 webview组件 484

16.3 项目实战：写日记 485

16.3.1 编写提交日记内容的服务 485

16.3.2 编写“写日记”功能的android客户端 487

16.4 项目实战：浏览日记列表和日记内容 489

16.4.1 从服务端获取日记标题列表 489

16.4.2 从服务端获取日记内容 491

16.4.3 在手机客户端显示日记标题列表 492

16.4.4 利用webview组件浏览日记内容 493

16.5 本章小结 494

第17章 会移动的礼物 495

17.1 先睹为快：随时随地赠送好友礼物 495

17.2 gridview组件 495

17.3 项目实战：赠送礼物 496

17.3.1 获取好友列表 496

17.3.2 在android客户端显示好友列表 497

17.3.3 编写“赠送礼物”服务 499

17.3.4 向好友赠送礼物 500

17.3.5 编写“赠送礼物”的主界面 501

17.4 项目实战：显示当前用户获得的礼物 503

17.4.1 编写获得好友赠送的礼物的服务 503

17.4.2 在android客户端显示好友赠送的礼物 505

17.5 本章小结 505

第18章 无处不在的问候 506

18.1 先睹为快：随时随地与好友打招呼 506

18.2 listactivity类 506

18.3 项目实战：与好友打招呼 508

18.3.1 显示好友列表 508

18.3.2 编写打招呼服务 509

18.3.3 编写打招呼的客户端 510

18.4 本章小结 513