童松鉛 楊艷紅
摘要:“全映蘇應(yīng)校園說”博客系統(tǒng)詣在將傳統(tǒng)的博客系統(tǒng)融人校園風(fēng)格,突出校園特色,方便在校師生生活和工作學(xué)習(xí)上的溝通交流。系統(tǒng)可自適應(yīng)不同設(shè)備,研發(fā)過程采用bootstrap兼容設(shè)備分辨率,采用echarts實(shí)現(xiàn)數(shù)據(jù)可視化。
關(guān)鍵詞:博客校園化;spfingMVC;ssm;bootstrap;echarts
中圖分類號(hào):TP393 文獻(xiàn)標(biāo)識(shí)碼:A
文章編號(hào):1009-3044(2020)14-01 18-02
從2007年以來,博客開始滲透進(jìn)社會(huì)的方方面面,然而對(duì)于校園領(lǐng)域的博客卻很少有涉及。在互聯(lián)網(wǎng)上能夠找到的校園博客網(wǎng)站寥寥無幾,并且當(dāng)中的大多數(shù)頁面不夠美觀,開發(fā)方式老舊,理念落后,流程煩瑣,并且在無法兼容移動(dòng)端的樣式?!叭程K應(yīng)校園說”校園博客系統(tǒng)很好地解決了這些問題,在保留博客核心功能的基礎(chǔ)上,面向校園文化,添加在校師生喜聞樂見的校園本土化內(nèi)容,由于完全兼容移動(dòng)端樣式,使得彼此之間的溝通交流更加方便。
1系統(tǒng)設(shè)計(jì)
校園博客運(yùn)用Java和bootstrap技術(shù),使得項(xiàng)目具有很強(qiáng)的跨平臺(tái)性,開發(fā)和部署成本低。學(xué)生和教師都可以實(shí)時(shí)獲取校園中的熱點(diǎn)消息,隨時(shí)隨地在手機(jī)或其他設(shè)備上發(fā)表和記錄自己的看方觀點(diǎn)。
1.1體系結(jié)構(gòu)設(shè)計(jì)
校園博客系統(tǒng)采用B/S三層體系結(jié)構(gòu),用戶無需安裝專門的客戶端,不局限于使用設(shè)備的分辨率,在瀏覽器輸入域名和項(xiàng)目對(duì)外開發(fā)的80端口即可訪問。系統(tǒng)的三層體系結(jié)構(gòu)由瀏覽器、tomcat服務(wù)器、mysql數(shù)據(jù)庫組成,主要利用了java,sql,ht-m1語言,spring、jquery框架,jdbc等技術(shù),三層結(jié)構(gòu)利于系統(tǒng)的后期維護(hù)和升級(jí),如圖1所示。
1.2系統(tǒng)模塊設(shè)計(jì)
校園博客系統(tǒng)分為注冊(cè)模塊、登錄模塊、個(gè)人信息管理模塊、博客模塊、評(píng)論模塊、收藏夾模塊、瀏覽記錄模塊、校園導(dǎo)航模塊,具體如下。
1)登錄模塊。登錄模塊驗(yàn)證了用戶信息的合法性,在用戶登錄成功時(shí)往瀏覽器寫回一個(gè)cookie實(shí)現(xiàn)3天免登錄的功能。
2)注冊(cè)模塊。用戶注冊(cè)時(shí)輸入的非法數(shù)據(jù)會(huì)被攔截,輸入密碼時(shí)顯示當(dāng)前密碼強(qiáng)度、需要輸入隨機(jī)驗(yàn)證碼完成人機(jī)校驗(yàn)、通過smtp協(xié)議來向填寫的郵箱發(fā)送驗(yàn)證碼,并將郵箱與當(dāng)前賬號(hào)完成綁定。注冊(cè)成功后10秒自動(dòng)跳轉(zhuǎn)至登錄頁面。
3)個(gè)人信息模塊。用戶可以修改自己的個(gè)人信息、上傳自己的個(gè)性封面主圖。
4)博客管理模塊模塊。本項(xiàng)目博客劃分為4個(gè)種類型:普通博客、失物招領(lǐng)模塊、閑置物品模塊、趣味投票模塊。該模塊可實(shí)現(xiàn)博客的瀏覽、博客的批量管理、博客的點(diǎn)贊和收藏。
5)評(píng)論模塊。用戶可以評(píng)論文章也可以回復(fù)用戶的評(píng)論、點(diǎn)贊或踩其他用戶的評(píng)論。
6)收藏夾模塊。用戶可以管理收藏夾內(nèi)容、編輯收藏夾名稱、添加收藏夾備注。
7)瀏覽記錄模塊。系統(tǒng)自動(dòng)記錄用戶一周內(nèi)的文章瀏覽情況。用戶可以手動(dòng)清理這些記錄。
8)校園導(dǎo)航模塊,該模塊可細(xì)分為二級(jí)學(xué)院導(dǎo)航、校園美食導(dǎo)航、校園美景展示、校園交通導(dǎo)航。
具體模塊結(jié)構(gòu)及功能如圖2所示。
2系統(tǒng)研發(fā)關(guān)鍵部分
2.1 ajax異步數(shù)據(jù)傳輸
傳統(tǒng)的web開發(fā)模式采用前后端高度耦合的jsp技術(shù),使得在提交表單數(shù)據(jù)時(shí),導(dǎo)致頁面整體刷新,即便有時(shí)只需要讓頁面的部分?jǐn)?shù)據(jù)刷新,頻繁地刷新頁面會(huì)導(dǎo)致用戶體驗(yàn)下降。ajax是解決這一問題的有效手段,由于是瀏覽器內(nèi)核的機(jī)制,底層依然走h(yuǎn)ttp協(xié)議,使得Web應(yīng)用程序更為迅捷地響應(yīng)用戶交互,并避免了在網(wǎng)絡(luò)上發(fā)送那些沒有改變的信息。
2.2 ckeditor富文本編輯器
博客開發(fā)中選擇一款功能強(qiáng)大可擴(kuò)展性高的富文本編輯器是必由之路。ckeditor富文本編輯器作為一款國外的開源程序,不僅功能強(qiáng)大,界面美觀,還有大量的第三方插件支撐,能為用戶提供更豐富的編輯元素和更友好的編輯體驗(yàn)。
2.3 ssm框架
ssm框架是JavaEE開發(fā)常用的一款輕量級(jí)框架。通過Spring的IOC和AOP特性,將對(duì)象之間的依賴關(guān)系交給了spring控制,方便解耦,簡化了開發(fā),使得實(shí)現(xiàn)事務(wù)、日志、權(quán)限的控制更加容易。此外,它還提供了靈活的數(shù)據(jù)驗(yàn)證,格式化,數(shù)據(jù)綁定機(jī)制。
3總結(jié)
“全映蘇應(yīng)校園說”博客系統(tǒng)頁面美觀,開發(fā)方式主流,理念前衛(wèi),綜合運(yùn)用了前后端的主流框架,因地制宜,給校園師生提供了交互友好、功能全面、內(nèi)容豐富、頁面響應(yīng)式、類型多元化、具有校園特色的在線博客系統(tǒng)。該系統(tǒng)開發(fā)和部署成本低,有較強(qiáng)的應(yīng)用需求,能夠很好地在校園推廣使用。