基于JQuery Mobile的“小管家”系统

黎佳

摘 要 针对JQuery Mobile框架的特点，采用JAVA语言，结合Struts、Hibernate、Spring三大框架开发了基于JQuery Mobile的多功能家庭管理系统，系统不仅可运行在PC端，还可运行于各种移动设备。旨在一定程度上解决家庭生活繁锁、复杂等缺陷，创造良好的家庭氛围。测试结果表明所采用的技术路线和设计方法可行有效。

关键词 JQuery Mobile 家庭管理 SSH 智能推荐

中图分类号：TP311.52 文献标识码：A

0引言

随着社会竞争的加剧，人们的工作生活节奏也随之加快，很多人对家庭的琐碎事务力不从心。有了“小管家系统”这一切都将被改变。本课题主要研究内容是通过Web系统来实现对家庭事务的管理，选择并运用有效的方法和资源，以建立良好的家庭生活环境。有了系统化的管理，家庭用户便可很方便地从系统里获取想要的信息，不论是家庭物品的放置，还是家庭财产的流动，在系统有序的管理下便可一目了然。系统还提供个性化推荐、天气温馨提示等各种人性化服务，以及加入各种类型的APP游戏应用供用户选择，使得系统不再是单纯地增删改查，而更注重的是用户体验和实用服务。

与此同时，随着移动设备的不断普及，带来了一个新的问题就是平台的兼容性。使用原有的页面框架远不能解决各类型移动设备中浏览器的兼容性问题，JQuery Mobile框架应运而生了。它给程序开发带来了一个新的体验：向所有主流移动浏览器提供一种统一的体验。

本文剩余部分组织如下：第一部分讲述系统开发相关技术。第二部分主要是系统设计和实现，阐述系统的功能结构、特色以及数据库设计等。第三部分是结论和进一步工作。

1相关技术

1.1 JQuery Mobile

随着移动应用的普及和HTML5技术的成熟，Web APP也越来越流行，因为Web APP有着真正的跨平台特性。JQuery Mobile的使命是为所有主流移动浏览器提供一种统一的体验，跨所有流行的智能手机和平板电脑等移动设备工作。在众多的移动开发框架中，系统之所以选用JQuery Mobile的理由有很多，但是有三个理由最重要：（1）之前非常熟悉JQuery，所以使用JQuery Mobile时可以驾轻就熟，因为两者使用共享的代码库；（2）它是真正的跨平台和跨设备，有强大的兼容性；（3）社区和企业对它的广泛支持，整个技术链越来越成熟。

本系统利用移动版JavaScript框架JQuery Mobile，对页面进行整体优化，充分利用移动终端设备的性能优势来实现最佳的用户体验。在网页中引入JQuery Mobile，只需要在标记中进行加载即可。代码如下：

1.2 MVC设计模式

MVC是Model-View-Controller的简称，它将应用程序的结构分成三个核心模块：模型、视图、控制器。视图是用户所看到的并可以与之产生交互的可视化界面。模型表示业务数据和业务逻辑，是应用程序的主体部分。控制器可以获取页面上的输入并调用模型和视图去完成用户的操作，它只会接收页面请求并控制调用相应模型组件去处理请求，然后决定调用相应视图去显示模型处理后所返回的数据。

1.3 Struts+Hibernate+Spring技术

Struts，Hibernate，Spring简称SSH，SSH是当前JavaWeb应用程序中较流行的三大开源集成框架。它采用典型的三层构架，有利于减轻开发人员对复杂业务的设计和解决方案的精力负担，方便在短时间内开发出满足客户的需求，大大降低了开发成本。SSH还具有较强的可扩展性，提供开发者的第三方应用支持，有效避免了因业务需求过于复杂而无法实现，同时还具有良好的可维护性。SSH因为展现层和逻辑层的合理分离，使新需求的修改风险降到最低。

2系统设计与实现

2.1系统功能模块

“小管家”系统可以方便用户对家庭物品和家庭财产的管理，以及满足不同家庭之间和家庭各成员之间的通讯交流。系统提供各种实用的工具给用户带来便捷的服务，主要包括五大功能模块，详述如下：

（1）个人信息指的身份验证功能。验证时加入验证码，有效避免了黑客运用软件快速提交表单所导致的系统崩溃。用户密码采用了MD5加密技术，在安全性上提高了一个层次。用户若忘记密码，可以用自己的邮箱进行找回。注册成功后，系统会以短信/邮箱形式进行提示。

