基于JSP的社交網(wǎng)站設(shè)計

胡 濤

（孝感學(xué)院 新技術(shù)學(xué)院，湖北 孝感432000）

摘要：由于有關(guān)網(wǎng)絡(luò)的科技發(fā)展，用戶對于網(wǎng)絡(luò)有了越來越多的需求，這時和社交有關(guān)的網(wǎng)站就成了熱點，本系統(tǒng)是從學(xué)習(xí)、交流、分享，還有大范圍的社交需求中產(chǎn)生的，用到B/S（Browser/Server）結(jié)構(gòu)，使獲取數(shù)據(jù)在瀏覽器中顯示，而處理卻在服務(wù)器中運(yùn)行，用戶只要一個瀏覽器就夠了?，F(xiàn)今社交網(wǎng)站的界面設(shè)計非常漂亮，主要是因為用到了jquery、ext等流行的JavaScript框架。開發(fā)中選擇了SSH三大框架，dao層+service層+action層+jsp顯示層的mvc分層這樣的開發(fā)模式，適用于簡單的用戶需求。

關(guān)鍵詞：社交網(wǎng)站；網(wǎng)絡(luò)領(lǐng)域；JavaScript框架

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2014）13-3193-02

JSP-based Social Networking Website Design

HU Tao

（New Technologies， Xiaogan University College， Xiaogan 432000， China）

Abstract： As the development of network technology， network users have more and more demands for time and social related sites became hot， the system is from learning， communication， sharing， as well as a wide range of social needs generated， use B / S （Browser / Server） structure， so that access to data is displayed in the browser， and the treatment was run on the server， the user only a browser is enough. Nowadays social networking site interface design is very beautiful， mainly because of use of jquery， ext other popular JavaScript frameworks. Development of the three selected SSH framework， dao layer + service layer + action + jsp display layer stratified layers mvc this development model， suitable for simple user needs.

Key words： social networking sites； networking； JavaScript frameworks

由于Internet的使用者越來越多，論壇，BBS出現(xiàn)，在上面可以看到最新的消息，部分網(wǎng)站還能使用戶互相交流。這種從社會網(wǎng)絡(luò)關(guān)系思想出發(fā)的網(wǎng)站就是社會性網(wǎng)站，簡稱SNS，它的全拼是Social Networking Services，就是社會性網(wǎng)絡(luò)服務(wù)，主要目的是幫助用戶建立社會性網(wǎng)絡(luò)的Internet應(yīng)用服務(wù)。也可以指之前已出現(xiàn)的信息載體，如短信SNS。不過從整體上看，中國的SNS并不是社會性網(wǎng)絡(luò)服務(wù)，而應(yīng)該是社交網(wǎng)站。這種性質(zhì)的SNS其實就是學(xué)習(xí)、分享還有交朋友，從大眾化這個角度出發(fā)的社交網(wǎng)站。

初期設(shè)計中，可以使用現(xiàn)在很多人使用的J2EE，可以使jsp用戶界面更好看。并且用B/S（Browser/Server）結(jié)構(gòu)可以讓數(shù)據(jù)的計算結(jié)果在瀏覽器中出現(xiàn)，而它的處理則是在服務(wù)器中運(yùn)行。開發(fā)中使用struts2+spring+hibernate（SSH）三大框架，dao層+service層+action層+jsp顯示的mvc分層的模式，可以讓數(shù)據(jù)邏輯運(yùn)算和頁面的顯示單獨出現(xiàn)，還能使界面的設(shè)計很簡潔。而在數(shù)據(jù)庫方面，使用Mysql的話可以讓系統(tǒng)更安全。

1 需求分析

1.1系統(tǒng)需求分析

由于該網(wǎng)站是基于用戶之間的交流而設(shè)計的。所以在設(shè)計一些單獨的功能模塊要想清楚單獨的模塊功能和整體系統(tǒng)中存在的兼容性和整體完整性，主要的設(shè)計宗旨是：整體的功能存在于單獨的功能之中。因為這樣設(shè)計有利于將來需求增多時系統(tǒng)整體的擴(kuò)充。在具體的系統(tǒng)實現(xiàn)上，我們要基于有關(guān)用戶間的交流的需求上開始，也就是所有用戶之間會產(chǎn)生，還有可能產(chǎn)生的交流需求來制作單獨的模塊功能。從而就可以研究出本系統(tǒng)中所有單獨模塊需要做到的功能。

1.2 功能需求分析

一個系統(tǒng)最主要的開發(fā)基礎(chǔ)是用戶對系統(tǒng)功能的需求，因此在本系統(tǒng)的所有開發(fā)設(shè)計中，我們要從滿足用戶需求的方面開始，要有系統(tǒng)所做的一切全都是為了用戶這種理念，要在分析與構(gòu)造本系統(tǒng)的初期，為了使系統(tǒng)的功能可以更完美的滿足用戶的需求，而經(jīng)常出去尋找用戶，多與用戶交流，從而知道她們對這樣的交流系統(tǒng)有什么樣的要求，本著功能齊全，界面華麗，用戶使用起來卻很簡單的原則而進(jìn)行本系統(tǒng)的制作。經(jīng)過長期與用戶的交流，得出結(jié)論是本系統(tǒng)至少要做到以下：

