基于VUE框架的商城綜合項(xiàng)目設(shè)計(jì)與實(shí)現(xiàn)

摘 要

隨著科學(xué)技術(shù)的飛速發(fā)展，社會(huì)的方方面面、各行各業(yè)都在努力與現(xiàn)代的先進(jìn)技術(shù)接軌，通過科技手段來提高自身的優(yōu)勢，商城綜合項(xiàng)目當(dāng)然也不能排除在外。商城綜合項(xiàng)目是以實(shí)際運(yùn)用為開發(fā)背景，運(yùn)用軟件工程原理和開發(fā)方法，采用Java技術(shù)構(gòu)建的一個(gè)管理系統(tǒng)。整個(gè)開發(fā)過程首先對(duì)軟件系統(tǒng)進(jìn)行需求分析，得出系統(tǒng)的主要功能。接著對(duì)系統(tǒng)進(jìn)行總體設(shè)計(jì)和詳細(xì)設(shè)計(jì)?？傮w設(shè)計(jì)主要包括系統(tǒng)功能設(shè)計(jì)、系統(tǒng)總體結(jié)構(gòu)設(shè)計(jì)、系統(tǒng)數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)和系統(tǒng)安全設(shè)計(jì)等；詳細(xì)設(shè)計(jì)主要包括系統(tǒng)數(shù)據(jù)庫訪問的實(shí)現(xiàn)，主要功能模塊的具體實(shí)現(xiàn)，模塊實(shí)現(xiàn)關(guān)鍵代碼等。最后對(duì)系統(tǒng)進(jìn)行功能測試，并對(duì)測試結(jié)果進(jìn)行分析總結(jié)，得出系統(tǒng)中存在的不足及需要改進(jìn)的地方，為以后的系統(tǒng)維護(hù)提供了方便，同時(shí)也為今后開發(fā)類似系統(tǒng)提供了借鑒和幫助。這種個(gè)性化的網(wǎng)上系統(tǒng)管理特別注重交互協(xié)調(diào)與管理的相互配合，激發(fā)了管理人員的創(chuàng)造性與主動(dòng)性，對(duì)商城綜合項(xiàng)目而言非常有利。

本商城綜合項(xiàng)目采用的數(shù)據(jù)庫是Mysql，使用java技術(shù)開發(fā)。在設(shè)計(jì)過程中，充分保證了系統(tǒng)代碼的良好可讀性、實(shí)用性、易擴(kuò)展性、通用性、便于后期維護(hù)、操作方便以及頁面簡潔等特點(diǎn)。

關(guān)鍵詞：商城綜合項(xiàng)目，jspm，Mysql

Design and implementation of mall comprehensive project based on Vue framework

ABSTRACT

With the rapid development of science and technology, all aspects of society, all walks of life are trying to link up with modern advanced technology, through the means of science and technology to improve their own advantages, of course, online mall can not be excluded. On-line shopping mall is a management system based on the practical application, the principle and method of software engineering and the technology of Java. The whole development process first carries on the demand analysis to the software system, obtains the system main function. Then the system for the overall design and detailed design. The overall design mainly includes the system function design, the system overall structure design, the system data structure design and the system security design and so on; the detailed design mainly includes the system database access realization, the main function module concrete realization, module implementation key code and so on. Finally, the function of the system is tested, and the test results are analyzed and summarized, and the deficiencies in the system and the places that need to be improved are obtained, which provides convenience for the maintenance of the system in the future, at the same time, it also provides reference and help for developing similar system in the future. This kind of personalized online system management pays special attention to the interaction coordination and the management coordination, has stimulated the manager's creativity and the initiative, is very advantageous to the online shopping mall.

This on-line shopping mall uses the database is Mysql, uses the Java technology development. In the process of design, the system code fully guaranteed the good readability, practicality, easy to expand, universal, easy to maintain, easy to operate and simple page features.

Keywords: Online marketplace, JSPM, Mysql

目 錄

第1章 緒論 1

1.1背景及意義 1

1.2 國內(nèi)外研究概況 1

1.3 研究的內(nèi)容 1

第2章 相關(guān)技術(shù) 3

2.1 開發(fā)技術(shù) 3

2.2 MVVM模式 3

2.3 MySQL數(shù)據(jù)庫 3

2.4 B/S結(jié)構(gòu) 4

2.5 springboot框架介紹 4

2.6 Vue.js主要功能 5

第3章 系統(tǒng)分析 6

3.1 需求分析 6

3.2 系統(tǒng)可行性分析 6

3.2.1技術(shù)可行性：技術(shù)背景 6

3.2.2經(jīng)濟(jì)可行性 7

3.2.3操作可行性： 7

3.3 項(xiàng)目設(shè)計(jì)目標(biāo)與原則 7

3.4系統(tǒng)流程分析 8

3.4.1操作流程 8

3.4.2添加信息流程 9

3.4.3刪除信息流程 10

第4章 系統(tǒng)設(shè)計(jì) 11

4.1 系統(tǒng)體系結(jié)構(gòu) 11

4.2開發(fā)流程設(shè)計(jì) 12

4.3 數(shù)據(jù)庫設(shè)計(jì)原則 13

4.4 數(shù)據(jù)表 14

第5章 系統(tǒng)詳細(xì)設(shè)計(jì) 20

5.1管理員功能模塊 20

5.2用戶前臺(tái)功能模塊 24

第6章 系統(tǒng)測試 29

6.1系統(tǒng)測試的目的 29

6.2系統(tǒng)測試方法 29

6.3功能測試 29

結(jié) 論 31

致 謝 32

參考文獻(xiàn) 33

第1章緒論

1.1背景及意義

