個人博客網(wǎng)站設計與實現(xiàn)淺談

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了個人博客網(wǎng)站設計與實現(xiàn)淺談范文，希望能給你帶來靈感和參考，敬請閱讀。

如果把個人博客網(wǎng)站比作是一個舞臺，那么其中的表演者就是所有的博客。通過博客用戶可以把自己有價值的、積極的一面展示在網(wǎng)絡世界中，相互交流學習。隨著互聯(lián)網(wǎng)技術的高速發(fā)展以及生活節(jié)奏的加快，博客被越來越多的人選擇作為學習和交流的主要工具。國內(nèi)目前也已經(jīng)存在了許多優(yōu)秀的博客平臺，比如新浪博客、網(wǎng)易博客、博客園等。但是有的用戶不希望受這些博客平臺的限制，希望能夠擁有自己的個人博客網(wǎng)站，對自己的博客擁有最大限度的管理權限。因此，個人博客系統(tǒng)也是目前許多用戶的不二之選。

1個人博客網(wǎng)站設計的相關技術介紹

主要開發(fā)工具簡介：

1．1MVC架構(gòu)

MVC的全稱是Model、View、Controller，是模型－視圖－控制器的縮寫，它是一種主流的軟件開發(fā)的模型。它可以把用戶編寫的程序分為Controller、Model、View3個部分，各個部分各司其職，互不干擾。Controller負責接收前端頁面用戶發(fā)送過來的請求，然后調(diào)用Model生成用戶所需要的業(yè)務數(shù)據(jù)，最后將數(shù)據(jù)傳遞給View，最終將View響應給用戶。

1．2SpringMVC簡介

SpringMVC是一款基于Java語言編寫并實現(xiàn)了MVC設計模型的輕量級Web表現(xiàn)層框架，隸屬于Spring公司旗下的一個框架，是目前最主流的Web框架，在開發(fā)的時候也可以和Spring框架非常方便地整合在一起使用。它其實就是MVC設計模型的一種具體的實現(xiàn)方式，它幫助開發(fā)者屏蔽了很多Web開發(fā)的底層代碼，開放出了一些接口，讓開發(fā)者可以非常輕松、便捷的完成基于MVC模型的Web項目的開發(fā)。從而幫助開發(fā)者簡化開發(fā)，提高開發(fā)效率。

1．3JavaBean簡介

JavaBean是在開發(fā)中所需要的實體類。它的特點：首先“類”需要是公共的、每一個字段都要是私有的、必須要有一個空參構(gòu)造方法、對外提供公共的Get－ter和Setter方法。使用JavaBean可以非常方便地幫助用戶封裝一些實體類型，提高用戶的開發(fā)效率。

1．4SpringBoot簡介

SpringBoot是Spring公司推出的一款全新框架，它的目的是用來簡化用戶的開發(fā)過程。它內(nèi)部采用一種約定大于配置的理念，替用戶開啟了各種依賴的自動裝配，從而簡化用戶代碼的開發(fā)，讓用戶不用寫太多的配置文件，甚至可以不寫配置文件，只需要引入相對應的場景啟動器便可以快速搭建一個項目，開箱即用。

1．5MySQL簡介

MySQL是軟件開發(fā)中常用的一款主流的關系型數(shù)據(jù)庫系統(tǒng)，主要是用來在各種軟件項目的開發(fā)中存儲大規(guī)模數(shù)據(jù)以及對數(shù)據(jù)進行各種增刪改查操作。

2個人博客系統(tǒng)的設計與實現(xiàn)

本系統(tǒng)分為前臺展示模塊和后臺管理模塊兩個大模塊。前臺展示模塊主要包括首頁博客展示、博客分類、博客標簽、博客歸檔、博客評論、作者介紹。后臺管理模塊主要包括管理員的登錄與退出、博客管理（博客的，修改，刪除，查詢）、博客分類管理、博客標簽管理、博客評論管理。系統(tǒng)總體結(jié)構(gòu)如圖1所示。本系統(tǒng)將使用Java語言為載體，SpringBoot＋SpringDataJpa等框架作為后臺實現(xiàn)技術，HTML＋JavaScript＋Thymeleaf模板引擎等技術進行前臺展示功能的實現(xiàn)，在數(shù)據(jù)的存儲方面使用了MySQL數(shù)據(jù)庫來進行存儲數(shù)據(jù)，項目的構(gòu)建和管理使用了Maven。整個系統(tǒng)采用MVC設計模型進行開發(fā)。在系統(tǒng)結(jié)構(gòu)上，本系統(tǒng)采用的是主流的B／S架構(gòu)，即瀏覽器（Browser）／服務器（Server）結(jié)構(gòu)，B／S架構(gòu)如圖2所示。

2．1系統(tǒng)分層

本系統(tǒng)主要拆分為3層架構(gòu)，從上到下依次為表現(xiàn)層，業(yè)務層，持久層，用戶的請求首先到達表現(xiàn)層進行處理，表現(xiàn)層再調(diào)用業(yè)務層進行具體的業(yè)務處理，業(yè)務層繼續(xù)調(diào)用持久層去數(shù)據(jù)庫操作數(shù)據(jù)，最后通過表現(xiàn)層將視圖返回用戶。如圖3所示。

2．2系統(tǒng)功能模塊實現(xiàn)

