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

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

胡 濤

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

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

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

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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的使用者越來(lái)越多，論壇，BBS出現(xiàn)，在上面可以看到最新的消息，部分網(wǎng)站還能使用戶互相交流。這種從社會(huì)網(wǎng)絡(luò)關(guān)系思想出發(fā)的網(wǎng)站就是社會(huì)性網(wǎng)站，簡(jiǎn)稱SNS，它的全拼是Social Networking Services，就是社會(huì)性網(wǎng)絡(luò)服務(wù)，主要目的是幫助用戶建立社會(huì)性網(wǎng)絡(luò)的Internet應(yīng)用服務(wù)。也可以指之前已出現(xiàn)的信息載體，如短信SNS。不過(guò)從整體上看，中國(guó)的SNS并不是社會(huì)性網(wǎng)絡(luò)服務(wù)，而應(yīng)該是社交網(wǎng)站。這種性質(zhì)的SNS其實(shí)就是學(xué)習(xí)、分享還有交朋友，從大眾化這個(gè)角度出發(fā)的社交網(wǎng)站。

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

1 需求分析

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

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

1.2 功能需求分析

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

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

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

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

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

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

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

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

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

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

圖2 用戶實(shí)體屬性圖

2 結(jié)束語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

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

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

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

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

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

圖2 用戶實(shí)體屬性圖

2 結(jié)束語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

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

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

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

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

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

圖2 用戶實(shí)體屬性圖

2 結(jié)束語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

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