基于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.