徐鵬飛 朱清澤
【摘要】該網(wǎng)站使用的是Java語言,綜合應(yīng)用主流Ajax客戶端技術(shù),Java Web框架技術(shù)(Springboot、Spring和hibernate等框架),MySQL數(shù)據(jù)庫技術(shù),軟件測試技術(shù),網(wǎng)站部署與發(fā)布等技術(shù),采用MVC開發(fā)模式,穩(wěn)定快捷,可以多模塊同時開發(fā),前后端分離,易于維護和拓展新功能。數(shù)據(jù)庫使用的是MySQL,開源免費,使用起來很方便,使用DBCP數(shù)據(jù)庫連接池進行連接。要實現(xiàn)的模塊有用戶模塊、管理員模塊、文章模塊、后臺管理模塊以及在線聊天功能。
【關(guān)鍵詞】框架技術(shù);開發(fā)模式;連接池;在線聊天
1. 背景與意義
隨著社會水平的提高,如今的社會要求每一位公民擁有更高的文化水平和個人素質(zhì),而且,隨著社會的需求,人們也是在通過各種方法去學(xué)習(xí),網(wǎng)絡(luò)作為當前時代信息傳播的主題,打造一個綠色、文明、和諧、健康、富有文化底蘊的網(wǎng)站是一個良好的選擇。文學(xué)網(wǎng)站還是有很多的,但大部分都是小說網(wǎng)站,只能作為打發(fā)時間的娛樂網(wǎng)站,而國內(nèi)專做文學(xué)的網(wǎng)站的并不在多,還有一部分是盜版網(wǎng)站,對用戶的隱私、版權(quán)等個人權(quán)利安全等方面沒有保障,然而那些專業(yè)性很強的詩詞網(wǎng)或者文學(xué)網(wǎng)的門檻很高,這些網(wǎng)站確實很不錯,為了突出自己網(wǎng)站的優(yōu)勢,我選擇了這一個題材。
2. 開發(fā)環(huán)境及工具
軟件環(huán)境:Win10操作系統(tǒng),java環(huán)境,JDK1.8。
開發(fā)工具:Idea 2018,Visual Studio Code 2015,MySQL數(shù)據(jù)庫,Navicat,Visio2013。
3. 可行性分析
可行性研究的目的就是用最少的費用制作出最適合的軟件,通過大量的分析,設(shè)計出合理的方案,降低開發(fā)中可能出現(xiàn)的問題。一般來說,至少應(yīng)該從下述三方面研究每種解法的可行性。
3.1 操作的可行性分析
首先用戶所看到的就是網(wǎng)站的頁面,注冊登錄和首頁這些內(nèi)容,前端頁面使用HTML,比較美觀,然后后端使用java語言,強大的后端支持,用戶可以隨便操作,在登陸之后進入首頁,首頁功能顯示完整,使用戶能夠迅速了解該網(wǎng)站的功能,知道如何去操作。
3.2 社會可行性分析
喜歡文學(xué)的人更是不計其數(shù),而相關(guān)的網(wǎng)站又不多或者是還不能夠達到用戶的需求,在這個強大背景的支持之下,開發(fā)一個文學(xué)網(wǎng)站完全是行得通的。
3.3 技術(shù)可行性分析
此次我選擇的后端語言是java,java是現(xiàn)在十分成熟的語言,框架技術(shù)更是對網(wǎng)站開發(fā)十分有利,選擇時代主流框架和熱門軟件進行開發(fā),查閱資料比較方便,可以快速上手。
4. 結(jié)構(gòu)設(shè)計
系統(tǒng)界面的設(shè)計主要是根據(jù)需求分析進行總結(jié),分析主界面與各個子界面之間的關(guān)系,確定系統(tǒng)界面的幾個主要部分涉及到的功能點。系統(tǒng)主界面包括:注冊登錄界面、前臺系統(tǒng)顯示主界面、后臺系統(tǒng)管理主界面。
4.1 注冊登錄界面設(shè)計
功能:主要作為用戶與管理員兩個不同角色進入不同功能系統(tǒng)前進行身份認證的主要入口,對用戶和管理員兩個不同角色權(quán)限設(shè)置。
4.2 前臺系統(tǒng)顯示主頁面設(shè)計
功能:主要負責(zé)向用戶展示熱門文章,新人作家,以及詩歌的分類展示和輪播圖展示。
設(shè)計思想:前臺顯示主界面設(shè)計采用 布局設(shè)計思想,主要由四部分組成:頂部、導(dǎo)航欄、內(nèi)容區(qū)域、底部。頂部 左側(cè)展示系統(tǒng)logo,用PhotoShop制作的圖片;右側(cè)根據(jù)用戶不同的登錄狀態(tài)設(shè)計不同的方案。導(dǎo)航欄nav部分采用 流式布局方式設(shè)計,借助swiper插件的pagination設(shè)計商品種類的分頁效果。內(nèi)容區(qū)域 又分為頭部header、字內(nèi)容區(qū)域content兩部分,頭部區(qū)域負責(zé)展示導(dǎo)航欄,子內(nèi)容區(qū)域主要負責(zé)展示服務(wù)端向客戶端推薦的熱門文章,還有就是一些推薦一些比較好的作者。
4.3 后臺系統(tǒng)管理主頁面設(shè)計
功能:主要是負責(zé)文章的審核,評論的管理和對圖片的控制以及權(quán)限的分配。
設(shè)計思想:后臺主界面采用Element-UI組件庫輔助構(gòu)建單頁面網(wǎng)站應(yīng)用。其中數(shù)據(jù)管理包括:用戶管理、圖片管理、文章管理、評論管理等。內(nèi)容區(qū)域 部分采用自適應(yīng)屏幕的設(shè)計方式,采用Vue框架提供的內(nèi)置組件keep-alive配合router-view組件,對左側(cè)導(dǎo)航欄部分涉及的不同類別的功能管理的嵌套路徑,進行嵌套組件的渲染,即當管理員用戶點擊左側(cè)導(dǎo)航欄,導(dǎo)航欄相關(guān)詳情信息在右側(cè)內(nèi)容區(qū)域顯示。
4.4 后端設(shè)計
后端設(shè)計又分為Controller、Service和Mapper三層,分別負責(zé)前后端數(shù)據(jù)交互、務(wù)邏輯和數(shù)據(jù)庫操作。
5. 系統(tǒng)主要實現(xiàn)功能展示
5.1 主頁展示
主頁展示一定要符合文學(xué)的要求,功能一目了然,使用戶能夠迅速了解該古風(fēng)網(wǎng)站。導(dǎo)航欄將詩歌分類、聊天室、個人中心、后臺管理等主要功能顯示出來,方便用戶操作。
5.2 文章展示圖
在設(shè)計文章展示的時候沒有使用以往那種直接顯示標題和作者的方式,而是選擇一種樣式好看并將部分內(nèi)容展示出來的方式進行設(shè)計,使用戶可以迅速找到自己喜歡的內(nèi)容,而不是根據(jù)題目判斷自己的喜好進行選擇。
文章展示的頁面設(shè)計的符合廣大文學(xué)愛好者的需求,即節(jié)儉大方,又與整體布局相對應(yīng),可以說十分符合該網(wǎng)站的設(shè)計初衷。
5.3 多條件查詢展示
為了使新用戶更多的了解文學(xué),在設(shè)計網(wǎng)站的時候考慮到這點,在網(wǎng)站上添加了一些學(xué)習(xí)資料,包括詩的體裁格律、如何押韻等,以及強大的搜索功能,使用戶快速成長。
6. 總結(jié)
本系統(tǒng)結(jié)合MVC前后端分離架構(gòu)模式,采用當下比較流行SSM后臺框架,實現(xiàn)了基于JavaEE的古風(fēng)詩歌網(wǎng)站。開發(fā)的系統(tǒng)解決以下幾個問題:1.通過對現(xiàn)有文學(xué)網(wǎng)站進行分析、調(diào)研,了解到用戶具體的需求。2.根據(jù)調(diào)研得出的用戶需求,分析系統(tǒng)的業(yè)務(wù)流程,從功能方面、性能方面、安全方面以及技術(shù)可行性進行分析,確定網(wǎng)站的結(jié)構(gòu)以及具體的功能。
作者簡介:徐鵬飛,講師,研究方向:WEB開發(fā)和計算機視覺處理。