“全映蘇應校園說”校園博客系統的研發

童松鉛 楊艷紅

摘要：“全映蘇應校園說”博客系統詣在將傳統的博客系統融人校園風格，突出校園特色，方便在校師生生活和工作學習上的溝通交流。系統可自適應不同設備，研發過程采用bootstrap兼容設備分辨率，采用echarts實現數據可視化。

關鍵詞：博客校園化;spfingMVC;ssm;bootstrap;echarts

中圖分類號：TP393 文獻標識碼：A

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

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

1系統設計

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

1.1體系結構設計

校園博客系統采用B/S三層體系結構，用戶無需安裝專門的客戶端，不局限于使用設備的分辨率，在瀏覽器輸入域名和項目對外開發的80端口即可訪問。系統的三層體系結構由瀏覽器、tomcat服務器、mysql數據庫組成，主要利用了java，sql，ht-m1語言，spring、jquery框架，jdbc等技術，三層結構利于系統的后期維護和升級，如圖1所示。

1.2系統模塊設計

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

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

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

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

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

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

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

7）瀏覽記錄模塊。系統自動記錄用戶一周內的文章瀏覽情況。用戶可以手動清理這些記錄。

8）校園導航模塊，該模塊可細分為二級學院導航、校園美食導航、校園美景展示、校園交通導航。

具體模塊結構及功能如圖2所示。

2系統研發關鍵部分

2.1 ajax異步數據傳輸

傳統的web開發模式采用前后端高度耦合的jsp技術，使得在提交表單數據時，導致頁面整體刷新，即便有時只需要讓頁面的部分數據刷新，頻繁地刷新頁面會導致用戶體驗下降。ajax是解決這一問題的有效手段，由于是瀏覽器內核的機制，底層依然走http協議，使得Web應用程序更為迅捷地響應用戶交互，并避免了在網絡上發送那些沒有改變的信息。

2.2 ckeditor富文本編輯器

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

2.3 ssm框架

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

3總結

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