個(gè)人博客網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)淺談

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

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

1個(gè)人博客網(wǎng)站設(shè)計(jì)的相關(guān)技術(shù)介紹

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

1．1MVC架構(gòu)

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

1．2SpringMVC簡(jiǎn)介

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

1．3JavaBean簡(jiǎn)介

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

1．4SpringBoot簡(jiǎn)介

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

1．5MySQL簡(jiǎn)介

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

2個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

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

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

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

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

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

2．3博客編輯

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

3結(jié)束語

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

作者:盧云霞 單位:武昌工學(xué)院