隨著社會(huì)的快速發(fā)展，計(jì)算機(jī)的影響是全面且深入的。人們生活水平的不斷提高，日常生活中人們對(duì)商城綜合項(xiàng)目方面的要求也在不斷提高，商城綜合項(xiàng)目的數(shù)量更是不斷增加，使得商城綜合項(xiàng)目的開發(fā)成為必需而且緊迫的事情。商城綜合項(xiàng)目主要是借助計(jì)算機(jī)，通過對(duì)商城綜合項(xiàng)目所需的信息管理，增加用戶的選擇，同時(shí)也方便對(duì)廣大用戶信息的及時(shí)查詢、修改以及對(duì)用戶信息的及時(shí)了解。商城綜合項(xiàng)目對(duì)用戶帶來了更多的便利，該系統(tǒng)通過和數(shù)據(jù)庫管理系統(tǒng)軟件協(xié)作來滿足用戶的需求。計(jì)算機(jī)技術(shù)在現(xiàn)代管理中的應(yīng)用，使計(jì)算機(jī)成為人們應(yīng)用現(xiàn)代技術(shù)的重要工具。能夠有效的解決獲取信息便捷化、全面化的問題，提高效率。

本商城綜合項(xiàng)目主要牽扯到程序，數(shù)據(jù)庫與計(jì)算機(jī)技術(shù)等。覆蓋知識(shí)面大，可以大大的提高系統(tǒng)人員工作效率。

1.2 國內(nèi)外研究概況

隨著國內(nèi)經(jīng)濟(jì)形勢的不斷發(fā)展，中國互聯(lián)網(wǎng)進(jìn)入了一個(gè)難得的高峰發(fā)展時(shí)期，這使得中外資本家紛紛轉(zhuǎn)向互聯(lián)網(wǎng)市場。然而，許多管理領(lǐng)域的不合理結(jié)構(gòu)，人員不足以及管理需求的增加使得更多的人具備了互聯(lián)網(wǎng)管理的意識(shí)。

在當(dāng)今高度發(fā)達(dá)的信息中，信息管理改革已成為一種更加廣泛和全面的趨勢?！吧坛蔷C合項(xiàng)目”是基于Mysql數(shù)據(jù)庫，在JSP程序設(shè)計(jì)的基礎(chǔ)上實(shí)現(xiàn)的。為確保中國經(jīng)濟(jì)的持續(xù)發(fā)展，信息時(shí)代日益更新，商城綜合項(xiàng)目更是蓬勃發(fā)展。同時(shí)，隨著信息社會(huì)的快速發(fā)展，商城綜合項(xiàng)目面臨著越來越多的信息，因此很難獲得他們對(duì)高效信息的需求，如何使用方便快捷的方式使查詢者在廣闊的商城綜合項(xiàng)目信息中查詢，存儲(chǔ)，管理和共享信息方面有效，對(duì)我們的學(xué)習(xí)，工作和生活具有重要的現(xiàn)實(shí)意義。因此，國內(nèi)外學(xué)術(shù)界對(duì)此進(jìn)行了深入而廣泛的研究，一個(gè)新的研究領(lǐng)域——商城綜合項(xiàng)目誕生了。

1.3 研究的內(nèi)容

目前許多人仍將傳統(tǒng)的紙質(zhì)工具作為信息管理的主要工具，而網(wǎng)絡(luò)技術(shù)的應(yīng)用只是起到輔助作用。在對(duì)網(wǎng)絡(luò)工具的認(rèn)知程度上，較為傳統(tǒng)的office軟件等仍是人們使用的主要工具，而相對(duì)全面且專業(yè)的商城綜合項(xiàng)目的信息管理軟件仍沒有得到大多數(shù)人的了解或認(rèn)可。本選題則旨在通過標(biāo)簽分類管理等方式，實(shí)現(xiàn)系統(tǒng)首頁、站點(diǎn)管理（輪播圖、公告欄）用戶管理（管理員）商城管理（商城管理列表、分類列表、訂單列表）更多管理（用戶注冊(cè)）等信息管理功能，從而達(dá)到對(duì)商城綜合項(xiàng)目信息的高效管理。

第2章 相關(guān)技術(shù)

2.1 2.1 開發(fā)技術(shù)

本系統(tǒng)前端框架采用了比較流行的漸進(jìn)式JavaScript框架Vue.js。使用Vue-Router和Vuex實(shí)現(xiàn)動(dòng)態(tài)路由和全局狀態(tài)管理,Ajax實(shí)現(xiàn)前后端通信，Element UI組件庫使頁面快速成型。后端部分：采用springboot作為開發(fā)框架，同時(shí)集成MyBatis、Redis等相關(guān)技術(shù)。

2.2 MVVM模式

MVVM是Model-View-ViewModel的簡寫。它本質(zhì)上就是MVC 的改進(jìn)版。MVVM 就是將其中的View 的狀態(tài)和行為抽象化，讓我們將視圖 UI 和業(yè)務(wù)邏輯分開。當(dāng)然這些事 ViewModel 已經(jīng)幫我們做了，它可以取出 Model 的數(shù)據(jù)同時(shí)幫忙處理 View 中由于需要展示內(nèi)容而涉及的業(yè)務(wù)邏輯。微軟的WPF帶來了新的技術(shù)體驗(yàn)，如Silverlight、音頻、視頻、3D、動(dòng)畫……，這導(dǎo)致了軟件UI層更加細(xì)節(jié)化、可定制化。同時(shí)，在技術(shù)層面，WPF也帶來了 諸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由來便是MVP（Model-View-Presenter）模式與WPF結(jié)合的應(yīng)用方式時(shí)發(fā)展演變過來的一種新型架構(gòu)框架。它立足于原有MVP框架并且把WPF的新特性糅合進(jìn)去，以應(yīng)對(duì)客戶日益復(fù)雜的需求變化。

