公務(wù)員期刊網(wǎng) 論文中心 正文

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

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

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

如果把個(gè)人博客網(wǎng)站比作是一個(gè)舞臺(tái),那么其中的表演者就是所有的博客。通過(guò)博客用戶可以把自己有價(jià)值的、積極的一面展示在網(wǎng)絡(luò)世界中,相互交流學(xué)習(xí)。隨著互聯(lián)網(wǎng)技術(shù)的高速發(fā)展以及生活節(jié)奏的加快,博客被越來(lái)越多的人選擇作為學(xué)習(xí)和交流的主要工具。國(guó)內(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é)接收前端頁(yè)面用戶發(fā)送過(guò)來(lái)的請(qǐng)求,然后調(diào)用Model生成用戶所需要的業(yè)務(wù)數(shù)據(jù),最后將數(shù)據(jù)傳遞給View,最終將View響應(yīng)給用戶。

1.2SpringMVC簡(jiǎn)介

SpringMVC是一款基于Java語(yǔ)言編寫并實(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公司推出的一款全新框架,它的目的是用來(lái)簡(jiǎn)化用戶的開發(fā)過(guò)程。它內(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ù)庫(kù)系統(tǒng),主要是用來(lái)在各種軟件項(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)展示模塊主要包括首頁(yè)博客展示、博客分類、博客標(biāo)簽、博客歸檔、博客評(píng)論、作者介紹。后臺(tái)管理模塊主要包括管理員的登錄與退出、博客管理(博客的,修改,刪除,查詢)、博客分類管理、博客標(biāo)簽管理、博客評(píng)論管理。系統(tǒng)總體結(jié)構(gòu)如圖1所示。本系統(tǒng)將使用Java語(yǔ)言為載體,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ù)庫(kù)來(lái)進(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ù)庫(kù)操作數(shù)據(jù),最后通過(guò)表現(xiàn)層將視圖返回用戶。如圖3所示。

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

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

2.3博客編輯

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

3結(jié)束語(yǔ)

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

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