【正文】 $(this).find(39。60px39。039。039。img39。:39。:39。:39。:39。,marginTop:39。 $(39。span class=title39。0px39。100px39。50%39。60px39。})。+)} $(this).hover(function(){$(this).css({39。altAnim: 39。e(39。+)。altAnim: 39。e(39。+)。altAnim: 39。e(39。amp。 }else{ (input_validationfailed)。 (tip_bak)。 } if(action_type == add){ if((is_tip_null) == yes){ (tip,msg)。 change_tip(obj,null,remove)。 if(!(objValue)){ change_error_style(obj,add)。 })。 if(typeof(isExtendsValidate) != undefined){ if(isSubmit amp。 $(form).submit(function(){ var isSubmit = true。 $(pvtip).css(top, top+px).css(left, left+px)。 } } ).mousemove( function(e) { if($(this).attr(39。).bgiframe()。pvtip39。) + 39。).append( 39。) != undefined){ var top = ( + yOffset)。}附A4 注冊(cè)驗(yàn)證函數(shù)代碼$(function(){ var xOffset = 20。 var left=().left。 $(faceContent_+oid).hide()。 $(faceContent_+oid).css(top,(top+h)+px).css(left,left+px).show()。 var oid=。 }else{ $(my_face_+id).html()。javascript:void(0)39。 for(var i=1。 $(body).append($(_div).html(msg))。/div。}/style msg+=div class=39。 background:url(+faceUrl+) norepeat center center fff。margin:1px 1px。paddingbottom:6px。display:。 var msg=style.faceContent{width:364px。 ()}//頭像路徑var faceUrl=images/emotions/。 $(feed+index).val()。附A3：插入表情核心代碼function show(index){ new Face(feed+index).show() }function hide(index){ removeFace(feed+index)。]。]。)。 }。Reilly. What Is Web Patterns and Business Models for the Next Generation of Software[EB/OL]. ,2005930[3] Boyd d. m., amp。，由于沒有對(duì)好友進(jìn)行分類標(biāo)記，系統(tǒng)只能在所有好友中逐個(gè)搜索，一旦用戶好友數(shù)增多，無疑降低了系統(tǒng)響應(yīng)速度，用戶體驗(yàn)不夠理想。 展望本系統(tǒng)的基本功能雖已實(shí)現(xiàn)，但仍有諸多地方需要改進(jìn)，主要在以下幾個(gè)方面：，而由于系統(tǒng)在個(gè)人設(shè)置時(shí)并未提供這一選擇，現(xiàn)階段只能在所有用戶中隨機(jī)選取。 ，對(duì)本系統(tǒng)的核心技術(shù)，如Ajax，jQuery，SSH框架做了闡述。依托同學(xué)的力量將用戶粘住，提高用戶的活躍性，從而反作用于“圈子”，這樣所形成的良性的循環(huán)式發(fā)展。本文的主要工作為以下幾個(gè)方面：，突出群體智慧的理念和技術(shù)方面的特性，和博客，微博，SNS等應(yīng)用。這部分詳細(xì)代碼見附A5。params這一參數(shù)為一組包含作為動(dòng)畫屬性和終值的樣式屬性和及其值的集合，如top，width等css常見屬性。對(duì)尺寸做修改后，每行顯示6張圖片，每張大小為60*60像素。(a)(b) 登陸頁(yè)面照片墻展示當(dāng)鼠標(biāo)移動(dòng)到照片區(qū)域時(shí)，圖片放大，并突出顯示，下方提供用戶名字。jQuery的特點(diǎn)之一就是它提供了豐富的插件，可實(shí)現(xiàn)多種功能，如表單驗(yàn)證、tab導(dǎo)航、拖放效果、表格排序、DataGrid，樹形菜單、圖像特效以及ajax上傳等，甚至一些許多類似flash的效果都可以實(shí)現(xiàn)，又避免了flash需要長(zhǎng)時(shí)間載入的問題。頁(yè)面使用該控件的方法與注冊(cè)頁(yè)面類似，將開始時(shí)間輸入框的id設(shè)為from，結(jié)束時(shí)間的id設(shè)為to，并在頭部文件中加入設(shè)置顯示月份個(gè)數(shù)等的Jquery函數(shù)即可。 }) 登陸頁(yè)面日歷控件效果默認(rèn)的datepicker控件可供選擇的年份范圍是10年，在實(shí)際運(yùn)用中不能滿足要求。 日歷控件具體使用jQuery UI中這一控件有多種樣式，適應(yīng)不同需求。這套插件具有這樣一些特點(diǎn)：1. 簡(jiǎn)單易用，繼承jQuery簡(jiǎn)易的特性，提供高度抽象接口；2. 兼容各主流桌面瀏覽器，包括IE 6+、Firefox 2+、Safari 3+、Opera9+、Chrome 1+。同時(shí)，也避免了系統(tǒng)因?yàn)椴缓戏ǖ妮斎朐斐傻牟豢深A(yù)期的錯(cuò)誤，降低了系統(tǒng)處理出錯(cuò)信息的成本。這兩個(gè)函數(shù)通過判斷action_type的值對(duì)obj進(jìn)行屬性和類的設(shè)定和刪除，達(dá)到顯示不同效果的目的。參數(shù) 注冊(cè)驗(yàn)證功能模塊圖示用戶的鼠標(biāo)在輸入框之外的區(qū)域點(diǎn)擊時(shí)，輸入框的blur事件被觸發(fā)，調(diào)用validate函數(shù)，具體代碼見附A4。 用戶注冊(cè)順序圖通過定位鼠標(biāo)當(dāng)前的X軸Y軸位置，得到提示框pvtip的top和left值，用append（）函數(shù)將提示框追加到頁(yè)面相應(yīng)位置。 注冊(cè)驗(yàn)證實(shí)現(xiàn)思路當(dāng)用于鼠標(biāo)移動(dòng)到每個(gè)輸入框時(shí)，通過編寫hover（handlerIn，handlerOut）事件的兩個(gè)參數(shù)，即鼠標(biāo)移動(dòng)到控件，和移出控件時(shí)引發(fā)的函數(shù)，顯示輸入提示。詳細(xì)代碼參見附A3。單個(gè)表情圖片的顯示，利用for循環(huán)將指定文件夾中的表情樣式添加至表情面板中。這部分的核心代碼見附A2。當(dāng)focus事件被觸發(fā)后，用next（），用show（）函數(shù)將其顯示，這樣，回復(fù)面板就徹底展開了。這些功能的實(shí)現(xiàn)大致思路為：控制DOM對(duì)象中的textarea，通過focus()函數(shù)實(shí)現(xiàn)展開和收起，通過keyup()事件判斷輸入字?jǐn)?shù)；通過表情按鈕的onclick()事件，繪制表情面板，將選擇的表情顯示在textarea中；通過submit()函數(shù)將textarea中的內(nèi)容顯示在頁(yè)面中。 系統(tǒng)用例圖第四章 Ajax技術(shù)和jQuery在SNS網(wǎng)站前端設(shè)計(jì)與實(shí)現(xiàn)中的運(yùn)用 好友狀態(tài)回復(fù)功能在SNS交友平臺(tái)中，用戶可以隨時(shí)發(fā)布個(gè)人狀態(tài)，并顯示在該用戶好友的首頁(yè)，好友對(duì)其狀態(tài)進(jìn)行回復(fù)，達(dá)到和用戶交流的目的。 系統(tǒng)用例圖。用戶也可以在我的分享中查看、刪除自己分享過的所有信息。：用戶可以向其他用戶申請(qǐng)加為好友，也可以同意別人發(fā)給自己的好友申請(qǐng)。6. 收藏管理：收藏功能主要展示用戶用于交易的物品，可以為實(shí)物用品或者虛擬用品。（5）賬號(hào)管理：用戶可以在賬號(hào)管理功能中修改密碼和停用賬號(hào)、恢復(fù)使用賬號(hào)。（2）個(gè)人資料：用戶可以查看、修改個(gè)人資料。系統(tǒng)檢驗(yàn)用戶的各項(xiàng)輸入是否合法，如果不合法，彈出提示信息，要求重新填寫。： 產(chǎn)品環(huán)境拓?fù)鋱D 系統(tǒng)功能概述 功能圖示和描述：用戶特征：注冊(cè)用戶：登錄前臺(tái)系統(tǒng)，根據(jù)不同的用戶權(quán)限，進(jìn)行相關(guān)的操作。消除了組件對(duì)象創(chuàng)建與使用耦合緊密的問題。在JDBC的方式上進(jìn)行輕量級(jí)對(duì)象封裝。Struts框架是基于MVC(modelvieweontroller)模式的框架，是Apache軟件基金會(huì)旗下的Jakarta項(xiàng)目組的一部分，是一個(gè)免費(fèi)開源的Web層的應(yīng)用框架，在傳統(tǒng)的開發(fā)巾主要采用JSP與Servlet技術(shù)實(shí)現(xiàn)，把Servlet，JSP及自定義標(biāo)簽和信息資源整合到一個(gè)統(tǒng)一的框架中，關(guān)注于控制器的流程而開發(fā)人員只需開發(fā)相應(yīng)的Action類、ActionFormBean和JSP組件，就可以套用Struts框架，進(jìn)行項(xiàng)目的開發(fā)。首先到j(luò)Query官方網(wǎng)站（）下載jQuery的最先版本。利用iQuery豐富的函數(shù)庫(kù)，可以減少代碼的重復(fù)編寫及DOM腳本庫(kù)的調(diào)用。jQuery是一個(gè)優(yōu)秀的JavaScript庫(kù)．是一個(gè)由John Resig創(chuàng)建于2006年1月的開源項(xiàng)目。Javascript在Ajax中的作用具體體現(xiàn)在以下幾個(gè)方面：。樣式表可以定義一些明顯的樣式元素，例如顏色、邊框、背景圖片、透明度和大小等。所有Web開發(fā)人員可操作及建立文件的屬性、方法及事件都以對(duì)象來展現(xiàn)(例如，Docmunet就代表“文件本身”這個(gè)對(duì)象，Table對(duì)象則代表HTML的表格對(duì)象等等)。它的出現(xiàn)彌補(bǔ)了HTML語(yǔ)言的缺陷，它是Java與HTML折衷的選擇。2．JavaScript:是一種基于對(duì)象(object)和事件驅(qū)動(dòng)并具有安全性能的腳本語(yǔ)言。然而Ajax并不是一種新的技術(shù)，而是一些傳統(tǒng)技術(shù)的組合，每種技術(shù)都有其獨(dú)特之處。接下來，將介紹本系統(tǒng)的功能以及開發(fā)環(huán)境，并進(jìn)一步介紹核心技術(shù)。按需更新頁(yè)面, 我們不再需要去刷新整個(gè)頁(yè)面,哪里需要刷新就刷新哪里, 大大降低傳輸?shù)臄?shù)據(jù)量,增強(qiáng)交互性。Ajax 可以彌補(bǔ)這種操作性上的缺失。這樣的處理在某些情況下能夠給用戶帶來較好的用戶體驗(yàn)。用戶通過相同的愛好，需求，形成一個(gè)一個(gè)的圈子，互相影響，形成對(duì)交流平臺(tái)的依賴性。 研究?jī)?nèi)容和技術(shù)本系統(tǒng)具備SNS社區(qū)的主要功能模塊，為用戶提供網(wǎng)絡(luò)交流平臺(tái)，通過瀏覽和分享好友的資源，查看好友最新動(dòng)態(tài)，給好友留言等方式增強(qiáng)聯(lián)系，達(dá)到社交目的。6. 方便個(gè)性化設(shè)置（suitability for individualization）：用戶界面軟件應(yīng)當(dāng)為不同需求，用戶偏好以及用戶水平提供相應(yīng)調(diào)整。2. 一目了然（Selfdescriptiveness）：人機(jī)的每一次交互應(yīng)通過系統(tǒng)提示或解釋性提示使用戶能立即了解交互目的。一個(gè)友好而美觀的界面會(huì)給人帶來舒適的視覺享受，拉近人與電腦的距離。廣義上的人機(jī)交互包括硬件和軟件兩種。另外，在項(xiàng)目中還要彌補(bǔ)設(shè)計(jì)師在交互設(shè)計(jì)上的不足，前端工程師在開發(fā)過程中起著重要的承上啟下的作用。依托圈子的力量將用戶粘住，提高用戶的活躍性，從而反作用于“圈子”，這樣所形成的良性的循環(huán)式發(fā)展，比一味靠炒作的噱頭而短期增加用戶的手段要長(zhǎng)遠(yuǎn)得多。資本市場(chǎng)的行動(dòng)隨之引發(fā)連鎖效應(yīng)，到目前為止，國(guó)內(nèi)SNS服務(wù)提供商超過100家。這一時(shí)期資本市場(chǎng)高度關(guān)注SNS市場(chǎng)，風(fēng)投不斷注入；SNS理念、經(jīng)營(yíng)思路、產(chǎn)品嚴(yán)重同質(zhì)化，即以校內(nèi)用戶為主，更模仿facebook，但沒有facebook豐富的應(yīng)用開發(fā)平臺(tái)，如音樂、視頻等。這一階段SNS概念處于被認(rèn)知和等待普及階段，SNS服務(wù)單一，更多被當(dāng)作一種降低聯(lián)絡(luò)成本的工具來使用。：1999年，被認(rèn)為是SNS概念最早的倡導(dǎo)