徐鵬飛 朱清澤

【摘要】該網(wǎng)站使用的是Java語(yǔ)言，綜合應(yīng)用主流Ajax客戶端技術(shù)，Java Web框架技術(shù)（Springboot、Spring和hibernate等框架），MySQL數(shù)據(jù)庫(kù)技術(shù)，軟件測(cè)試技術(shù)，網(wǎng)站部署與發(fā)布等技術(shù)，采用MVC開發(fā)模式，穩(wěn)定快捷，可以多模塊同時(shí)開發(fā)，前后端分離，易于維護(hù)和拓展新功能。數(shù)據(jù)庫(kù)使用的是MySQL，開源免費(fèi)，使用起來(lái)很方便，使用DBCP數(shù)據(jù)庫(kù)連接池進(jìn)行連接。要實(shí)現(xiàn)的模塊有用戶模塊、管理員模塊、文章模塊、后臺(tái)管理模塊以及在線聊天功能。

【關(guān)鍵詞】框架技術(shù);開發(fā)模式;連接池;在線聊天

1. 背景與意義

隨著社會(huì)水平的提高，如今的社會(huì)要求每一位公民擁有更高的文化水平和個(gè)人素質(zhì)，而且，隨著社會(huì)的需求，人們也是在通過(guò)各種方法去學(xué)習(xí)，網(wǎng)絡(luò)作為當(dāng)前時(shí)代信息傳播的主題，打造一個(gè)綠色、文明、和諧、健康、富有文化底蘊(yùn)的網(wǎng)站是一個(gè)良好的選擇。文學(xué)網(wǎng)站還是有很多的，但大部分都是小說(shuō)網(wǎng)站，只能作為打發(fā)時(shí)間的娛樂(lè)網(wǎng)站，而國(guó)內(nèi)專做文學(xué)的網(wǎng)站的并不在多，還有一部分是盜版網(wǎng)站，對(duì)用戶的隱私、版權(quán)等個(gè)人權(quán)利安全等方面沒有保障，然而那些專業(yè)性很強(qiáng)的詩(shī)詞網(wǎng)或者文學(xué)網(wǎng)的門檻很高，這些網(wǎng)站確實(shí)很不錯(cuò)，為了突出自己網(wǎng)站的優(yōu)勢(shì)，我選擇了這一個(gè)題材。

2. 開發(fā)環(huán)境及工具

軟件環(huán)境：Win10操作系統(tǒng)，java環(huán)境，JDK1.8。

開發(fā)工具：Idea 2018，Visual Studio Code 2015，MySQL數(shù)據(jù)庫(kù)，Navicat，Visio2013。

3. 可行性分析

可行性研究的目的就是用最少的費(fèi)用制作出最適合的軟件，通過(guò)大量的分析，設(shè)計(jì)出合理的方案，降低開發(fā)中可能出現(xiàn)的問(wèn)題。一般來(lái)說(shuō)，至少應(yīng)該從下述三方面研究每種解法的可行性。

3.1 操作的可行性分析

首先用戶所看到的就是網(wǎng)站的頁(yè)面，注冊(cè)登錄和首頁(yè)這些內(nèi)容，前端頁(yè)面使用HTML，比較美觀，然后后端使用java語(yǔ)言，強(qiáng)大的后端支持，用戶可以隨便操作，在登陸之后進(jìn)入首頁(yè)，首頁(yè)功能顯示完整，使用戶能夠迅速了解該網(wǎng)站的功能，知道如何去操作。

3.2 社會(huì)可行性分析

喜歡文學(xué)的人更是不計(jì)其數(shù)，而相關(guān)的網(wǎng)站又不多或者是還不能夠達(dá)到用戶的需求，在這個(gè)強(qiáng)大背景的支持之下，開發(fā)一個(gè)文學(xué)網(wǎng)站完全是行得通的。

3.3 技術(shù)可行性分析

此次我選擇的后端語(yǔ)言是java，java是現(xiàn)在十分成熟的語(yǔ)言，框架技術(shù)更是對(duì)網(wǎng)站開發(fā)十分有利，選擇時(shí)代主流框架和熱門軟件進(jìn)行開發(fā)，查閱資料比較方便，可以快速上手。

4. 結(jié)構(gòu)設(shè)計(jì)

系統(tǒng)界面的設(shè)計(jì)主要是根據(jù)需求分析進(jìn)行總結(jié)，分析主界面與各個(gè)子界面之間的關(guān)系，確定系統(tǒng)界面的幾個(gè)主要部分涉及到的功能點(diǎn)。系統(tǒng)主界面包括：注冊(cè)登錄界面、前臺(tái)系統(tǒng)顯示主界面、后臺(tái)系統(tǒng)管理主界面。

4.1 注冊(cè)登錄界面設(shè)計(jì)

功能：主要作為用戶與管理員兩個(gè)不同角色進(jìn)入不同功能系統(tǒng)前進(jìn)行身份認(rèn)證的主要入口，對(duì)用戶和管理員兩個(gè)不同角色權(quán)限設(shè)置。

