【正文】 I=。domain=+c。 }。 =i+=+escape(l)+O+I。 }, readStyle:function(I,l){ if([l]){ return [l] }else if(){ return [l]。 }else if(amp。amp。){ var i=(I,null)。 return (l)。 }else{ return null。 } } 輪播切換設(shè)計(jì) 圖層輪播切換技術(shù)采用純 JS 技術(shù)編寫，實(shí)現(xiàn)頁面動(dòng)畫效果。主要代碼如下： NextPrev:function(e){ var btnClass =$( || ).attr(class)。 //alert(btnClass)。 btnClass==prev?tag = 1:tag = 1。 var src = $(.productimg img).attr(src)。 var newSrc = (0,5)。 var n = parseInt((5,4))。 n+=tag。 n?n=:n。 n?n=:n。 //alert(n)。 $(.productimg img).attr(src,newSrc+n+.jpg)。 } 平移圖層 圖層平移一般應(yīng)用在詳情頁面，當(dāng)用戶需要對象應(yīng)商品進(jìn)行更深層次的了解 21 時(shí)，需仔細(xì)查看圖層的各個(gè)細(xì)節(jié)，其平移位置根據(jù)鼠標(biāo)的位置而定。部分代碼如下： maskMove:function(e){ var x = 。 var y = 。 var left = x 。 var top = y 。 left = left=0?0:left。 left=?:left。 top = top=0?0:top。 top=?:top。 $(mask).css({ left:left+110, top:top+170 })。 } 分頁技術(shù) 當(dāng)商品類型過多時(shí)，需對商品展示進(jìn)行分頁展示。先統(tǒng)計(jì)數(shù)據(jù)庫中商品的總數(shù)，在根據(jù)頁面展示的數(shù)量大小進(jìn)行分頁顯示 0。主要代碼如下： PageSetProduct pageSetBean=new PageSetProduct()。 (1)。 (page)。 //設(shè)置當(dāng)前頁數(shù) int limit=8。 //設(shè)置當(dāng)前顯示記錄數(shù) (limit)。 int numberCount=0。 //總記錄數(shù) numberCount=(gid)。 (numberCount)。 int pageCount=0。 //總頁數(shù) if(numberCount%limit==0){ pageCount=numberCount/limit。 }else{ pageCount=(numberCount/limit)+1。 } (pageCount)。 int begin=(page1)*limit。 //設(shè)置數(shù)據(jù)集合 ListProduct list=(gid,begin,limit)。 (list)。 return pageSetBean。 郵箱激活 用戶注冊時(shí)進(jìn)行驗(yàn)證碼激活。主要代碼如下： public static void sendEmail(String into,String codeNumber){ Properties p=new Properties()。 (,localhost)。 22 Session session=(p,new Authenticator(){ @Override protected getPasswordAuthentication() { return new PasswordAuthentication(, 123)。 }。 })。 Message message =new MimeMessage(session)。 try { (new InterAddress())。 (, new InterAddress(into))。 ()。 (h1/h1br/a href=39。, text/html。charset=UTF8)。 (message)。 } catch (AddressException e) { // TODO Autogenerated catch block ()。 } catch (MessagingException e) { // TODO Autogenerated catch block ()。 } } 23 結(jié)論 經(jīng)過這三個(gè)月的畢業(yè)設(shè)計(jì)，我完成了 flea market 網(wǎng)站，即該網(wǎng)站從分析、設(shè)計(jì) 到實(shí)現(xiàn)的三個(gè)過程。在設(shè)計(jì)過程中，通過相關(guān)資料的查閱、同學(xué)經(jīng)驗(yàn)的交流、自學(xué)以及請教老師等方式敦促自己學(xué)到更多知識，并大大提高了實(shí)際操作能力。讓我十分享受在設(shè)計(jì)過程中所遇到的艱苦和成功帶來的喜悅。 同時(shí)，通過開發(fā)這個(gè)網(wǎng)站讓我對軟件工程設(shè)計(jì)方面有了更深層次的理解，在前期需求分析和數(shù)據(jù)可設(shè)計(jì)時(shí)，沒有很好的理解其相關(guān)性，導(dǎo)致后期在開發(fā)過程中出現(xiàn)框架設(shè)計(jì)錯(cuò)誤，自己只能邊設(shè)計(jì)邊修改需求方案，最終在老師和自己的合理調(diào)整后解決了相應(yīng)的問題，這是在今后項(xiàng)目開發(fā)是需要謹(jǐn)記得教訓(xùn)。 在實(shí)際項(xiàng)目開發(fā)過程中，由于時(shí)間和本人缺乏系統(tǒng)設(shè)計(jì) 經(jīng)驗(yàn)，因此網(wǎng)站依然存在一些遺憾和不足，比如驗(yàn)證的嚴(yán)謹(jǐn)性、瀏覽器之間的兼容性、后臺操作的準(zhǔn)確性等問題。盡管存在諸多問題，但在次過程中學(xué)到的東西是最大收獲和財(cái)富，且讓我終身受益。 24 參考文獻(xiàn) [1] 冀振燕 ． UML系統(tǒng)分析與設(shè)計(jì)教程 [M]．北京： 人民郵電 出版社， 2021. [2] 錢樂秋 .軟件工程 [M].清華大學(xué)出版社， 2021. [3] Baron Schwartz 等 .高性能 MySQL 第三版 [M].電子工業(yè)出版社， . [4] 陳華 .Ajax 從入門到精通 [M].清華大學(xué)出版社， 2021. [5] 劉克強(qiáng) .電子商務(wù)平臺建設(shè) [M].人民郵電出版社， 2021. [6] 鄭阿奇 . SQL Server 數(shù)據(jù)庫教程 [M].北京：人民郵電出版社， 2021. [7] 魏雪萍 .完美網(wǎng)站建設(shè)全能 [M].人民郵電出版社， 2021. [8] 陳雄化 林開雄 . 企業(yè)應(yīng)用開發(fā)實(shí)戰(zhàn) [M]. 電子工業(yè)出版社， . [9] 劉京華 .Java Web 整合開發(fā)王者歸來 [M].清華大學(xué)出版社， . [10]葛一鳴等 .Java 程序性能優(yōu)化 [M].清華大學(xué)出版社， . 25 致 謝 經(jīng)過幾 個(gè) 月的忙碌和學(xué)習(xí)中，畢業(yè)設(shè)計(jì)也即將結(jié)束，作為一名本科生畢業(yè)設(shè)計(jì)，因經(jīng)驗(yàn)不足，難免有諸多考慮不周的地方，在此衷心感謝李艷梅老師給予我的督促指導(dǎo)，對于網(wǎng)站設(shè)計(jì)有了更多新認(rèn)識，對基本網(wǎng)站設(shè)計(jì)有進(jìn)一步認(rèn)識，對網(wǎng)站整體設(shè)計(jì)脈絡(luò)了解更為清晰透徹；以及感謝各位同伴的支持與鼓舞，使得這次畢業(yè)設(shè)計(jì)順利完成。 畢業(yè)設(shè)計(jì)，可以很好地總結(jié)大學(xué)四年中收獲、認(rèn)知。與此同時(shí)，幫助改變一些處理事情時(shí)的懶惰。從最開始的材料收集，整理資料，題目構(gòu)思與確定，到網(wǎng)站設(shè)計(jì)以及搭建。每一步都需精心思考，認(rèn)真查閱資料，仔細(xì)實(shí)際操作。 通過畢業(yè)設(shè)計(jì)，讓我深刻領(lǐng)會(huì)到基礎(chǔ)的重要性。它不僅幫助檢驗(yàn)學(xué)生大學(xué)期間的學(xué)習(xí)成果，還可幫助我們更加清楚地認(rèn)識自我，更多地磨練我們的意志與耐性，這會(huì)為我們今后的工作、生活帶來巨大幫助。 最后，再次感謝李艷梅老師給予我的耐心、細(xì)致、全面的指導(dǎo)，感謝關(guān)心和鼓勵(lì)我的同伴們，感謝學(xué)校老師、領(lǐng)導(dǎo)，感謝你們給予我的幫助與關(guān)懷 ；感謝西華師范大學(xué)計(jì)算機(jī)學(xué)院四年來為我提供良好的學(xué)習(xí)環(huán)境。