java“漫畫之家”系統(tǒng)springbootvueweb
系統(tǒng)開發(fā)環(huán)境
2.1 JAVA簡介
JavaScript是一種網(wǎng)絡(luò)腳本語言，廣泛運(yùn)用于web應(yīng)用開發(fā)，可以用來添加網(wǎng)頁的格式動態(tài)效果，該語言不用進(jìn)行預(yù)編譯就直接運(yùn)行，可以直接嵌入HTML語言中，寫成js語言，便于結(jié)構(gòu)的分離，支持多種瀏覽器可以在多平臺下運(yùn)行。它具有三個不同的體系，分別為J2SE、J2EE、J2ME。Java 語言比較容易理解，而且也容易學(xué)習(xí)和上手，其語法與C語言和C++語言很相似，它可以自動的處理廢料，而且不會受到內(nèi)存的影響。
Java 程序被編譯后形成的class 文件，這樣就能夠?qū)崿F(xiàn)在多系統(tǒng)中正常運(yùn)行。Java語言支持多個線程同吋執(zhí)行，Java程序所需要的類能夠動態(tài)的或者通過網(wǎng)絡(luò)被載入到運(yùn)行環(huán)境。Java開發(fā)工具支持JavaJDK7\8,開發(fā)集成環(huán)境IDE為Eclipse。
2.2MyEclipse環(huán)境配置
安裝完MyEclipse后選擇myeclipse“Window->Preferences”
（1）配置myeclipse的jre為sun的jdk，不要用myeclipse的默認(rèn)jdk：
選擇“java->Installed JREs”,勾中里面的“jdk1.7”.
（2）配置編譯的級別為6.0：
選擇“Compiler->Compiler compliance level”的值為“6.0”。
（3）配置myeclipse的默認(rèn)的文件編碼格式為“UTF-8”：
選擇“General->Workspace”，選中“Text file encod”下面的“Other”，設(shè)置里面的值為“UTF-8”。
（4）去掉myeclipse的JSP的驗證：
選擇“MyEclipse->Validation”,將“Build”列的所有勾都給去掉,這樣在編譯時因為避免了jsp的驗證，所以編譯的速度會快很多。
2.3 B/S結(jié)構(gòu)簡介
隨著軟件系統(tǒng)的不斷改進(jìn)和升級，B/S結(jié)構(gòu)產(chǎn)品更為方便的特征體現(xiàn)地十分明顯。對于一個中等偏大的漫畫平臺來說，如果系統(tǒng)管理員每天要在很多臺電腦之間來回查看，不斷奔走，那么效率和工作量就會變得很低，但是如果使用了B/S結(jié)構(gòu)，那么管理員只要對服務(wù)器進(jìn)行管理就夠了。
B/S結(jié)構(gòu)最大的優(yōu)點它不需要安裝任何的軟件，它所有的客戶端就只是瀏覽器，所以只要有一臺電腦并且可以上網(wǎng)就可以解決所有問題，客戶端可以完全地不用管理員維護(hù)。無論使用系統(tǒng)的使用者是什么樣的規(guī)模，也不管分支有多么的龐大，都不會對維護(hù)和升級的工作量造成影響，所有的維護(hù)和升級只需要操作服務(wù)器。隨著B/S結(jié)構(gòu)的不斷發(fā)展，使用的人也不斷增加，從而帶動了AJAX技術(shù)的發(fā)展，和B/S結(jié)構(gòu)一樣，它也能在客戶端上處理程序，這便緩解了服務(wù)器的負(fù)擔(dān)，提高了交互性，而且實現(xiàn)了局部實時刷新。
2.4MySQL數(shù)據(jù)庫
MySQL數(shù)據(jù)庫使用的語言是SQL語言。MySQL在保存數(shù)據(jù)時是根據(jù)數(shù)據(jù)的類型和特征分開保存在不同的表中，這樣當(dāng)用戶在需要調(diào)用的數(shù)據(jù)時，就不再需要花費(fèi)大量時間去尋找數(shù)據(jù)了，只要找到對應(yīng)的表，就可以找到需要的數(shù)據(jù)了。MySQL可以完美的實現(xiàn)對于數(shù)據(jù)庫的基本操作。因為 MySQL 數(shù)據(jù)庫的占用的內(nèi)存少，運(yùn)行快，成本低，源代碼開放，可移植性強(qiáng)，所以越來越多的數(shù)據(jù)來源簡單的項目的開發(fā)都會選擇 MySQL作為數(shù)據(jù)庫，而MySQL也變得越來越流行。
MySQL 有很多特性，如可移植性，多線程，靈活性等，在很多操作系統(tǒng)中都可以運(yùn)行。它可以實現(xiàn)在多個線程并發(fā)執(zhí)行的技術(shù)；支持MyISAM、innoDB、MEMORY、ARCHIVE四種存儲引擎，而且可以使用大型數(shù)據(jù)庫，為用戶提供許多使用數(shù)據(jù)庫的工具，比如建模工具，管理工具等。在 WEB方面的應(yīng)用MySQL是最好的。
2.5 SPRINGBOOT框架
SpringBoot是一個全新開源的輕量級框架?；赟pring4.0設(shè)計，其不僅繼承了Spring框架原來有的優(yōu)秀特性，而且還通過簡化配置文件來進(jìn)一步簡化了Spring應(yīng)用的整個搭建以及開發(fā)過程。另外在原本的Spring中由于隨著項目的擴(kuò)大導(dǎo)入的jar包數(shù)量越來越大，隨之出現(xiàn)了jar包版本之間的兼容性問題，而此時SpringBoot通過集成大量的框架使得依賴包的版本沖突，以及引用的不穩(wěn)定性問題得到了很好的解決。
SpringBoot可以看做是Spring的加強(qiáng)版本，但實質(zhì)上都是Spring的相關(guān)技術(shù)，有了這些優(yōu)秀的開源框架，程序員在開發(fā)過程中將事半功倍。
3 系統(tǒng)分析
3.1系統(tǒng)可行性分析
3.1.1經(jīng)濟(jì)可行性
由于本系統(tǒng)是作為畢業(yè)設(shè)計系統(tǒng)，且系統(tǒng)本身存在一些技術(shù)層面的缺陷，并不能直接用于商業(yè)用途，只想要通過該系統(tǒng)的開發(fā)提高自身學(xué)術(shù)水平，不需要特定服務(wù)器等額外花費(fèi)。所有創(chuàng)造及工作過程僅需在個人電腦上就能實現(xiàn)，使用到的軟件大多為開源軟件，所以經(jīng)濟(jì)成本并不高，可以輕易實現(xiàn)。
3.1.2技術(shù)可行性
本系統(tǒng)的開發(fā)使用java作為系統(tǒng)開發(fā)的開發(fā)語言，而B/S結(jié)構(gòu)決定了本系統(tǒng)的兼容性和多用戶可操作性，此外選擇MySQL作為數(shù)據(jù)庫不僅提高了數(shù)據(jù)安全性更保障了數(shù)據(jù)的可操作性。
3.1.3運(yùn)行可行性
本系統(tǒng)作為以java作為開發(fā)語言的系統(tǒng)，而且選用B/S結(jié)構(gòu)則決定了要操作本系統(tǒng)僅需要占用很小的資源，并沒有過多地硬件配置要求，目前市面上只要能正常運(yùn)行瀏覽器的個人電腦都可以正常運(yùn)行使用該系統(tǒng)。
經(jīng)過總結(jié)，本系統(tǒng)在經(jīng)濟(jì)方面、技術(shù)方面、運(yùn)行方面的條件都得以滿足，為此系統(tǒng)的開發(fā)具備了可行性條件。
3.2系統(tǒng)現(xiàn)狀分析
系統(tǒng)使用用戶的數(shù)量直接決定了用戶信息管理者的工作量，毫無疑問，網(wǎng)站管理者的工作量較大較繁瑣。通過總結(jié)出系統(tǒng)當(dāng)前對用戶管理的工作狀態(tài)得以下分析：
統(tǒng)籌規(guī)劃，如果系統(tǒng)在信息化管理中不夠全面，缺少綜合性、系統(tǒng)性、整體性，那不可避免的需要投入大量人力物力來規(guī)劃整理信息。引入信息化管理方式無疑可以達(dá)到節(jié)省信息管理成本的目的不僅減少資源浪費(fèi)還可以使漫畫信息變得井井有條，成為市場競爭中的一大優(yōu)勢。
要循序漸進(jìn)，做事不能心急，一步一個腳印，都不可能一步到位，就算信息管理系統(tǒng)也一樣，要讓系統(tǒng)發(fā)揮最大效率還是應(yīng)該多調(diào)研，多聽取用戶和管理者的意見，并進(jìn)行必要的統(tǒng)籌規(guī)劃，有組織有目的地設(shè)計系統(tǒng)功能，團(tuán)結(jié)各個部門發(fā)揮主觀能動性。
(1)信息安全措施不到位
隱私權(quán)神圣不可侵犯，這是中華人民共和國憲法賦予我們的權(quán)利，人和人都不能侵犯我們的正當(dāng)權(quán)益，而網(wǎng)絡(luò)用戶信息管理存在極大安全隱患，信息泄露的案列不在少數(shù)，加強(qiáng)信息安全措施是完善網(wǎng)絡(luò)信息管理過程中不可避免的一環(huán)。
(2)資源不能充分共享
資源共享是網(wǎng)絡(luò)的一大特點，沒有共享就沒有社交，網(wǎng)絡(luò)也就失去了他應(yīng)有的魅力，如果能夠?qū)崿F(xiàn)用戶信息共享，無疑對于醫(yī)院的發(fā)展存在不可或缺的幫助。
(3)現(xiàn)有系統(tǒng)可擴(kuò)展性不高。
如今科學(xué)技術(shù)發(fā)展飛速，隨著而來的就是技術(shù)更新，那勢必會給軟件更新帶來挑戰(zhàn)，因此，系統(tǒng)必須具備良好的開放性和可擴(kuò)充性，為了不落后于時代，這是必備特色之一。
基于上述分析，“漫畫之家”系統(tǒng) 應(yīng)該切合實際，做到確實有效，集體表現(xiàn)為：一是系統(tǒng)能夠整理并集合歸類用戶信息，防止用戶信息混亂，難以整理；二是系統(tǒng)要安全穩(wěn)定，不能泄露用戶信息，造成隱私泄露，不僅傷害用戶利益更是對經(jīng)營者名譽(yù)的損毀；三是系統(tǒng)要具有良好的開放性，不僅要方便定期的維護(hù)維修，更要方便及時增加新功能，保證先進(jìn)的時代契合性。經(jīng)過詳細(xì)的討論論證，確定系統(tǒng)的總體要求。
3.3功能需求分析
系統(tǒng)功能需求分析是通過軟件開發(fā)者在參與市場調(diào)研，與用戶及管理者經(jīng)過詳細(xì)縝密的思考，再討論研究后得出的初步系統(tǒng)開發(fā)所需實現(xiàn)功能。這是開發(fā)系統(tǒng)的開始，也是相當(dāng)關(guān)鍵的一步，如果不在這個階段制定系統(tǒng)所需模塊，日后會帶來不必要的麻煩。因此，必須嚴(yán)肅認(rèn)真，全身心投入去做好這個步驟。
本系統(tǒng)采用從上往下的步驟開發(fā)，基本功能如下：
本課題要求實現(xiàn)一套“漫畫之家”系統(tǒng) ，系統(tǒng)主要包括（管理員和用戶）兩個模塊等功能。
（1）管理員用例圖如下所示：
圖3-1管理員用例圖
（2）用戶用例圖如下所示：
圖3-2用戶用例圖
3.4系統(tǒng)設(shè)計規(guī)則與運(yùn)行環(huán)境
軟件系統(tǒng)的優(yōu)劣很大程度上是由系統(tǒng)設(shè)計的完善與否決定的。世間萬物都必須遵循生老病死的法則，這是大自然的規(guī)則不能違反，軟件設(shè)計也一樣需要遵循系統(tǒng)設(shè)計規(guī)則。因此，在設(shè)計過程中必須遵循系統(tǒng)設(shè)計規(guī)則。
規(guī)則如下：
簡單性：為了擴(kuò)大系統(tǒng)使用者的受眾面，系統(tǒng)設(shè)計應(yīng)該本著操作越簡單約好的原則，這樣不僅能提高系統(tǒng)的使用率更能夠擴(kuò)大系統(tǒng)使用面。
針對性：一個系統(tǒng)針對性越強(qiáng)，所能提供的功能必然越完善，用戶體驗肯定更好，所以應(yīng)該明確指定系統(tǒng)針對性。
實用性：實用永遠(yuǎn)是檢驗一個系統(tǒng)是否成功的唯一標(biāo)準(zhǔn)，使用的語言再高端，使用的結(jié)構(gòu)再新穎但不能滿足管理員和用戶的要求那就是失敗。
運(yùn)行環(huán)境：
本系統(tǒng)是利用B/S結(jié)構(gòu)來開發(fā)的，數(shù)據(jù)庫在服務(wù)器上進(jìn)行部署MySQL即可。
3.5系統(tǒng)流程分析
3.5.1操作流程
系統(tǒng)登錄流程圖，如圖所示：
圖3-3登錄流程圖
3.5.2添加信息流程
添加信息流程圖，如圖所示：
圖3-4添加信息流程圖
3.5.3刪除信息流程
刪除信息流程圖，如圖所示：
圖3-5刪除信息流程圖
4 系統(tǒng)設(shè)計
4.1系統(tǒng)設(shè)計主要功能
通過市場調(diào)研及咨詢研究，了解了用戶及管理者的使用需求，于是制定了管理員和用戶等模塊。功能結(jié)構(gòu)圖如下所示：
圖4-1系統(tǒng)功能結(jié)構(gòu)圖
4.2數(shù)據(jù)庫設(shè)計
4.2.1數(shù)據(jù)庫設(shè)計規(guī)范
數(shù)據(jù)可設(shè)計要遵循職責(zé)分離原則，即在設(shè)計時應(yīng)該要考慮系統(tǒng)獨立性，即每個系統(tǒng)之間互不干預(yù)不能混亂數(shù)據(jù)表和系統(tǒng)關(guān)系。
數(shù)據(jù)庫命名也要遵循一定規(guī)范，否則容易混淆，數(shù)據(jù)庫字段名要盡量做到與表名類似，多使用小寫英文字母和下劃線來命名并盡量使用簡單單詞。
4.2.2 E/R圖
用戶注冊E/R圖，如下所示：
圖4-2用戶注冊E/R圖
漫畫信息E/R圖，如下所示：
圖4-3漫畫信息E/R圖
5 系統(tǒng)實現(xiàn)
5.1系統(tǒng)功能模塊
“漫畫之家”系統(tǒng) ，在系統(tǒng)首頁可以查看首頁，漫畫，同人插畫，漫畫活動，商品，論壇，新聞資訊，留言板，個人中心，后臺管理，購物車，在線客服等內(nèi)容，并進(jìn)行詳細(xì)操作；如圖5-1所示。
圖5-1系統(tǒng)首頁界面圖
用戶注冊，在用戶注冊頁面通過填寫用戶賬號，姓名，密碼，確認(rèn)密碼，聯(lián)系方式等信息進(jìn)行注冊操作，如圖5-2所示。
圖5-2用戶注冊界面圖
漫畫，在漫畫頁面可以查看漫畫名稱，漫畫類型，分類，時間等內(nèi)容，并可以進(jìn)行贊一下，踩一下，點我收藏等操作，如圖5-3所示。
圖5-3漫畫界面圖
個人中心，在個人中心頁面通過填寫用戶賬號，用戶姓名，密碼，性別，聯(lián)系方式，圖片，余額等內(nèi)容進(jìn)行更新信息，還可以根據(jù)需要對我的發(fā)布，我的訂單，我的地址，我的收藏進(jìn)行相對應(yīng)操作，如圖5-4所示。
圖5-4個人中心界面圖
5.2后臺模塊
系統(tǒng)登錄，通過填寫注冊時輸入的用戶名、密碼、選擇角色等信息進(jìn)行登錄操作，如圖5-5所示。
圖5-5系統(tǒng)登錄界面圖
5.2.1管理員功能模塊
管理員登錄進(jìn)入系統(tǒng)可以查看首頁，個人中心，用戶管理，漫畫管理，同人插畫管理，漫畫活動管理，商品管理，論壇管理，我的收藏管理，留言板管理，系統(tǒng)管理，訂單管理等功能，并進(jìn)行詳細(xì)操作，如圖5-6所示。
圖5-6管理員功能界面圖
用戶管理；在用戶管理頁面中可以查看索引，用戶賬號，用戶姓名，性別，聯(lián)系方式，頭像等內(nèi)容，并進(jìn)行詳情，修改和刪除等操作；如圖5-7所示。
圖5-7用戶管理界面圖
漫畫管理；在漫畫管理頁面中可以查看索引，漫畫名稱，漫畫類型，分類，圖片等內(nèi)容，并進(jìn)行詳情，修改，查看評論和刪除操作；如圖5-8所示。
圖5-8漫畫管理界面圖
同人插畫管理；在同人插畫管理頁面中可以查看索引，名稱，圖片，發(fā)布時間等內(nèi)容，并進(jìn)行詳情，修改，查看評論和刪除操作；如圖5-9所示。
圖5-9同人插畫管理界面圖
漫畫活動管理；在漫畫活動管理頁面中可以查看 索引，標(biāo)題，封面，發(fā)布時間等內(nèi)容，并進(jìn)行詳情，修改，查看評論和刪除操作；如圖5-10所示。
圖5-10漫畫活動管理界面圖
論壇管理；在論壇管理頁面中可以查看索引，帖子標(biāo)題，用戶名，狀態(tài)等內(nèi)容，并進(jìn)行詳情，修改，查看評論和刪除操作；如圖5-11所示。
圖5-11論壇管理界面圖
訂單管理；在已支付訂單頁面中可以查看索引，訂單編號，商品名稱，商品圖片，購買數(shù)量，價格/積分，折扣價格，總價格/總積分，折扣總價格，支付類型，狀態(tài)，地址，電話，收貨人，下單時間等內(nèi)容，并進(jìn)行詳情，發(fā)貨，刪除等操作；還可對已完成訂單、已發(fā)貨訂單、未支付訂單、已取消訂單、已退款訂單進(jìn)行相對應(yīng)操作；如圖5-12所示。
圖5-12訂單管理界面圖
5.2.2用戶功能模塊
用戶登錄進(jìn)入系統(tǒng)可以查看首頁，個人中心，漫畫管理，同人插畫管理，漫畫活動管理，商品管理，我的收藏管理等功能，并根據(jù)需要進(jìn)行詳細(xì)操作，如圖5-13所示。
圖5-13用戶功能界面圖
同人插畫管理；在同人插畫管理頁面中可以查看索引，名稱，圖片，發(fā)布時間等內(nèi)容，并進(jìn)行詳情，查看評論等操作；如圖5-14所示。
圖5-14同人插畫管理界面圖
商品管理；在商品管理頁面中可以查看索引，商品編號，商品名稱，圖片，數(shù)量，發(fā)布時間，價格等內(nèi)容，并進(jìn)行詳情，查看評論操作；如圖5-15所示。
圖5-15商品管理界面圖
我的收藏管理；在我的收藏管理頁面中可以查看索引，收藏名稱，收藏圖片，推薦類型等內(nèi)容，并進(jìn)行詳情，修改和刪除操作；如圖5-16所示。
圖5-16我的收藏管理界面圖