2.3 MySQL數(shù)據(jù)庫

科技的進(jìn)步，給日常帶來許多便利：教室的投影器用到了虛擬成像技術(shù)，數(shù)碼相機(jī)用到了光電檢測技術(shù)，比如超市貨物進(jìn)出庫的記錄需要一個(gè)信息倉庫。這個(gè)信息倉庫就是數(shù)據(jù)庫，而這次的商城綜合項(xiàng)目設(shè)計(jì)與實(shí)現(xiàn)系統(tǒng)也需要這項(xiàng)技術(shù)的支持。

用MySQL這個(gè)軟件，是因?yàn)樗芙邮芏鄠€(gè)使用者訪問，而且里面存在Archive等。它會(huì)先把數(shù)據(jù)進(jìn)行分類，然后分別保存在表里，這樣的特別操作就會(huì)提高數(shù)據(jù)管理系統(tǒng)自身的速度，讓數(shù)據(jù)庫能被靈活運(yùn)用。MySQL的代碼是公開的，而且允許別人二次編譯升級(jí)。這個(gè)特點(diǎn)能夠降低使用者的成本，再搭配合適的軟件后形成一個(gè)良好的網(wǎng)站系統(tǒng)。雖然它有缺點(diǎn)，但是綜合各方面來說，它是使用者的主流運(yùn)用的對(duì)象。

2.4 B/S結(jié)構(gòu)

B/S（Browser/Server）比前身架構(gòu)更為省事的架構(gòu)。它借助Web server完成數(shù)據(jù)的傳遞交流。只需要下載瀏覽器作為客戶端，那么工作就達(dá)到“瘦身”效果， 不需要考慮不停裝軟件的問題。

2.5 spring boot框架介紹

Spring框架是Java平臺(tái)上的一種開源應(yīng)用框架，提供具有控制反轉(zhuǎn)特性的容器。盡管Spring框架自身對(duì)編程模型沒有限制，但其在Java應(yīng)用中的頻繁使用讓它備受青睞，以至于后來讓它作為EJB（EnterpriseJavaBeans）模型的補(bǔ)充，甚至是替補(bǔ)。Spring框架為開發(fā)提供了一系列的解決方案，比如利用控制反轉(zhuǎn)的核心特性，并通過依賴注入實(shí)現(xiàn)控制反轉(zhuǎn)來實(shí)現(xiàn)管理對(duì)象生命周期容器化，利用面向切面編程進(jìn)行聲明式的事務(wù)管理，整合多種持久化技術(shù)管理數(shù)據(jù)訪問，提供大量優(yōu)秀的Web框架方便開發(fā)等等。Spring框架具有控制反轉(zhuǎn)（IOC）特性，IOC旨在方便項(xiàng)目維護(hù)和測試，它提供了一種通過Java的反射機(jī)制對(duì)Java對(duì)象進(jìn)行統(tǒng)一的配置和管理的方法。Spring框架利用容器管理對(duì)象的生命周期，容器可以通過掃描XML文件或類上特定Java注解來配置對(duì)象，開發(fā)者可以通過依賴查找或依賴注入來獲得對(duì)象。Spring框架具有面向切面編程（AOP）框架，SpringAOP框架基于代理模式，同時(shí)運(yùn)行時(shí)可配置；AOP框架主要針對(duì)模塊之間的交叉關(guān)注點(diǎn)進(jìn)行模塊化。Spring框架的AOP框架僅提供基本的AOP特性，雖無法與AspectJ框架相比，但通過與AspectJ的集成，也可以滿足基本需求。Spring框架下的事務(wù)管理、遠(yuǎn)程訪問等功能均可以通過使用SpringAOP技術(shù)實(shí)現(xiàn)。Spring的事務(wù)管理框架為Java平臺(tái)帶來了一種抽象機(jī)制，使本地和全局事務(wù)以及嵌套事務(wù)能夠與保存點(diǎn)一起工作，并且?guī)缀蹩梢栽贘ava平臺(tái)的任何環(huán)境中工作。Spring集成多種事務(wù)模板，系統(tǒng)可以通過事務(wù)模板、XML或Java注解進(jìn)行事務(wù)配置，并且事務(wù)框架集成了消息傳遞和緩存等功能。Spring的數(shù)據(jù)訪問框架解決了開發(fā)人員在應(yīng)用程序中使用數(shù)據(jù)庫時(shí)遇到的常見困難。它不僅對(duì)Java:JDBC、iBATS/MyBATIs、Hibernate、Java數(shù)據(jù)對(duì)象（JDO）、ApacheOJB和ApacheCayne等所有流行的數(shù)據(jù)訪問框架中提供支持，同時(shí)還可以與Spring的事務(wù)管理一起使用，為數(shù)據(jù)訪問提供了靈活的抽象。Spring框架最初是沒有打算構(gòu)建一個(gè)自己的WebMVC框架，其開發(fā)人員在開發(fā)過程中認(rèn)為現(xiàn)有的StrutsWeb框架的呈現(xiàn)層和請(qǐng)求處理層之間以及請(qǐng)求處理層和模型之間的分離不夠，于是創(chuàng)建了SpringMVC。

2.6 Vue.js 主要功能

Vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue采用自底向上增量開發(fā)的設(shè)計(jì)。Vue 的核心庫只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫或已有項(xiàng)目整合。另一方面，Vue 完全有能力驅(qū)動(dòng)采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)的復(fù)雜單頁應(yīng)用。

Vue.js 的目標(biāo)是通過盡可能簡單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。

