鐘怡旸 郭昱君

摘要：當今，博客網(wǎng)頁管理系統(tǒng)種類繁多，但總是或多或少存在一些不盡人意之處，比如編寫博客不方便、網(wǎng)頁功能少以及網(wǎng)頁頁面過于繁雜等。基于這些情況，該文設計一款全新的博客管理系統(tǒng)，采用Springboot開發(fā)框架、Java語言、Vue前端框架和MySQL數(shù)據(jù)庫，可以實現(xiàn)對博客內(nèi)容的增刪查改、用戶評論、文章分類、留言板等功能，該博客管理系統(tǒng)頁面簡潔、功能齊全，能夠滿足絕大多數(shù)博主的需求。

關(guān)鍵詞：Springboot;博客;網(wǎng)站

中圖分類號：P311.52? ? ? ?文獻標識碼：A 文章編號：2096-4706（2021）07-0018-04

Design and Implementation of Blog Management System Based on Springboot

ZHONG Yiyang，GUO Yujun

（School of Computer and Software，Jincheng College of Sichuan University，Chengdu? 611731，China）

Abstract：Nowadays，there are many blog web page management systems. However，there is always something more or less unsatisfactory，such as inconvenient blog writing，lacking of web page functions and exceedingly complicated web pages. Based on this phenomenon，the thesis designs a new blog management system，which uses Springboot development framework，Java language，Vue front end framework and MySQL database to realize the functions of adding，deleting，checking and modifying blog content，user comments，article classification and message board. The blog management system has simple page and complete functions，which can meet the needs of most bloggers.

Keywords：Springboot;blog;website

收稿日期：2021-03-13

0? 引? 言

隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，人們在網(wǎng)上發(fā)表文章、表達觀點的方式越來越多，博客也成為人們發(fā)表網(wǎng)絡日記的主要方式之一。博客是人們使用相對較多的軟件或網(wǎng)站，它是供用戶在網(wǎng)絡上發(fā)表個人文章的社交平臺，發(fā)表者為博主，博客通常由博主個人管理，不定期更新發(fā)表新文章。博客網(wǎng)站主要是為用戶提供一個社交平臺，可以讓那些興趣愛好相同、工作方向相關(guān)、學習內(nèi)容相近的人有一個共同的社交圈子，博主們可以互相交流、相互評論，所以本文設計了這個平臺。該平臺的搭建對用戶的交互性和平臺數(shù)據(jù)的實時性提出很高的要求。目前市面上有許多博客網(wǎng)站都存在不理想的地方，從使用者的角度來說，頁面過于簡單或繁雜，不夠美觀，導致用戶體驗較差;從博主的角度來說，用于編寫或修改博客的編輯器使用不方便，管理方式不全面。因此，該博客管理系統(tǒng)采用新興互聯(lián)網(wǎng)技術(shù)來解決上述問題，提高用戶的使用體驗，具有廣闊的市場前景。

1? 開發(fā)關(guān)鍵技術(shù)介紹

1.1? Springboot框架的簡介

Springboot是在Spring4.0框架基礎上的再次擴充，通過簡化配置進一步減少開發(fā)人員開發(fā)過程中的工作量。此外，Springboot框架包含很多集成框架，避免了各種不同版本依賴包的沖突，減少了各種引用錯誤的問題。Springboot框架中的兩個核心就是開箱即用和約定大于配置，開箱即用是Springboot之所以被廣泛使用的主要因素之一，只需配置pom文件即可直接使用對應功能。這大大簡化了編程人員的配置工作，使他們可以將更多精力投入到項目的功能開發(fā)上。后者是約定大于邏輯，這表明Springboot本身會提供默認的配置文件，若其自帶的配置符合編程人員的要求，那么我們就不用再去做相應更改，例如，項目中有一個名為user的實體類，對應數(shù)據(jù)庫中就會生成對應表users，當其不符合開發(fā)人員的要求（即需要將其改為“producers”）時，才去修改它，這為項目開發(fā)人員提供了很大的便利。