1） 用戶使用起來方便： 界面設(shè)計要華麗大氣，并且重要信息的顯示，以及操作時的按紐要在用戶很容易就能看到的地方，并且比如說像有關(guān)文章的操作，查詢好友最新的文章，查找文章中的關(guān)鍵詞等等最好可以做到只需用戶點幾下鼠標(biāo)就能實現(xiàn)的地步；還有，網(wǎng)站要能顯示動態(tài)信息，因為這樣就可以使用戶任何時候都能知道自己的帳號的情況以及所有好友的動態(tài)。并且最好能把本系統(tǒng)制作成讓用戶覺得這個網(wǎng)站就是他自己設(shè)計的，可以隨意更改布局。endprint

2）及時更新：假如好友發(fā)布新照片或者新文章后，系統(tǒng)會及時在用戶的操作頁面中提示。而像好友對用戶空間的留言，訪問，對照片以及文章的評論則自動加載到用戶的空間中。

3）最主要的就是系統(tǒng)運(yùn)行方面，要以更快，更穩(wěn)定為原則。

4） 系統(tǒng)要有可擴(kuò)展性，便于將來需求增加時對該系統(tǒng)功能的擴(kuò)展以及日后的維護(hù)工作。

5）本系統(tǒng)，用戶要有登陸，注冊和查看其他用戶資料的權(quán)限。

各部分功能圖如圖1所示。

圖1 系統(tǒng)各部分功能圖

1.3 數(shù)據(jù)庫方面

數(shù)據(jù)庫的制作要遵循一些原則，因為一個好的數(shù)據(jù)庫要做到一些約束和要求。盡量不要將個體的表格之間產(chǎn)生數(shù)據(jù)變動的關(guān)聯(lián)，最好是實體與表格一一對應(yīng)，明白實體所具有的性質(zhì)，以及實體所對應(yīng)的字段是什么，最重要的就是各個實體之間的關(guān)系要明確。實體、性質(zhì)與互相之間的關(guān)系是在初步系統(tǒng)制作時要首先想到的問題，就像本系統(tǒng)的各個功能模塊的劃分一樣，功能表與實體類一定要做到一一對應(yīng)。通過長期的分析而得到用戶實體屬性圖如圖2所示。

圖2 用戶實體屬性圖

2 結(jié)束語

社交網(wǎng)絡(luò)通信在人們的生活中已經(jīng)開始扮演越來越重要的角色，像QQ空間，天涯論壇，百度貼吧，新浪微博等等，通過這些，用戶可以通過Internet網(wǎng)絡(luò)進(jìn)行即時的交流，信息的共享，以及社交，并且在不久的將來，網(wǎng)絡(luò)通信系統(tǒng)必將越來越娛樂化，從而改變?nèi)藗兊纳睢?/p>

參考文獻(xiàn)：

[1] 張鑫，黃燈橋，楊彥強(qiáng)JavaScript凌厲開發(fā)：Ext JS 3詳解與實踐[M].北京：清華大學(xué)出版社，2010：20-100.

[2] 侯志松.Hibernate完全手冊[M].北京：機(jī)械工業(yè)出版社，2008：20-80.

[3] 王國輝，馬文強(qiáng).Hibernate 應(yīng)用開發(fā)完全手冊[M].北京：人民郵電出版社，2007.

[4] 孟劼，精通Spring：Java輕量級架構(gòu)開發(fā)實踐[M].北京：人民郵電出版社，2006.

[5] 梁立新.項目實踐精解：基于Struts-Spring-Hibernate的Java應(yīng)用開發(fā)[M].2版.北京：電子工業(yè)出版社，2008.

2）及時更新：假如好友發(fā)布新照片或者新文章后，系統(tǒng)會及時在用戶的操作頁面中提示。而像好友對用戶空間的留言，訪問，對照片以及文章的評論則自動加載到用戶的空間中。

3）最主要的就是系統(tǒng)運(yùn)行方面，要以更快，更穩(wěn)定為原則。

4） 系統(tǒng)要有可擴(kuò)展性，便于將來需求增加時對該系統(tǒng)功能的擴(kuò)展以及日后的維護(hù)工作。

5）本系統(tǒng)，用戶要有登陸，注冊和查看其他用戶資料的權(quán)限。

各部分功能圖如圖1所示。

圖1 系統(tǒng)各部分功能圖

1.3 數(shù)據(jù)庫方面