Vue.js 自身不是一個(gè)全能框架——它只聚焦于視圖層。因此它非常容易學(xué)習(xí)，非常容易與其它庫或已有項(xiàng)目整合。另一方面，在與相關(guān)工具和支持庫一起使用時(shí)，Vue.js 也能驅(qū)動(dòng)復(fù)雜的單頁應(yīng)用。

第3章 系統(tǒng)分析

3.1 需求分析

商城綜合項(xiàng)目主要是為了提高工作人員的工作效率和更方便快捷的滿足用戶，更好存儲(chǔ)所有數(shù)據(jù)信息及快速方便的檢索功能，對(duì)系統(tǒng)的各個(gè)模塊是通過許多今天的發(fā)達(dá)系統(tǒng)做出合理的分析來確定考慮用戶的可操作性，遵循開發(fā)的系統(tǒng)優(yōu)化的原則，經(jīng)過全面的調(diào)查和研究。

系統(tǒng)所要實(shí)現(xiàn)的功能分析，對(duì)于現(xiàn)在網(wǎng)絡(luò)方便的管理，系統(tǒng)要實(shí)現(xiàn)用戶可以直接在平臺(tái)上進(jìn)行查看所有數(shù)據(jù)信息，根據(jù)需求可以進(jìn)行在線添加，刪除或修改商城綜合項(xiàng)目信息，這樣既能節(jié)省時(shí)間，不用再像傳統(tǒng)的方式耽誤時(shí)間，真的很難去滿足用戶的各種需求。所以商城綜合項(xiàng)目的開發(fā)不僅僅是能滿足用戶的需求，還能提高管理員的工作效率，減少原有不必要的工作量。

3.2 系統(tǒng)可行性分析

3.2.1技術(shù)可行性：技術(shù)背景

本企業(yè)網(wǎng)站在Windows操作系統(tǒng)中進(jìn)行開發(fā)，并且目前PC機(jī)的性能已經(jīng)可以勝任普通網(wǎng)站的web服務(wù)器。系統(tǒng)開發(fā)所使用的技術(shù)也都是自身所具有的，也是當(dāng)下廣泛應(yīng)用的技術(shù)之一。

系統(tǒng)的開發(fā)環(huán)境和配置都是可以自行安裝的，系統(tǒng)使用JSP開發(fā)工具，使用比較成熟的Mysql數(shù)據(jù)庫進(jìn)行對(duì)系統(tǒng)前臺(tái)及后臺(tái)的數(shù)據(jù)交互，根據(jù)技術(shù)語言對(duì)數(shù)據(jù)庫，結(jié)合需求進(jìn)行修改維護(hù)，可以使得網(wǎng)站運(yùn)行更具有穩(wěn)定性和安全性，從而完成實(shí)現(xiàn)網(wǎng)站的開發(fā)。

（1）硬件可行性分析

商城綜合項(xiàng)目及信息分析的設(shè)計(jì)對(duì)于所使用的計(jì)算機(jī)沒有什么硬性的要求，計(jì)算機(jī)只要可以正常的使用進(jìn)行代碼的編寫及頁面設(shè)計(jì)就可行，主要是對(duì)于服務(wù)器有些要求，對(duì)于平臺(tái)搭建完成要上傳的服務(wù)器是有一定的要求的，服務(wù)器必須選擇安全性比較高的，然后就是在打開網(wǎng)站必須順暢，不能停頓太長時(shí)間；性價(jià)比高；安全性高。

（2）軟件可行性分析

開發(fā)整個(gè)系統(tǒng)使用的是云計(jì)算，流量的可擴(kuò)展性和基于流量的智能調(diào)整云計(jì)算的優(yōu)點(diǎn)就是流量的可擴(kuò)展性和基于流量的智能調(diào)整，保障系統(tǒng)的安全及數(shù)據(jù)信息的及時(shí)備份。

因此，我們從兩個(gè)方面進(jìn)行了可行性研究，可以看出系統(tǒng)的開發(fā)沒有問題。

3.2.2經(jīng)濟(jì)可行性

在商城綜合項(xiàng)目開發(fā)之前所做的市場調(diào)研及其他的物流公司相關(guān)的管理系統(tǒng)，都是沒有任何費(fèi)用的，都是通過開發(fā)者自己的努力，所有的工作的都是自己親力親為，在碰到自己比較難以解決的問題，大多是通過同學(xué)和指導(dǎo)老師的幫助進(jìn)行相關(guān)信息的解決，所以對(duì)于商城綜合項(xiàng)目的開發(fā)在經(jīng)濟(jì)上是完全可行的，沒有任何費(fèi)用支出的。

使用比較成熟的技術(shù)，系統(tǒng)是基于Java的開發(fā)，采用Mysql數(shù)據(jù)庫。所以系統(tǒng)在開發(fā)人力、財(cái)力要求不高，具有經(jīng)濟(jì)可行性。

3.2.3操作可行性：

可操作性主要是對(duì)商城綜合項(xiàng)目設(shè)計(jì)完成后，用戶的使用體驗(yàn)度，以及管理員可以通過系統(tǒng)隨時(shí)管理相關(guān)的數(shù)據(jù)信息，并且對(duì)于管理員、用戶和會(huì)員三個(gè)用戶角色，都可以簡單明了的進(jìn)入到自己的系統(tǒng)界面，通過界面導(dǎo)航菜單可以簡單明了地操作功能模塊，方便用戶信息的操作需求和管理員管理數(shù)據(jù)信息，對(duì)于系統(tǒng)的操作，不需要專業(yè)人員都可以直接進(jìn)行功能模塊的操作管理，所以在系統(tǒng)的可操作性是完全可以的。本系統(tǒng)的操作使用的也是界面窗口進(jìn)行登錄，所以操作人員只要會(huì)簡單的電腦操作就完全可以的。