1.2? Mybatis框架

Mybatis是一個基于Java編程環(huán)境的持久層框架，開發(fā)人員只需提供基本的SQL語句它就可以執(zhí)行SQL查詢，它支持使用注解來實現(xiàn)高級映射。Mybatis提供了XML標簽，需手動配置的參數(shù)和所需的JDBC代碼大大減少，SQL語句寫在XML中，不僅實現(xiàn)了SQL與代碼的分離，后期的維護和管理工作也變得更加方便，此外，還提供了對象關(guān)系映射標簽并支持編寫動態(tài)SQL。

1.3? MySQL數(shù)據(jù)庫

MySQL數(shù)據(jù)庫是當下最受歡迎的數(shù)據(jù)庫，采用標準化SQL語言搭建，具有開源代碼，有運行速度快、安全性高、支持多種平臺、支持多種開發(fā)語言等特點。項目中將博客、用戶、管理員等信息都保存在MySQL數(shù)據(jù)庫的表中。

1.4? Vue前端框架

Vue是一款用于設計視圖層的框架，它主要用來搭建前端的用戶界面，應用簡單，適用于多種平臺。

1.5? Redis存儲系統(tǒng)

Redis存儲系統(tǒng)是一個高效的數(shù)據(jù)庫，用于存儲博客網(wǎng)站中時常變化的數(shù)據(jù)。

2? 開發(fā)語言及開發(fā)工具

本項目使用JAVA語言，它不依賴任何操作系統(tǒng)，具有使用簡單、面向?qū)ο蠛凸δ軓姶蟮奶攸c。SQL語言，用于執(zhí)行數(shù)據(jù)庫操作，對數(shù)據(jù)庫進行查詢和用于程序設計中修改數(shù)據(jù)庫的語言，具有功能豐富、語言簡潔的特點。

開發(fā)工具采用IntelliJ IDEA，其是當下JAVA語言開發(fā)中最流行的開發(fā)工具，IDEA提倡智能化編程，以減少編程人員的工作量，主要體現(xiàn)在代碼自動提示、重構(gòu)、代碼分析等。

3? 博客網(wǎng)站系統(tǒng)的設計與實現(xiàn)

博客網(wǎng)站是博友們互相交流、互相學習的社交網(wǎng)站，它有功能俱全、頁面簡介、博客編寫方便以及管理簡單的特點。其前端模塊包括用戶對博客和評論頁面的瀏覽以及用戶的登錄、注冊、注銷界面，用戶既可以對博客進行評論，又能夠?qū)υu論進行回復。

3.1? 主要功能介紹

主要功能如圖1所示，分為前端模塊和后端模塊，詳細功能為：（1）用戶的登錄、注冊和注銷。用戶進入網(wǎng)站后首先需要登錄賬號，若用戶沒有賬號則需要注冊賬號，在用戶輸入所要求的信息后，系統(tǒng)將用戶數(shù)據(jù)傳入數(shù)據(jù)庫，用戶即可登錄。用戶可以注銷賬號，退出網(wǎng)站登錄。（2）博客、評論及主頁信息的顯示。用戶登錄賬號后可以瀏覽博客以及下方的評論，還可以在主頁面中瀏覽主頁信息。（3）博客評論功能。用戶可以對博客進行評論，評論后他人或自己還能對評論進行回復。（4）文章分類功能。博主可以對自己的博客內(nèi)容進行定義，例如前端、后端等，讓用戶可以方便快捷地找到自己所需的內(nèi)容。（5）博客管理功能。博主可以對自己撰寫的博客內(nèi)容進行基本的增刪查改操作。（6）博客數(shù)據(jù)統(tǒng)計功能。網(wǎng)站可以實時統(tǒng)計博客的數(shù)量、瀏覽量、評論量等。（7）留言板功能。用戶可以在留言板上留言，表達自己對網(wǎng)站的想法或提出建設性的意見。

3.2? 博客系統(tǒng)實現(xiàn)