本系統(tǒng)采用了主流的前后端完全分離的項目開發(fā)方式，前端部分主要分為頁面的填充，數(shù)據(jù)的展示和用戶的基本操作。后端部分主要負責接收用戶從前端發(fā)來的請求并進行對應的處理操作，把對應的數(shù)據(jù)等信息以Json的格式響應給前端獲取，然后進行頁面的渲染并顯示。本系統(tǒng)中的用戶信息管理模塊、博客信息管理模塊、留言評論管理模塊、根據(jù)關鍵字模糊查詢博客等模塊的具體實現(xiàn)代碼都在Java目錄下，所有的頁面代碼都在Template目錄下，如圖4所示。每個功能模塊的實現(xiàn)都離不開前后端的相互配合。在前后端分離的開發(fā)方式下，前端與后端相互獨立，完全解耦合，主要以提供Api接口的形式進行Json類型的數(shù)據(jù)交互。2．2．1用戶管理。①管理員登錄。系統(tǒng)管理員登錄模塊主要是需要管理員在前臺登錄頁面輸入賬號密碼，通過點擊表單登錄按鈕將數(shù)據(jù)傳輸?shù)胶笈_，然后后臺與數(shù)據(jù)庫中的數(shù)據(jù)進行比對驗證，數(shù)據(jù)一致則登錄成功轉(zhuǎn)發(fā)到管理頁面，否則登錄失敗，重定向到登錄頁面并返回一個用戶名或密碼錯誤的友好提示。②管理員退出。管理員退出系統(tǒng)主要是管理員首頁面點擊注銷按鈕觸發(fā)一個請求到后臺的注銷登錄模塊，然后后臺清空用戶的登錄數(shù)據(jù)，最后重定向到登錄頁面。2．2．2博客管理。①博客首頁。博客首頁是訪客進入系統(tǒng)后看到的第一個頁面，網(wǎng)站的首頁大致可以分為上中下3個部分。頭部分別是首頁、分類、標簽、歸檔、作者簡介、根據(jù)關鍵字全局搜索博客這6個部分。②個人博客首頁。個人博客首頁是用于顯示管理員的所有博客的頁面，當管理員登錄后便可看到所顯示的信息，未登錄無法進入該頁面。該頁面分為上中下3部分，上邊主要包括博客，分類，標簽，管理員登錄信息及注銷登錄這4個模塊。中間部分主要包括已的所有博客標題、類型、時間、修改博客、刪除博客、新增博客等模塊。下邊是一個公共的部分，主要包括系統(tǒng)管理員的一些個人簡介以及聯(lián)系方式等信息。在這個頁面系統(tǒng)管理員可以根據(jù)博客標題，博客分類等信息查詢自己過的博客，可以在這里新的博客內(nèi)容，也可以對自己以及的博客進行一些修改和刪除等操作。2．2．3留言管理。留言評論管理主要是針對訪客對博客內(nèi)容的留言進行對應的管理，訪客在瀏覽了任意一篇博客以后，都可以在博客的最下方留言區(qū)域?qū)Σ┛瓦M行一個評論，發(fā)表自己的看法等信息，在發(fā)表留言的同時也要輸入自己的姓名和郵箱等信息。系統(tǒng)管理員可以在后臺看到訪客發(fā)表的評論，管理員可以對其進行回復也可以刪除留言，這個功能的實現(xiàn)可以使訪客和博主之間進行交流學習，從而提高用戶的體驗。2．2．4查詢管理。①訪客查詢。訪客進入系統(tǒng)之后便會來到博客首頁中，在首頁的右上角設立了一個搜索欄，訪客可以根據(jù)博客的標題、內(nèi)容、標簽、分類、時間等信息關鍵詞進行檢索自己想要查看的博客，查詢功能的實現(xiàn)主要是采用了數(shù)據(jù)庫模糊查詢的方式，根據(jù)訪客提交的關鍵詞去數(shù)據(jù)庫中檢索信息，把符合條件的博客顯示出來供訪客瀏覽，從而提升訪客的體驗效果。②管理員查詢。當系統(tǒng)管理員登錄之后，便會來到管理員頁面。在這個頁面會顯示管理員以及過的所有博客信息，比如博客的標題、類型、狀態(tài)、時間等等一些信息。管理員在這個頁面中可以根據(jù)博客的標題，發(fā)哪類，是否被推薦等信息模糊批查詢以及過的所有博客。

2．3博客編輯

在博客的編輯頁面，本系統(tǒng)采用的是主流的MarkDown語法格式。博客的編輯工具欄提供了一些常用的Mark－down語法操作?？梢酝ㄟ^點擊該工具欄對應的按鈕對博客內(nèi)容的樣式進行快速排版，通過使用快捷工具欄可以免去手動輸入常用的Markdown語法的繁瑣步驟，同時也可以幫助不熟悉Markdown語法的用戶也能快速的使用Markdown語法對自己的博客進行快速排版。

3結(jié)束語

隨著以后研究的不斷深入，本系統(tǒng)還有一些功能模塊需要進一步優(yōu)化和補充，使得本系統(tǒng)的功能更加的全面和強大，視覺體驗和用戶交互也更加的美觀和人性，讓用戶使用起來更加方便。

作者:盧云霞 單位:武昌工學院