“全映蘇應(yīng)校園說”校園博客系統(tǒng)的研發(fā)

童松鉛 楊艷紅

摘要：“全映蘇應(yīng)校園說”博客系統(tǒng)詣在將傳統(tǒng)的博客系統(tǒng)融人校園風(fēng)格，突出校園特色，方便在校師生生活和工作學(xué)習(xí)上的溝通交流。系統(tǒng)可自適應(yīng)不同設(shè)備，研發(fā)過程采用bootstrap兼容設(shè)備分辨率，采用echarts實現(xiàn)數(shù)據(jù)可視化。

關(guān)鍵詞：博客校園化;spfingMVC;ssm;bootstrap;echarts

中圖分類號：TP393 文獻標(biāo)識碼：A

文章編號：1009-3044（2020）14-01 18-02

從2007年以來，博客開始滲透進社會的方方面面，然而對于校園領(lǐng)域的博客卻很少有涉及。在互聯(lián)網(wǎng)上能夠找到的校園博客網(wǎng)站寥寥無幾，并且當(dāng)中的大多數(shù)頁面不夠美觀，開發(fā)方式老舊，理念落后，流程煩瑣，并且在無法兼容移動端的樣式。“全映蘇應(yīng)校園說”校園博客系統(tǒng)很好地解決了這些問題，在保留博客核心功能的基礎(chǔ)上，面向校園文化，添加在校師生喜聞樂見的校園本土化內(nèi)容，由于完全兼容移動端樣式，使得彼此之間的溝通交流更加方便。

1系統(tǒng)設(shè)計

校園博客運用Java和bootstrap技術(shù)，使得項目具有很強的跨平臺性，開發(fā)和部署成本低。學(xué)生和教師都可以實時獲取校園中的熱點消息，隨時隨地在手機或其他設(shè)備上發(fā)表和記錄自己的看方觀點。

1.1體系結(jié)構(gòu)設(shè)計

校園博客系統(tǒng)采用B/S三層體系結(jié)構(gòu)，用戶無需安裝專門的客戶端，不局限于使用設(shè)備的分辨率，在瀏覽器輸入域名和項目對外開發(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)的后期維護和升級，如圖1所示。

1.2系統(tǒng)模塊設(shè)計

校園博客系統(tǒng)分為注冊模塊、登錄模塊、個人信息管理模塊、博客模塊、評論模塊、收藏夾模塊、瀏覽記錄模塊、校園導(dǎo)航模塊，具體如下。

1）登錄模塊。登錄模塊驗證了用戶信息的合法性，在用戶登錄成功時往瀏覽器寫回一個cookie實現(xiàn)3天免登錄的功能。

2）注冊模塊。用戶注冊時輸入的非法數(shù)據(jù)會被攔截，輸入密碼時顯示當(dāng)前密碼強度、需要輸入隨機驗證碼完成人機校驗、通過smtp協(xié)議來向填寫的郵箱發(fā)送驗證碼，并將郵箱與當(dāng)前賬號完成綁定。注冊成功后10秒自動跳轉(zhuǎn)至登錄頁面。

3）個人信息模塊。用戶可以修改自己的個人信息、上傳自己的個性封面主圖。

4）博客管理模塊模塊。本項目博客劃分為4個種類型：普通博客、失物招領(lǐng)模塊、閑置物品模塊、趣味投票模塊。該模塊可實現(xiàn)博客的瀏覽、博客的批量管理、博客的點贊和收藏。

5）評論模塊。用戶可以評論文章也可以回復(fù)用戶的評論、點贊或踩其他用戶的評論。

6）收藏夾模塊。用戶可以管理收藏夾內(nèi)容、編輯收藏夾名稱、添加收藏夾備注。

7）瀏覽記錄模塊。系統(tǒng)自動記錄用戶一周內(nèi)的文章瀏覽情況。用戶可以手動清理這些記錄。

8）校園導(dǎo)航模塊，該模塊可細分為二級學(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ù)時，導(dǎo)致頁面整體刷新，即便有時只需要讓頁面的部分?jǐn)?shù)據(jù)刷新，頻繁地刷新頁面會導(dǎo)致用戶體驗下降。ajax是解決這一問題的有效手段，由于是瀏覽器內(nèi)核的機制，底層依然走http協(xié)議，使得Web應(yīng)用程序更為迅捷地響應(yīng)用戶交互，并避免了在網(wǎng)絡(luò)上發(fā)送那些沒有改變的信息。

2.2 ckeditor富文本編輯器

博客開發(fā)中選擇一款功能強大可擴展性高的富文本編輯器是必由之路。ckeditor富文本編輯器作為一款國外的開源程序，不僅功能強大，界面美觀，還有大量的第三方插件支撐，能為用戶提供更豐富的編輯元素和更友好的編輯體驗。

2.3 ssm框架

ssm框架是JavaEE開發(fā)常用的一款輕量級框架。通過Spring的IOC和AOP特性，將對象之間的依賴關(guān)系交給了spring控制，方便解耦，簡化了開發(fā)，使得實現(xiàn)事務(wù)、日志、權(quán)限的控制更加容易。此外，它還提供了靈活的數(shù)據(jù)驗證，格式化，數(shù)據(jù)綁定機制。

3總結(jié)

“全映蘇應(yīng)校園說”博客系統(tǒng)頁面美觀，開發(fā)方式主流，理念前衛(wèi)，綜合運用了前后端的主流框架，因地制宜，給校園師生提供了交互友好、功能全面、內(nèi)容豐富、頁面響應(yīng)式、類型多元化、具有校園特色的在線博客系統(tǒng)。該系統(tǒng)開發(fā)和部署成本低，有較強的應(yīng)用需求，能夠很好地在校園推廣使用。