1、摘要摘要Mashup是一種新型的基于Web的數(shù)據(jù)集成應用程序，具有第二代Web應用程序的特點，此時正成為互聯(lián)網(wǎng)上的新一代紅星，并必將成為Web20的流行趨勢之一。本房屋系統(tǒng)租賃系統(tǒng)正是獨特運用Mashup的相關特性構建而成的。在本系統(tǒng)中，我們通過調用GoogleMapsAPI結合IBR技術，在谷歌衛(wèi)星地圖上生成各種不同的小圖釘，并將生成的小圖釘賦予包括文字、圖像、三維立體展示等信息入口，使得用戶在充分瀏覽房屋周圍地理位置信息的同時，還可

2、以詳盡的了解到房屋的相關的構造參數(shù)、房屋出租信息、甚至三維房屋立體展示等。同時，我們在意識到BS結構的不足時，獨特利用了Extjs這一針對RIA（富聯(lián)網(wǎng)運用）的Javript類庫結合Ajax技術，在網(wǎng)頁實現(xiàn)基本無刷新的同時，并對頁面間的跳轉進行了相應的優(yōu)化操作。最終生成了我們可以與桌面客戶端相媲美的瀏覽器運用，使得用戶達到了最完美的體驗。本文中在第一章中對本系統(tǒng)進行了簡要的概述，在第二章中對系統(tǒng)中涉及到的技術進行了初步的介紹并指出在系統(tǒng)

3、中哪個位置使用到了相應的技術，在第三、第四章中我們對系統(tǒng)進行了重點介紹，第五章則簡要的描述了系統(tǒng)的未來發(fā)展前景和可拓展性。本文是本房屋租賃系統(tǒng)的補充，也可當做本房屋租賃系統(tǒng)的使用說明關鍵詞：關鍵詞：Mashup，Extjs，GoogleMapsAPI，AJAX，房屋出租，Javript23.23.2GoogleGoogleMapsMapsAPIAPI實現(xiàn)實現(xiàn)........................................

4、........................................183.2.1系統(tǒng)中的Mashup集成結構...............................................................183.2.2GoogleMapsAPI與JSP語言的結合方式.....................................193.2.3系統(tǒng)中所使用的MapsAPI函數(shù)及實現(xiàn)代碼

5、....................................21第4章三維房屋租賃系統(tǒng)分析設計與實現(xiàn)....................224.1體系結構設計...............................................................................................224.1.1體系結構設計體系結構設計...................

6、...................................................................224.1.2應用程序開發(fā)設計應用程序開發(fā)設計..............................................................................234.2數(shù)據(jù)庫設計..........................................

7、.........................................................244.2.14.2.1邏輯設計邏輯設計ERER圖................................................................................244.2.2物理設計表..............................................

8、............................................274.3模塊設計模塊設計........................................................................................................304.3.1模塊功能介紹模塊功能介紹........................................

9、..............................................304.3.24.3.2各模塊部分功能實現(xiàn)與設計代碼各模塊部分功能實現(xiàn)與設計代碼....................................................324.44.4前臺場景界面設計前臺場景界面設計..........................................................

10、.............................404.4.14.4.1頁面結構頁面結構............................................................................................404.4.24.4.2頁面流程頁面流程...........................................................

11、.................................414.4.34.4.3頁面截圖頁面截圖............................................................................................434.5.14.5.1場景一：發(fā)布房屋信息場景一：發(fā)布房屋信息...........................................

12、.........................494.5.24.5.2場景二：訪客發(fā)布廣告信息場景二：訪客發(fā)布廣告信息............................................................504.5.44.5.4場景四：會員后臺管理場景四：會員后臺管理...................................................................

13、.544.5.54.5.5場景五：同城交友場景五：同城交友............................................................................564.5.64.5.6場景六：管理員后臺管理場景六：管理員后臺管理................................................................57第5章總結與展望.......

14、.................................595.15.1系統(tǒng)成果系統(tǒng)成果........................................................................................................595.25.2未來工作未來工作...................................................

15、....................................................595.2.1未來版本拓展功能。.........................................................................595.2.2運用前景....................................................................

16、.........................595.2.3市場策略............................................................................................60參考文獻.................................................61附錄.................................

17、....................62附錄附錄1（系統(tǒng)中所使用的（系統(tǒng)中所使用的GoogleGoogleMapsMapsAPIAPI函數(shù)及實現(xiàn)代碼）函數(shù)及實現(xiàn)代碼）....................62附錄附錄2（ExtjsExtjs類庫下的類庫下的GoogleGoogleMapsMaps實現(xiàn)）實現(xiàn)）................................................68附錄附錄3（驗證碼無刷新替