（2）物品管理：用户可将家庭分成若干房间，房间里也可再分成若干位置，并在位置上添加物品，便可通过物品的分类或名称关键字来搜索物品的具体信息，也可通过房间和位置来查看物品，如果物品的位置有变更或物品丢弃，可对物品进行修改或删除操作。值得一提的是，系统具有智能推荐功能，即根据IP地址获取本地的天气数据，然后智能地从已有物品中查找适合当前温度穿的衣物并推荐给用户。

（3）家庭理财可以用来记录家庭的收入、支出信息，从而自动分析各收入来源的比例，以及家庭在每个月份的消费数据。系统将智能统计家庭的总财产，并以图形报表形式来展示家庭成员的财产比例和分布情况。

（4）论坛模块：实现了浏览帖子，搜索帖子，发表帖子，删除帖子，发表评论，版块分区等基本功能。系统内嵌百度最新的富文本编辑器，具有极其强大的文本编辑能力。点击用户昵称，即可查看用户动态信息。

（5）游戏应用：采用百度在线应用满足用户娱乐需求，并添加到自己的收藏栏中以便下次使用。

2.2 系统开发工具与运行环境

该系统采用MyEclipse10作为开发平台，持久层用Hibernate框架简化了大量的代码，前台与后台的MVC模式采用Struts2实现，各种事务托管由Spring完成。数据库服务器采用MySQL 5.12，Web服务器采用Tomcat 7.0.42，采用JQuery Mobile、PhotoShop CS5、Navicat等相关技术和工具，在Windows 7环境下进行开发实现。

2.3 数据库设计与连接

根据系统的功能分析，数据库由用户表、家庭成员表、物品表、房间表、银行卡表、银行操作记录表、收支表、论坛主题表、评论表、通讯录等数据表构成（E-R图略）。

数据库连接可通过直接编写Hibernate的配置文件来实现，由于系统采用Struts，Hibernate和Spring三个框架的结合，所以系统在处理与数据库连接时，直接将Hibernate配置文件中连接数据库的代码注入到Spring的配置文件中，包括需要加载相应的数据库驱动，与所用数据库建立连接的URL，数据库的用户名以及密码。且通过Spring的配置文件将Hibernate中持久化类所对应的映射文件进行注入。sessionFactory 在应用程序中通常只需存在一个实例，因而sessionFactory 底层的 dataSource 可以使用Spring的IoC注入，之后再将sessionFactory注入相依赖的对象之中。

最后，把项目部署到服务器上，用户可通过网址“www.家庭管理.cn”访问系统，不限任何设备。

3 总结

本文介绍了基于JQuery Mobile的“小管家”系统的实现，分别从所用技术、功能模块设计、数据库设计等方面阐述了系统的主要内容。“小管家系统”从家庭的实际需求出发，提供人性化的服务，力求创造一个温馨、便捷的家庭氛围。系统可以有效地提高家庭的生活质量，根据家庭收入计划安排家庭消费，选择合适的家庭经济结合方式，建立理想的家庭经济模式。系统还提供了家庭物品的存放管理，以便于找到物品的具体位置和清点家庭资产，各种个性化功能和实用工具将为每个用户创造一个便捷和有趣的操作环境。

虽然已经是一个需求相对完整的系统，但是在功能上还是存在着一些不足，如今是个科技发达的年代，智能家居成了一个热门话题，人们更加希望有一套功能完善的系统包揽家中的所有家务和管理，而这则需要与家里的电器相结合，我们只需要在手机上安装一个客户端就能在任何时间和地点了解并操纵家里的一切事务。因此，本系统也将在往后的应用开发中逐步完善，做到尽善尽美。

参考文献

[1] 张欣毅.JQuery Mobile移动网站开发[M].北京：清华大学出版社，2015：186-330.

[2] 陶国荣.JQuery Mobile权威指南[M].北京：机械工业出版社，2012：202-249.

[3] 王建云.基于J2EE的MVC设计模式研究[J].中国民航飞行学院学报，2009，20（6）：65-68.

[4] 刘中兵.开发者突击：Java Web主流框架整合开发（J2EE+Struts+Hibernate+Spring）第2版[M].北京：电子工业出版社，2011.

[5] 郭涛.基于JQuery Mobile的公安系统微信公众平台的设计与实现[D].吉林：吉林大学，2015.

[6] Bruce Eckel.Java编程思想（第4版）[M].北京：机械工业出版社，2007.