3.3 項(xiàng)目設(shè)計(jì)目標(biāo)與原則

1、關(guān)于商城綜合項(xiàng)目的基本要求

（1）功能要求：可以管理個(gè)人中心、商品類型管理、用戶管理、、商品信息管理、訂單信息管理、訂單狀態(tài)管理、簽收信息管理、留言板管理；系統(tǒng)管理等功能模塊。

（2）性能：在不同操作系統(tǒng)上均能無差錯(cuò)實(shí)現(xiàn)在不同類型的用戶登入相應(yīng)界面后能不出差錯(cuò)、方便地進(jìn)行預(yù)期操作。

（3）安全與保密要求：用戶都必須通過身份驗(yàn)證才能進(jìn)入系統(tǒng)，并且用戶的權(quán)限也需要根據(jù)用戶的類型進(jìn)行限定。

（4）環(huán)境要求：支持多種平臺(tái)，可在Windows系列、Vista系統(tǒng)等多種操作系統(tǒng)下使用。

2、開發(fā)目標(biāo)

商城綜合項(xiàng)目的主要開發(fā)目標(biāo)如下：

（1）實(shí)現(xiàn)管理系統(tǒng)信息關(guān)系的系統(tǒng)化、規(guī)范化和自動(dòng)化；

（2）減少維護(hù)人員的工作量以及實(shí)現(xiàn)用戶對(duì)信息的控制和管理。

（3）方便查詢信息及管理信息等；

（4）通過網(wǎng)絡(luò)操作，改善處理問題的效率，提高操作人員利用率；

（5）考慮到用戶多樣性特點(diǎn)，要求界面簡單，操作簡便。

3、設(shè)計(jì)原則

本商城綜合項(xiàng)目采用Java技術(shù)，Mysql數(shù)據(jù)庫開發(fā)，充分保證了系統(tǒng)穩(wěn)定性、完整性。

商城綜合項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)的設(shè)計(jì)思想如下：

1. 操作簡單方便、系統(tǒng)界面安全良、簡單明了的頁面布局、方便查詢商城綜合項(xiàng)目相關(guān)信息。

2、即時(shí)可見：對(duì)商城綜合項(xiàng)目信息的處理將立馬在對(duì)應(yīng)地點(diǎn)可以查詢到，從而實(shí)現(xiàn)“即時(shí)發(fā)布、即時(shí)見效”的系統(tǒng)功能。

3、功能的完善性：可以管理個(gè)人中心、商品類型管理、用戶管理、會(huì)員管理、商品信息管理、入庫信息管理、訂單信息管理、訂單狀態(tài)管理、簽收信息管理、留言板管理；系統(tǒng)管理模塊的修改維護(hù)操作。

3.4系統(tǒng)流程分析

3.4.1操作流程

系統(tǒng)登錄流程圖，如圖所示：

圖3-1登錄流程圖

3.4.2添加信息流程

添加信息流程圖，如圖所示：

圖3-2添加信息流程圖

3.4.3刪除信息流程

刪除信息流程圖，如圖所示：

圖3-3刪除信息流程圖

第4章系統(tǒng)設(shè)計(jì)

4.1 系統(tǒng)體系結(jié)構(gòu)

商城綜合項(xiàng)目的結(jié)構(gòu)圖4-1所示：

圖4-1 系統(tǒng)結(jié)構(gòu)

系統(tǒng)結(jié)構(gòu)圖，如圖4-2所示：

圖4-2 登錄結(jié)構(gòu)圖

管理員結(jié)構(gòu)圖，如圖4-3所示。

圖4-3 管理員結(jié)構(gòu)圖

4.2開發(fā)流程設(shè)計(jì)

系統(tǒng)流程的分析是通過調(diào)查系統(tǒng)所涉及問題的識(shí)別、可行性、可操作性、系統(tǒng)分析處理能力等具體環(huán)節(jié)來調(diào)節(jié)、整理系統(tǒng)的設(shè)計(jì)方案以確保系統(tǒng)能達(dá)到理想的狀態(tài)。這些操作都要從注冊(cè)、登錄處著眼進(jìn)行一系列的流程測試保證數(shù)據(jù)庫的完整，從而把控系統(tǒng)所涉及信息管理的安全、保證信息輸入、輸出正常轉(zhuǎn)換。然后，通過實(shí)際操作完成流程圖的繪制工作。

商城綜合項(xiàng)目的開發(fā)對(duì)管理模塊和系統(tǒng)使用的數(shù)據(jù)庫進(jìn)行分析，編寫代碼，系統(tǒng)測試，如圖4-4所示。

圖4-4開發(fā)系統(tǒng)流程圖

4.3 數(shù)據(jù)庫設(shè)計(jì)原則

學(xué)習(xí)編程，我們都知道數(shù)據(jù)庫設(shè)計(jì)是基于需要設(shè)計(jì)的系統(tǒng)功能，我們需要建立一個(gè)數(shù)據(jù)庫關(guān)系模型，用于存儲(chǔ)數(shù)據(jù)信息，這樣當(dāng)我們?cè)诔绦蛑袝r(shí)，就沒有必要為程序頁面添加數(shù)據(jù)，從而提高系統(tǒng)的效率。數(shù)據(jù)庫存儲(chǔ)了很多信息，可以說是信息管理系統(tǒng)的核心和基礎(chǔ)，數(shù)據(jù)庫還提供了添加、刪除、修改和檢查，使系統(tǒng)能夠快速找到自己想要的信息，而不是在程序代碼中找到。數(shù)據(jù)庫中信息表的每個(gè)部分根據(jù)一定的關(guān)系精確地組合，排列和組合成數(shù)據(jù)表。