數(shù)據(jù)庫的制作要遵循一些原則，因為一個好的數(shù)據(jù)庫要做到一些約束和要求。盡量不要將個體的表格之間產(chǎn)生數(shù)據(jù)變動的關(guān)聯(lián)，最好是實體與表格一一對應(yīng)，明白實體所具有的性質(zhì)，以及實體所對應(yīng)的字段是什么，最重要的就是各個實體之間的關(guān)系要明確。實體、性質(zhì)與互相之間的關(guān)系是在初步系統(tǒng)制作時要首先想到的問題，就像本系統(tǒng)的各個功能模塊的劃分一樣，功能表與實體類一定要做到一一對應(yīng)。通過長期的分析而得到用戶實體屬性圖如圖2所示。

圖2 用戶實體屬性圖

2 結(jié)束語

社交網(wǎng)絡(luò)通信在人們的生活中已經(jīng)開始扮演越來越重要的角色，像QQ空間，天涯論壇，百度貼吧，新浪微博等等，通過這些，用戶可以通過Internet網(wǎng)絡(luò)進(jìn)行即時的交流，信息的共享，以及社交，并且在不久的將來，網(wǎng)絡(luò)通信系統(tǒng)必將越來越娛樂化，從而改變?nèi)藗兊纳睢?/p>

參考文獻(xiàn)：

[1] 張鑫，黃燈橋，楊彥強(qiáng)JavaScript凌厲開發(fā)：Ext JS 3詳解與實踐[M].北京：清華大學(xué)出版社，2010：20-100.

[2] 侯志松.Hibernate完全手冊[M].北京：機(jī)械工業(yè)出版社，2008：20-80.

[3] 王國輝，馬文強(qiáng).Hibernate 應(yīng)用開發(fā)完全手冊[M].北京：人民郵電出版社，2007.

[4] 孟劼，精通Spring：Java輕量級架構(gòu)開發(fā)實踐[M].北京：人民郵電出版社，2006.

[5] 梁立新.項目實踐精解：基于Struts-Spring-Hibernate的Java應(yīng)用開發(fā)[M].2版.北京：電子工業(yè)出版社，2008.

2）及時更新：假如好友發(fā)布新照片或者新文章后，系統(tǒng)會及時在用戶的操作頁面中提示。而像好友對用戶空間的留言，訪問，對照片以及文章的評論則自動加載到用戶的空間中。

3）最主要的就是系統(tǒng)運(yùn)行方面，要以更快，更穩(wěn)定為原則。

4） 系統(tǒng)要有可擴(kuò)展性，便于將來需求增加時對該系統(tǒng)功能的擴(kuò)展以及日后的維護(hù)工作。

5）本系統(tǒng)，用戶要有登陸，注冊和查看其他用戶資料的權(quán)限。

各部分功能圖如圖1所示。

圖1 系統(tǒng)各部分功能圖

1.3 數(shù)據(jù)庫方面

數(shù)據(jù)庫的制作要遵循一些原則，因為一個好的數(shù)據(jù)庫要做到一些約束和要求。盡量不要將個體的表格之間產(chǎn)生數(shù)據(jù)變動的關(guān)聯(lián)，最好是實體與表格一一對應(yīng)，明白實體所具有的性質(zhì)，以及實體所對應(yīng)的字段是什么，最重要的就是各個實體之間的關(guān)系要明確。實體、性質(zhì)與互相之間的關(guān)系是在初步系統(tǒng)制作時要首先想到的問題，就像本系統(tǒng)的各個功能模塊的劃分一樣，功能表與實體類一定要做到一一對應(yīng)。通過長期的分析而得到用戶實體屬性圖如圖2所示。

圖2 用戶實體屬性圖

2 結(jié)束語

社交網(wǎng)絡(luò)通信在人們的生活中已經(jīng)開始扮演越來越重要的角色，像QQ空間，天涯論壇，百度貼吧，新浪微博等等，通過這些，用戶可以通過Internet網(wǎng)絡(luò)進(jìn)行即時的交流，信息的共享，以及社交，并且在不久的將來，網(wǎng)絡(luò)通信系統(tǒng)必將越來越娛樂化，從而改變?nèi)藗兊纳睢?/p>

參考文獻(xiàn)：

[1] 張鑫，黃燈橋，楊彥強(qiáng)JavaScript凌厲開發(fā)：Ext JS 3詳解與實踐[M].北京：清華大學(xué)出版社，2010：20-100.

[2] 侯志松.Hibernate完全手冊[M].北京：機(jī)械工業(yè)出版社，2008：20-80.

[3] 王國輝，馬文強(qiáng).Hibernate 應(yīng)用開發(fā)完全手冊[M].北京：人民郵電出版社，2007.

[4] 孟劼，精通Spring：Java輕量級架構(gòu)開發(fā)實踐[M].北京：人民郵電出版社，2006.

[5] 梁立新.項目實踐精解：基于Struts-Spring-Hibernate的Java應(yīng)用開發(fā)[M].2版.北京：電子工業(yè)出版社，2008.