3.2.1? 前端實現(xiàn)

前端通過Vue框架來構(gòu)建用戶界面，排版數(shù)據(jù)元素，優(yōu)化頁面外觀。MarkDown是用于編寫博客的文檔編輯器。網(wǎng)站首頁用戶界面如圖2所示。

網(wǎng)站首頁前端代碼為：

mode="horizontal">

首頁

文章分類

標簽

文章歸檔

日志

留言板

寫文章

3.2.2? 后端實現(xiàn)

后端通過Mybatis持久層框架自動生成數(shù)據(jù)配置格式、基本實體類的基本方法等。Springboot作為開發(fā)框架，創(chuàng)建controller層（控制層）、service層（服務層）、dao層（訪問層），通過將前端數(shù)據(jù)傳送到controller層，controller層將數(shù)據(jù)映射至service層，service層再將數(shù)據(jù)映射到dao層，dao層通過執(zhí)行基本語句實現(xiàn)對數(shù)據(jù)庫數(shù)據(jù)的增刪查改等操作。

4? 數(shù)據(jù)庫設計

按照ER模型，根據(jù)博客網(wǎng)站系統(tǒng)的需求，本系統(tǒng)數(shù)據(jù)庫共有8張二維表，由于篇幅有限這里只展示主要表，如表1、表2、表3、表4所示。

5? 系統(tǒng)測試

采用黑盒測試方式，黑盒測試就是不關(guān)注其內(nèi)部結(jié)構(gòu)，只看它是否符合所需的規(guī)格。由于篇幅有限，下面僅以博主發(fā)表博客和評論博客為例：（1）測試目的。測試博主能否成功發(fā)表博客和評論博客。（2）功能介紹。博主編寫完博客后可以通過點擊按鈕來發(fā)表博客，發(fā)表博客后用戶就能在相應的博客下方進行評論，輸入評論點擊按鈕發(fā)送之后，就能在博客下方看到評論內(nèi)容了。（3）預期結(jié)果。博客發(fā)表成功，評論成功發(fā)送并能看到評論內(nèi)容。（4）測試結(jié)果。博客評論發(fā)表成功，如圖3、圖4所示。

6? 結(jié)? 論

本文介紹了基于Springboot框架的博客網(wǎng)站系統(tǒng)，應用當下流行的框架與編程語言，充分表現(xiàn)了本系統(tǒng)的界面簡約、功能齊全、易于管理等優(yōu)勢，該網(wǎng)站無論從功能上還是從性能上都可以滿足大部分用戶在博客網(wǎng)站上進行社交活動的需求，但仍存在不足之處，例如其外觀過于單一，后期可以添加博客封面圖片上傳功能，讓博客頁面?zhèn)€性十足，更加美觀。

參考文獻：

[1] 羅路騰，王貴鑫.基于Springboot的博客網(wǎng)站的設計與實現(xiàn) [J].科學技術(shù)創(chuàng)新，2019（33）：64-66.

[2] 李孟津，楊丹.基于SpringBoot的在線招聘網(wǎng)站的設計與實現(xiàn) [J].科學技術(shù)創(chuàng)新，2020（26）：98-99.

[3] 熊永平.基于SpringBoot框架應用開發(fā)技術(shù)的分析與研究 [J].電腦知識與技術(shù)，2019，15（36）：76-77.

[4] 楊偉凡.基于Java技術(shù)平臺的在線考試系統(tǒng)的設計與實現(xiàn) [J].衛(wèi)星電視與寬帶多媒體，2020（3）：99-100.

[5] 王丹，孫曉宇，楊路斌，等.基于SpringBoot的軟件統(tǒng)計分析系統(tǒng)設計與實現(xiàn) [J].軟件工程，2019，22（3）：40-42.

作者簡介：鐘怡旸（2000—），男，漢族，四川成都人，本科在讀，研究方向：Java開發(fā);郭昱君（1994—），女，漢族，山西太原人，碩士研究生，研究方向：管理學。