通過商城綜合項(xiàng)目的功能進(jìn)行規(guī)劃分成幾個(gè)實(shí)體信息，實(shí)體信息將通過ER圖進(jìn)行說明，本系統(tǒng)的主要實(shí)體圖如下：

管理員信息屬性圖如圖4-5所示。

圖4-5 管理員信息實(shí)體屬性圖

商品信息實(shí)體屬性圖如圖4-6所示。

圖4-6商品信息屬性圖

系統(tǒng)實(shí)體E-R圖如圖4-7所示。

圖4-7系統(tǒng)實(shí)體E-R圖

4.4 數(shù)據(jù)表

將數(shù)據(jù)庫概念設(shè)計(jì)的E-R圖轉(zhuǎn)換為關(guān)系數(shù)據(jù)庫。在關(guān)系數(shù)據(jù)庫中，數(shù)據(jù)關(guān)系由數(shù)據(jù)表組成，但是表的結(jié)構(gòu)表現(xiàn)在表的字段上。

第5章 系統(tǒng)詳細(xì)設(shè)計(jì)

5.1管理員功能模塊

管理員登錄商城綜合項(xiàng)目，在登錄頁面輸入用戶名、密碼、權(quán)限驗(yàn)證碼等進(jìn)行登錄，如圖5-1所示。

圖5-1管理員登錄界面圖

管理員進(jìn)入系統(tǒng)后臺(tái)可以查看功能：首頁、站點(diǎn)管理（輪播圖、公告欄）用戶管理（管理員）商城管理（商城管理列表、分類列表、訂單列表）更多管理（用戶注冊(cè)）管理等功能，還可進(jìn)行相應(yīng)的操作，如圖5-2所示。

圖5-2管理員功能界面圖

公告欄管理，在公告欄管理頁面添加購物需知信息：標(biāo)題、類別、內(nèi)容、添加人、首頁圖片、點(diǎn)等進(jìn)行添加公告展示，還可在公告欄查詢頁面對(duì)已有的公告展示進(jìn)行修改和刪除等操作，如圖5-3所示。

圖5-3公告欄管理界面圖

用戶注冊(cè)管理，在用戶注冊(cè)管理頁面可以查看用戶信息：用戶名、密碼、姓名、出生年月、QQ、郵箱、電話、身份證、頭像、地址、備注、添加時(shí)間審核等內(nèi)容，還可在該頁面對(duì)用戶進(jìn)行修改和刪除還有審核通過與否等操作，如圖5-4所示。

圖5-4用戶注冊(cè)管理界面圖

商品分類管理，在商品分類管理頁面添加商品分類內(nèi)容類別，還可在商品分類查詢頁面對(duì)已有的分類進(jìn)行修改和刪除等操作，如圖5-5所示。

圖5-8商品分類管理界面圖

商品管理，在商品管理頁面中可以添加商品信息：商品編號(hào)、商品名稱、商品類別、價(jià)格、庫存、圖片、規(guī)格、商品介紹等內(nèi)容，還可在商品查詢頁面對(duì)已有的商品進(jìn)行評(píng)論管理、修改或刪除詳細(xì)等操作，如圖5-5所示。

圖5-6商品管理界面圖

商品訂單管理，在商品訂單管理頁面中可以查看商品訂單信息：序號(hào)、商品編號(hào)、商品名稱、價(jià)格、購買數(shù)量、總價(jià)格、收貨地址、收貨人、聯(lián)系電話、購買人、時(shí)代支付、添加時(shí)間等信息進(jìn)行查看，還可在該頁面對(duì)訂單進(jìn)行修改或刪除詳細(xì)等操作，如圖5-7所示。

圖5-7商品訂單管理界面圖

5.2用戶前臺(tái)功能模塊

用戶進(jìn)入系統(tǒng)前臺(tái)可以查詢前臺(tái)功能：首頁、公告欄、商品推薦、在線客服、后臺(tái)管理、我的等功能，如圖5-8所示。

圖5-8前臺(tái)功能界面圖

用戶注冊(cè)，在用戶注冊(cè)頁面中可以填寫注冊(cè)信息：用戶名、密碼、姓名、性別、出生年月、QQ、郵箱、手機(jī)、身份證、頭像、地址、備注等內(nèi)容進(jìn)行注冊(cè)，如圖5-9所示。

圖5-9用戶注冊(cè)界面圖

用戶登錄，在登錄頁面輸入用戶名、密碼、權(quán)限驗(yàn)證碼等信息進(jìn)行登錄，如圖5-10所示。

圖5-10用戶登錄界面圖

商品展示，如圖5-11所示。

圖5-11商品展示頁面圖

商品訂單，在商品訂單頁面中可以對(duì)訂單添加：商品編號(hào)、商品名稱、價(jià)格、庫存、購買數(shù)量、總價(jià)格、收貨地址、收貨人、聯(lián)系電話、備注、購買人等信息進(jìn)行添加提交訂單，如圖5-12所示。

圖5-12商品訂單頁面圖

商品訂單管理，在商品訂單管理頁面中可以對(duì)序號(hào)、商品編號(hào)、商品名稱、價(jià)格、庫存、購買數(shù)量、總價(jià)格、收貨地址、收貨人、聯(lián)系電話、購買人、是否支付、添加時(shí)間等信息，還可在該頁面進(jìn)行支付、修改或刪除詳細(xì)等操作，如圖5-13所示。

圖5-13商品訂單管理界面圖

在線客服管理，在在線客服管理頁面對(duì)在線客服進(jìn)行添加信息等內(nèi)容發(fā)送，如圖5-14所示。

圖 5-14在線客服管理界面圖

第6章 系統(tǒng)測試

6.1系統(tǒng)測試的目的