4.2 前臺(tái)系統(tǒng)顯示主頁(yè)面設(shè)計(jì)

功能：主要負(fù)責(zé)向用戶展示熱門文章，新人作家，以及詩(shī)歌的分類展示和輪播圖展示。

設(shè)計(jì)思想：前臺(tái)顯示主界面設(shè)計(jì)采用 布局設(shè)計(jì)思想，主要由四部分組成：頂部、導(dǎo)航欄、內(nèi)容區(qū)域、底部。頂部 左側(cè)展示系統(tǒng)logo，用PhotoShop制作的圖片;右側(cè)根據(jù)用戶不同的登錄狀態(tài)設(shè)計(jì)不同的方案。導(dǎo)航欄nav部分采用 流式布局方式設(shè)計(jì)，借助swiper插件的pagination設(shè)計(jì)商品種類的分頁(yè)效果。內(nèi)容區(qū)域 又分為頭部header、字內(nèi)容區(qū)域content兩部分，頭部區(qū)域負(fù)責(zé)展示導(dǎo)航欄，子內(nèi)容區(qū)域主要負(fù)責(zé)展示服務(wù)端向客戶端推薦的熱門文章，還有就是一些推薦一些比較好的作者。

4.3 后臺(tái)系統(tǒng)管理主頁(yè)面設(shè)計(jì)

功能：主要是負(fù)責(zé)文章的審核，評(píng)論的管理和對(duì)圖片的控制以及權(quán)限的分配。

設(shè)計(jì)思想：后臺(tái)主界面采用Element-UI組件庫(kù)輔助構(gòu)建單頁(yè)面網(wǎng)站應(yīng)用。其中數(shù)據(jù)管理包括：用戶管理、圖片管理、文章管理、評(píng)論管理等。內(nèi)容區(qū)域 部分采用自適應(yīng)屏幕的設(shè)計(jì)方式，采用Vue框架提供的內(nèi)置組件keep-alive配合router-view組件，對(duì)左側(cè)導(dǎo)航欄部分涉及的不同類別的功能管理的嵌套路徑，進(jìn)行嵌套組件的渲染，即當(dāng)管理員用戶點(diǎn)擊左側(cè)導(dǎo)航欄，導(dǎo)航欄相關(guān)詳情信息在右側(cè)內(nèi)容區(qū)域顯示。

4.4 后端設(shè)計(jì)

后端設(shè)計(jì)又分為Controller、Service和Mapper三層，分別負(fù)責(zé)前后端數(shù)據(jù)交互、務(wù)邏輯和數(shù)據(jù)庫(kù)操作。

5. 系統(tǒng)主要實(shí)現(xiàn)功能展示

5.1 主頁(yè)展示

主頁(yè)展示一定要符合文學(xué)的要求，功能一目了然，使用戶能夠迅速了解該古風(fēng)網(wǎng)站。導(dǎo)航欄將詩(shī)歌分類、聊天室、個(gè)人中心、后臺(tái)管理等主要功能顯示出來(lái)，方便用戶操作。

5.2 文章展示圖

在設(shè)計(jì)文章展示的時(shí)候沒有使用以往那種直接顯示標(biāo)題和作者的方式，而是選擇一種樣式好看并將部分內(nèi)容展示出來(lái)的方式進(jìn)行設(shè)計(jì)，使用戶可以迅速找到自己喜歡的內(nèi)容，而不是根據(jù)題目判斷自己的喜好進(jìn)行選擇。

文章展示的頁(yè)面設(shè)計(jì)的符合廣大文學(xué)愛好者的需求，即節(jié)儉大方，又與整體布局相對(duì)應(yīng)，可以說(shuō)十分符合該網(wǎng)站的設(shè)計(jì)初衷。

5.3 多條件查詢展示

為了使新用戶更多的了解文學(xué)，在設(shè)計(jì)網(wǎng)站的時(shí)候考慮到這點(diǎn)，在網(wǎng)站上添加了一些學(xué)習(xí)資料，包括詩(shī)的體裁格律、如何押韻等，以及強(qiáng)大的搜索功能，使用戶快速成長(zhǎng)。

6. 總結(jié)

本系統(tǒng)結(jié)合MVC前后端分離架構(gòu)模式，采用當(dāng)下比較流行SSM后臺(tái)框架，實(shí)現(xiàn)了基于JavaEE的古風(fēng)詩(shī)歌網(wǎng)站。開發(fā)的系統(tǒng)解決以下幾個(gè)問(wèn)題：1.通過(guò)對(duì)現(xiàn)有文學(xué)網(wǎng)站進(jìn)行分析、調(diào)研，了解到用戶具體的需求。2.根據(jù)調(diào)研得出的用戶需求，分析系統(tǒng)的業(yè)務(wù)流程，從功能方面、性能方面、安全方面以及技術(shù)可行性進(jìn)行分析，確定網(wǎng)站的結(jié)構(gòu)以及具體的功能。

作者簡(jiǎn)介：徐鵬飛，講師，研究方向：WEB開發(fā)和計(jì)算機(jī)視覺處理。