程序設(shè)計(jì)不能保證沒有錯(cuò)誤，這是一個(gè)開發(fā)過程，在錯(cuò)誤或錯(cuò)誤的過程中都是難以避免的。雖然這是不可避免的，但我們不能使這些錯(cuò)誤始終存在于系統(tǒng)中，錯(cuò)誤可能會(huì)造成無法估量的后果，如系統(tǒng)崩潰，安全信息泄露，系統(tǒng)無法正常啟動(dòng)等，為了避免這些問題，我們需要測試程序，再測試過程中發(fā)現(xiàn)問題，并糾正它們，從而使系統(tǒng)更長時(shí)間穩(wěn)定成熟。本章的作用是發(fā)現(xiàn)這些問題，并對(duì)其進(jìn)行修改，雖然耗時(shí)費(fèi)力，但對(duì)于長期使用而言是非常重要和必要系統(tǒng)的開發(fā)。

軟件在設(shè)計(jì)后必須進(jìn)行測試，調(diào)試過程中使用的方法是軟件測試方法。在開發(fā)新軟件時(shí)，系統(tǒng)測試是檢查軟件是否合格的關(guān)鍵步驟，以及是否符合設(shè)計(jì)目標(biāo)的參考。測試主要是查看軟件中數(shù)據(jù)的準(zhǔn)確性，正確的操作與否，以及操作的結(jié)果，還有哪些方面需要改進(jìn)。

商城綜合項(xiàng)目的實(shí)現(xiàn)，對(duì)于系統(tǒng)中功能模塊的實(shí)現(xiàn)及操作都必須通過測試進(jìn)行來評(píng)判系統(tǒng)是否可以準(zhǔn)確的實(shí)現(xiàn)。在商城綜合項(xiàng)目正式上傳使用之前必須做的一步就是系統(tǒng)測試，對(duì)于測試發(fā)現(xiàn)的錯(cuò)誤及時(shí)修改處理，保證系統(tǒng)準(zhǔn)確無誤的供給用戶使用。

6.2系統(tǒng)測試方法

在對(duì)商城綜合項(xiàng)目進(jìn)行測試的時(shí)候在找到問題的情況下必須在第一時(shí)間找到解決問題的辦法，不要存在僥幸的心理，這樣才能讓商城綜合項(xiàng)目開發(fā)的質(zhì)量可以過關(guān)，并且開發(fā)的周期會(huì)大大縮短，還有就是在測試時(shí)，不要出現(xiàn)重復(fù)性的錯(cuò)誤，遇到一個(gè)錯(cuò)誤問題，要將整個(gè)商城綜合項(xiàng)目開發(fā)所牽扯的該問題都必須一一解決，提高商城綜合項(xiàng)目平臺(tái)的安全性、穩(wěn)定性。

白盒測試與黑盒測試是測試中比較常用的兩種方法。

①結(jié)構(gòu)測試俗稱白盒測試：這種測試是在對(duì)程序的處理過程與結(jié)構(gòu)都有詳盡諒解的前提下，順從程序內(nèi)部的邏輯而完成的系統(tǒng)測試，以確定系統(tǒng)中所有的通路都能夠遵照設(shè)計(jì)要求正常工作，不出現(xiàn)任何偏差。

②功能測試又成黑盒測試：主要是針對(duì)程序功能能夠按照設(shè)計(jì)正常實(shí)現(xiàn)的一種檢測，在程序接口處進(jìn)行，檢測程序手法數(shù)據(jù)是否正常，與外部信息的交換是否完整。

6.3功能測試

用戶登錄測試：

刪除分類測試：

修改密碼測試：

通過對(duì)功能的測試，商城綜合項(xiàng)目的基本功能都是可行的，不管是系統(tǒng)里面的功能，還是界面的設(shè)計(jì)都是可值得推廣宣傳的。

結(jié) 論

此時(shí)項(xiàng)目已經(jīng)完成，即使實(shí)施的時(shí)間不是很長，但是這個(gè)過程中需要準(zhǔn)備很長的一段時(shí)間去對(duì)系統(tǒng)設(shè)計(jì)開發(fā)所實(shí)際到的技術(shù)進(jìn)行學(xué)習(xí)。在學(xué)習(xí)的過程中，我逐漸認(rèn)識(shí)得到了我自身存在的一些不足。對(duì)于一些控制是必要的應(yīng)用技能，能夠理解，整個(gè)過程中僅僅是一個(gè)掌握了常用的性能和控制方法，我覺得挺容易的。從該系統(tǒng)中，系統(tǒng)的分析和設(shè)計(jì)的調(diào)查數(shù)據(jù)，并且已經(jīng)經(jīng)歷了幾個(gè)月，并努力幾個(gè)月，該系統(tǒng)已經(jīng)完成。很顯然，該系統(tǒng)仍有很多不成熟，在系統(tǒng)設(shè)計(jì)過程中有許多技術(shù)缺陷存在。在設(shè)計(jì)的過程中也涉及到了很多自己無法解決的問題，主要通過找專業(yè)的網(wǎng)站和論壇來解決這些問題，對(duì)于圓滿完成我的畢業(yè)設(shè)計(jì)，他們也貢獻(xiàn)了很大一部分力量。系統(tǒng)的開發(fā)環(huán)境和配置都是可以自行安裝的，系統(tǒng)使用Java開發(fā)工具，使用比較成熟的Mysql數(shù)據(jù)庫進(jìn)行對(duì)系統(tǒng)前臺(tái)及后臺(tái)的數(shù)據(jù)交互，根據(jù)技術(shù)語言對(duì)數(shù)據(jù)庫，結(jié)合需求進(jìn)行修改維護(hù)，可以使得系統(tǒng)運(yùn)行更具有穩(wěn)定性和安全性，從而完成實(shí)現(xiàn)系統(tǒng)的開發(fā)。

回顧畢業(yè)設(shè)計(jì)的整個(gè)過程，既付出汗水也收獲了很多。雖然經(jīng)歷了各種各樣的困難，自己的不斷研究探索，系統(tǒng)的實(shí)現(xiàn)仍有不足之處。

在以后的學(xué)習(xí)及工作中，我仍然繼續(xù)學(xué)習(xí)計(jì)算機(jī)方面的技術(shù)，讓我在后期的平臺(tái)開發(fā)中可以更好更快的實(shí)現(xiàn)需求功能。我相信我可以讓更多的好工作，做出更大的貢獻(xiàn)。

致 謝

商城綜合項(xiàng)目的完成，如何實(shí)現(xiàn)的更好，其中付出的努力是很大的，這段時(shí)光將會(huì)終身難忘。

首先要感謝我的指導(dǎo)老師，謝謝您在設(shè)計(jì)和論文中給我的指導(dǎo)。在您的細(xì)心指導(dǎo)下我才能快速的掌握系統(tǒng)的相關(guān)功能，在您的大力幫助下我才能將課本上的知識(shí)與自己的項(xiàng)目結(jié)合，真正的做到學(xué)以致用。感謝您經(jīng)常犧牲自己的休息時(shí)間，利用其豐富的教學(xué)和項(xiàng)目經(jīng)驗(yàn)對(duì)我進(jìn)行指導(dǎo)。

感謝所有教過我的老師，為我傾注了大量的心血，正是你們的諄諄教誨、嚴(yán)謹(jǐn)教學(xué)才使我能順利的完成學(xué)業(yè)，再此向你們表示深深的感謝。

感謝我的同學(xué)們，對(duì)我的大力支持及幫助，正是你們不斷的幫助、鼓勵(lì)，給我?guī)砹藰O大的動(dòng)力，最終系統(tǒng)可以順利的運(yùn)行。我們?cè)诮涣鳌⒄務(wù)摰倪@段時(shí)間,將是我未來的財(cái)富，我要深深地感謝你們!

畢業(yè)在即，在今后的工作和生活中，我會(huì)銘記師長們的教誨、同學(xué)們的幫助，繼續(xù)不懈努力和追求，來報(bào)答所有支持和幫助過我的人!

參考文獻(xiàn)

[1]基于Android系統(tǒng)的手機(jī)商城綜合項(xiàng)目設(shè)計(jì)與實(shí)現(xiàn)電子技術(shù)與軟件工程,2021

[2].綜合性商城綜合項(xiàng)目引領(lǐng)山東政府采購駛?cè)敫咚俾分袊少?2020.

[3].構(gòu)建中職“校園商城綜合項(xiàng)目”模型的設(shè)想職業(yè)教育(中旬刊),2020,

[4].基于MVC框架商城綜合項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)信息與電腦(理論版),2020

[5]基于B2C商城綜合項(xiàng)目前臺(tái)系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)與實(shí)現(xiàn).廣西質(zhì)量監(jiān)督導(dǎo)報(bào),2020.

[6]基于SSM框架的商城綜合項(xiàng)目系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)西安電子科技大學(xué),2020.

[7]基于商城綜合項(xiàng)目服務(wù)對(duì)話系統(tǒng)的研究與實(shí)現(xiàn).黑龍江大學(xué),2020.

[8].校園商城網(wǎng)站平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)電腦知識(shí)與技術(shù),2020,

[9]基于SpringBoot的舊物回收商城的設(shè)計(jì)與實(shí)現(xiàn)智能計(jì)算機(jī)與應(yīng)用,2019

[10]基于SSM框架的商城綜合項(xiàng)目系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].北京郵電大學(xué),2019.

[11]李艷杰.基于JAVA與MySQL數(shù)據(jù)庫的移動(dòng)端題庫練習(xí)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].黑龍江科學(xué),2022,13(02):56-57.

[12]李瑞歌.計(jì)算機(jī)軟件開發(fā)的Java編程語言及應(yīng)用——評(píng)《Java編程方法論》[J].中國科技論文,2022,17(01):134.

[13]Sufyan bin Uzayr. Mastering Java:A Beginner's Guide[M].CRC Press:2021-11-01.

[14]單樹倩,任佳勛.基于SpringBoot和Vue框架的數(shù)據(jù)庫原理網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)[J].電腦知識(shí)與技術(shù),2021,17(30):40-41+50.DOI:10.14004/j.cnki.ckt.2021.2868.

[15]蘇文強(qiáng),劉紫陽,苗玉恒.基于SpringBoot的缺陷管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].大眾科技,2021,23(10):4-6+10.

[16]王偉,常慶麗,吳朝霞.基于Springboot+Vue的精準(zhǔn)幫扶系統(tǒng)研究與實(shí)現(xiàn)[J].河南科技,2021,40(27):12-14.

[17]喻佳,吳丹新.基于SpringBoot的Web快速開發(fā)框架[J].電腦編程技巧與維護(hù),2021(09):31-33.DOI:10.16184/j.cnki.comprg.2021.09.013.

[18]Guanhong Chen,Jiangming Xu. Design and implementation of efficient Learning platform based on SpringBoot Framework[J]. Journal of Electronics and Information Science,2020,6(1):

[19]Fuyuan Cheng. Talent Recruitment Management System for Small and Micro Enterprises Based on Springboot Framework[J]. Advances in Educational Technology and Psychology,2021,5(2):

點(diǎn)贊+收藏+關(guān)注 → 私信領(lǐng)取本源代碼、數(shù)據(jù)庫文章來源地址http://www.zghlxwxcb.cn/news/detail-788715.html