基于Springboot+Vue的二手車交易系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

目錄

1引言............................................................................................................................1

1.1項(xiàng)目開發(fā)背景...............................................1

1.2開發(fā)技術(shù)簡(jiǎn)介...............................................1

1.2.1SpringBoot簡(jiǎn)介.........................................2

1.2.2Vue簡(jiǎn)介................................................2

1.2.3SSM項(xiàng)目的運(yùn)行原理......................................2

1.2.4SSM相關(guān)頁(yè)面的組成.......................................2

1.3開發(fā)工具簡(jiǎn)介...............................................2

1.4項(xiàng)目開發(fā)技術(shù)路線...........................................3

2需求分析..........................................................3

2.1功能需求描述...............................................3

2.2非功能需求描述.............................................4

2.3需求用例建模...............................................4

2.3.1看車功能模塊的用例......................................5

2.3.2買車功能模塊的用例.......................................7

2.3.3賣車功能模塊的用例.......................................9

2.3.4用戶管理模塊的用例......................................10

3系統(tǒng)概要設(shè)計(jì).....................................................13

3.1系統(tǒng)設(shè)計(jì)原則..............................................13

3.2系統(tǒng)框架設(shè)計(jì)..............................................13

3.3系統(tǒng)功能設(shè)計(jì)..............................................14

3.3.1看車功能設(shè)計(jì)...........................................14

3.3.2我要買車功能設(shè)計(jì).......................................15

3.3.3我要賣車功能設(shè)計(jì)........................................15

3.3.4用戶管理功能設(shè)計(jì)........................................15

3.4數(shù)據(jù)庫(kù)設(shè)計(jì)................................................15

3.4.1設(shè)計(jì)原則................................................16

I

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.4.2概念設(shè)計(jì)...............................................16

3.4.3邏輯設(shè)計(jì)...............................................17

3.4.4數(shù)據(jù)字典...............................................17

4系統(tǒng)詳細(xì)設(shè)計(jì).....................................................19

4.1看車子功能模塊設(shè)計(jì)........................................19

4.1.1看車子功能模塊說(shuō)明.....................................19

4.1.2看車子功能模塊詳細(xì)設(shè)計(jì).................................19

4.2我要買車子功能模塊設(shè)計(jì)....................................20

4.2.1我要買車子功能模塊說(shuō)明.................................20

4.2.2我要買車子功能模塊詳細(xì)設(shè)計(jì).............................20

4.3我要賣車子功能模塊設(shè)計(jì)....................................22

4.3.1我要賣子功能模塊說(shuō)明...................................22

4.3.2我要賣車子功能模塊詳細(xì)設(shè)計(jì).............................22

4.4用戶管理模塊子功能模塊設(shè)計(jì)................................23

4.4.1用戶管理模塊子功能模塊說(shuō)明.............................23

4.4.2用戶管理模塊子功能模塊詳細(xì)設(shè)計(jì).........................23

5系統(tǒng)實(shí)現(xiàn).........................................................25

5.1看車子模塊實(shí)現(xiàn)............................................25

5.2我要買車子模塊實(shí)現(xiàn)........................................27

5.3我要買車子模塊實(shí)現(xiàn)........................................29

5.4用戶管理子模塊實(shí)現(xiàn)........................................31

6系統(tǒng)測(cè)試.........................................................37

6.1看車功能測(cè)試..............................................37

6.2我要買車功能測(cè)試..........................................38

6.3我要賣車功能測(cè)試..........................................38

6.4用戶管理模塊功能測(cè)試......................................39

7設(shè)計(jì)小結(jié).........................................................41

參考資料............................................................42

II

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

基于Springboot+Vue的二手車

交易系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

1引言

隨著我國(guó)經(jīng)濟(jì)的快速發(fā)展、汽車數(shù)量的不斷增加，二手車市場(chǎng)非常火熱，

但是由于沒有統(tǒng)一的管理規(guī)范和手段，導(dǎo)致二手車價(jià)格不透明、交易過(guò)程不規(guī)

范、資源共享渠道不通暢等問(wèn)題都嚴(yán)重影響著二手車市場(chǎng)地發(fā)展。因此，建立

一個(gè)合理有效的二手車交易平臺(tái)是很有必要的。

1.1項(xiàng)目開發(fā)背景

近年來(lái)，隨著計(jì)算機(jī)網(wǎng)絡(luò)的不斷發(fā)展，在網(wǎng)絡(luò)上交易也表現(xiàn)出來(lái)很多的優(yōu)

勢(shì)。目前，國(guó)內(nèi)的二手車市場(chǎng)正在不斷的增加，汽車也是越來(lái)越普及。想買車

的人們也越來(lái)越多，二手車具有非常高的性價(jià)比，可以給很多想買的人們提供

了更多的選擇。但是想買到一輛好的二手車時(shí)就需要我們懂一些車輛知識(shí)，還

要去多家市場(chǎng)對(duì)比，就會(huì)造成很多時(shí)間的浪費(fèi)。而且目前的二手車交易市場(chǎng)存

在嚴(yán)重的信息不對(duì)稱不通暢、交易市場(chǎng)定價(jià)機(jī)制存在缺陷，導(dǎo)致二手車交易價(jià)

格偏高、交易雙方權(quán)益無(wú)法保障。相比于目前的二手車市場(chǎng)，一個(gè)能通過(guò)互聯(lián)

網(wǎng)交易的系統(tǒng)就顯得很有優(yōu)勢(shì)，通過(guò)網(wǎng)絡(luò)能使信息更好的流通，管理也更方便。

二手車商可以讓更多人看到自己的車輛信息，讓想買二手車的人也能有更多的

對(duì)比和更好的保障。

實(shí)現(xiàn)二手車交易系統(tǒng)為二手車的買賣提供更多的保障，為二手車市場(chǎng)提供

一個(gè)更好的環(huán)境。

1.2開發(fā)技術(shù)簡(jiǎn)介

二手車交易系統(tǒng)前端部分是由Vue框架進(jìn)行設(shè)計(jì)，后端功能采用

Spring+springboot+mybatis（SSM）框架搭建而成。數(shù)據(jù)庫(kù)的操作則是通過(guò)

MySQL實(shí)現(xiàn)的。對(duì)應(yīng)的開發(fā)技術(shù)采用相應(yīng)的開發(fā)工具，就可以節(jié)省和多精力，也

能更高效的實(shí)現(xiàn)系統(tǒng)功能。

1

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

1.2.1SpringBoot簡(jiǎn)介

SpringBoot是由Pivotal團(tuán)隊(duì)提供的基于Spring的框架，它的核心設(shè)計(jì)

思想是“約定大于配置”?；谶@一設(shè)計(jì)原則，SpringBoot極大地簡(jiǎn)化了項(xiàng)目

和框架的配置，可以避免創(chuàng)建項(xiàng)目或框架時(shí)必須做的繁雜配置，幫助開發(fā)者以

更少的工作量，更加簡(jiǎn)單、方便地使用現(xiàn)有Spring中的所有功能組件。所以后

端開發(fā)不再使用古老的jsp+javabean+servlet技術(shù)，而是使用當(dāng)前主流的spri

ngboot框架，減少java配置代碼，簡(jiǎn)化編程代碼，目前springboot框架也是

很多企業(yè)選擇的框架之一。

1.2.2Vue簡(jiǎn)介

Vue是一個(gè)漸進(jìn)式的js框架，只注視視圖層，結(jié)合了HTML+CSS+JS，并且

有很好的生態(tài)系統(tǒng)。而且vue體積很小，速度非?？?，優(yōu)化也很到位。

1.2.3SSM項(xiàng)目的運(yùn)行原理

視圖層向控制器核心發(fā)送所有需要實(shí)現(xiàn)的功能請(qǐng)求，核心的控制器接收請(qǐng)

求并自動(dòng)調(diào)用請(qǐng)求解析器，對(duì)接收到的請(qǐng)求進(jìn)行解析,在通過(guò)映射關(guān)系將其匹配

給了控制層。在進(jìn)入控制層時(shí)調(diào)用業(yè)務(wù)邏輯層和數(shù)據(jù)持久層，將請(qǐng)求的數(shù)據(jù)處

理好，請(qǐng)求執(zhí)行完畢后會(huì)自動(dòng)獲取一個(gè)對(duì)應(yīng)的結(jié)果，返回給核心控制器，核心

的控制器通過(guò)調(diào)用它的一個(gè)視圖解析器來(lái)進(jìn)行視圖的解析，通過(guò)匹配一個(gè)相應(yīng)

的頁(yè)面來(lái)進(jìn)行視圖跳轉(zhuǎn)。

1.2.4SSM相關(guān)頁(yè)面的組成

二手車交易系統(tǒng)的頁(yè)面組成主要由我要買車和我要賣車頁(yè)面組成。我要買

車可以實(shí)現(xiàn)車輛的挑選和車輛詳細(xì)的查看，我要賣車則可以將自己想要售賣的

車輛信息上傳到本平臺(tái)。本系統(tǒng)的頁(yè)面都是由Vue框架構(gòu)造，使用Vue組件化

開發(fā)減少代碼量更加靈活。

1.3開發(fā)工具簡(jiǎn)介

工具的使用：后端采用IDEA+Maven+mysql、前端采用HBuilderX。

IDEA：全稱為IntelliJIDEA，是JetBrains公司發(fā)布的一款十分優(yōu)秀java

編程語(yǔ)言的集成開發(fā)環(huán)境，IntelliJ在業(yè)界被公認(rèn)為最好的java開發(fā)工具，特

別是在智能代碼助手、代碼自動(dòng)提示、重構(gòu)、JavaEE支持、各類版本工具(git、

svn等)、JUnit、CVS整合、代碼分析、創(chuàng)新的GUI設(shè)計(jì)等方面的功能可以說(shuō)是

超常的。

2

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

Maven：它本質(zhì)上是一個(gè)項(xiàng)目管理工具，可以很好的解決jar包不統(tǒng)一不兼

容和項(xiàng)目升級(jí)維護(hù)過(guò)程繁瑣等問(wèn)題。

mysql：運(yùn)行速度快，可以免費(fèi)使用，高度非過(guò)程化，面向集合的操作方式，

以一種語(yǔ)法結(jié)構(gòu)提供多種使用方式，語(yǔ)言簡(jiǎn)潔，易學(xué)易用。

HbuilderX：H是HTML的縮寫，Builder是建設(shè)者。Hbuilder是為前端開

發(fā)者服務(wù)的用戶管理編輯器，目前仍被大量開發(fā)者所使用。它有輕巧、快速的

特點(diǎn)，而且還有強(qiáng)大的項(xiàng)目支持和語(yǔ)法提示以及插件的擴(kuò)展。

1.4項(xiàng)目開發(fā)技術(shù)路線

后端使用Spring+springboot+mybatis（SSM）進(jìn)行開發(fā)，Spring的優(yōu)點(diǎn)在

于對(duì)其他優(yōu)秀開源框架的集成支持、方便解耦。SpringBoot的優(yōu)點(diǎn)在于自動(dòng)裝

配。mybatis優(yōu)點(diǎn)是便于統(tǒng)一管理和優(yōu)化。前端使用Vue框架進(jìn)行開發(fā)，它具有

豐富的插件在開發(fā)時(shí)可以為開發(fā)者節(jié)省大量時(shí)間。數(shù)據(jù)庫(kù)設(shè)計(jì)，使用MySQL數(shù)

據(jù)庫(kù)先搭建好數(shù)據(jù)庫(kù)，在從功能要求上根據(jù)需求寫好字段。

2需求分析

2.1功能需求描述

通過(guò)開展二手車市場(chǎng)的走訪調(diào)查并進(jìn)行需求分析，本二手車交易系統(tǒng)的大

致可分為四個(gè)功能模塊，看車、買車、賣車、用戶管理模塊。

（1）看車功能。通過(guò)在二手車市場(chǎng)看車的群眾進(jìn)行問(wèn)卷調(diào)查并分析，了解

到線下看車費(fèi)時(shí)費(fèi)力還不一定能在這個(gè)市場(chǎng)找到自己喜愛的車，到了店里還會(huì)

被銷售的各種話術(shù)影響到自己買車的思路。還了解到車主們想到店看車主要是

想看清楚車輛的各個(gè)細(xì)節(jié)部分。所以看車功能會(huì)對(duì)在本系統(tǒng)售賣的各種車輛進(jìn)

行詳細(xì)的分類，讓客戶能更好的明確需求，車輛詳情頁(yè)面可以看到車輛的所有

數(shù)據(jù)、細(xì)節(jié)部分照片以及視頻。在用戶打開本系統(tǒng)時(shí)，看車功能會(huì)從數(shù)據(jù)庫(kù)中

讀取出車輛信息并進(jìn)行分類展示，當(dāng)用戶點(diǎn)擊某車輛詳情頁(yè)面是改功能會(huì)從數(shù)

據(jù)庫(kù)中讀取該車輛的詳細(xì)信息給用戶展示。

（2）買車功能。通過(guò)本系統(tǒng)看車功能遇到了自己喜愛的車輛就可以使用買

車功能聯(lián)系賣家進(jìn)行購(gòu)買。買車時(shí)需要聯(lián)系賣家商量好，買車功能會(huì)提供賣家

的聯(lián)系方式，然后通過(guò)本系統(tǒng)提供的聯(lián)系方式聯(lián)系賣家訂車以及選擇物流送車

或者自取車輛，付款方式則是通過(guò)用戶和賣家商量解決。當(dāng)用戶購(gòu)買了某一輛

二手車時(shí)，系統(tǒng)會(huì)把該二手車的信息從一個(gè)數(shù)據(jù)庫(kù)中刪除并添加到另一個(gè)數(shù)據(jù)

3

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

庫(kù)中。

（3）賣車功能。該功能應(yīng)許商家或個(gè)人在本交易系統(tǒng)交易自己的車輛。賣

車功能可以通過(guò)車主上傳的信息判斷車輛是否是車主本人的、車輛手續(xù)是否齊

全、是否是事故車輛，以及對(duì)車輛的價(jià)格進(jìn)行評(píng)估。當(dāng)用戶成功上傳車輛信息

后系統(tǒng)會(huì)將該信息存儲(chǔ)到指定數(shù)據(jù)庫(kù)中。

（4）用戶管理模塊功能。該功能用于用戶的注冊(cè)登錄和個(gè)人中心。

2.2非功能需求描述

在對(duì)二手交易系統(tǒng)的非功能上分析以及結(jié)合現(xiàn)有技術(shù)的分析,得出在本系

統(tǒng)的非功能性需求有以下幾個(gè)方面：

（1）高效性：系統(tǒng)處理數(shù)據(jù)庫(kù)中的二手車輛數(shù)據(jù)需要達(dá)到高效性，快速準(zhǔn)

確的給車輛分類。

（2）安全性：作為一個(gè)交易系統(tǒng)安全性是必不可少的，系統(tǒng)需要做到用戶

的各種信息的加密保存以及數(shù)據(jù)庫(kù)的安全防護(hù)。

（3）可擴(kuò)展性：根據(jù)對(duì)二手車市場(chǎng)的分析，得到二手車交易系統(tǒng)的可擴(kuò)展

是非常重要的，對(duì)于維護(hù)和后期功能上的拓展要做到迭代的效果。

（4）、可移植性：在這個(gè)電子設(shè)備種類繁多的時(shí)代，一個(gè)系統(tǒng)的可移植性

是很重要的，能在各種電子設(shè)備上使用。

2.3需求用例建模

通過(guò)對(duì)二手車交易系統(tǒng)功能需求的分析得出二手車交易系統(tǒng)主要有游客、

用戶兩種角色的功能模塊，創(chuàng)建以下總體用例模型，如圖2-1所示。

4

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖2-1二手車交易系統(tǒng)的總體用例模型

2.3.1看車功能模塊的用例

通過(guò)對(duì)總體用例模型進(jìn)行拆分并結(jié)合用戶看車的具體功能需求，得出看車

功能模塊的具體用例描述如圖2-2所示，主頁(yè)查看、分類查看和詳情頁(yè)面查看

等操作功能。

圖2-2看車功能模塊用例圖

通過(guò)對(duì)看車功能模塊用例的細(xì)化，使用活動(dòng)圖針對(duì)看車功能模塊進(jìn)行系統(tǒng)

動(dòng)態(tài)行為建模。圖如，圖2-3所示。

5

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖2-3看車功能模塊活動(dòng)圖

通過(guò)對(duì)圖2-2用例圖及圖2-3活動(dòng)圖進(jìn)行下一步的細(xì)化分析，得到主頁(yè)查

看功能的描述表。如表2-1所示，可以進(jìn)行車輛信息瀏覽等操作。

表2-1主頁(yè)查看車輛功能用例描述

項(xiàng)目描述

用例名稱主頁(yè)查看車輛信息

用例標(biāo)識(shí)號(hào)01

參與者游客、用戶

參與者進(jìn)入交易系統(tǒng)首頁(yè)，則會(huì)向系統(tǒng)發(fā)起車輛數(shù)據(jù)請(qǐng)求，

簡(jiǎn)要說(shuō)明

系統(tǒng)獲取數(shù)據(jù)并返回?cái)?shù)據(jù)。

前置條件參與者知道系統(tǒng)網(wǎng)站。

1.參與者在瀏覽器輸入系統(tǒng)網(wǎng)站。

2.進(jìn)入系統(tǒng)。

基本事件流

3.系統(tǒng)首頁(yè)向參與者展示售賣車輛信息。

4.參與者查看車輛信息。

6

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

在進(jìn)入系統(tǒng)之前，參與者可以隨時(shí)按“返回”或“關(guān)閉”

其他事件流

按鈕。

異常事件流提示錯(cuò)誤信息，參與者確認(rèn)

后置條件進(jìn)入的主頁(yè)，裝載相應(yīng)的數(shù)據(jù)

分類看車功能用例描述如表2-2所示，可以分類操作。

表2-2分類看車功能用例描述

項(xiàng)目描述

用例名稱分類瀏覽車輛信息

用例標(biāo)識(shí)號(hào)02

參與者游客、用戶

簡(jiǎn)要說(shuō)明參與者可以根據(jù)自己的需求分類查看車輛信息

前置條件參與者進(jìn)入系統(tǒng)主頁(yè)

1.參與者指定想要查看車輛的類別。

基本事件流2.系統(tǒng)向參與者展示參與者指定車輛信息。

3.參與者查看車輛信息。

在進(jìn)入主頁(yè)之前，參與者可以隨時(shí)按“返回”或“關(guān)閉”

其他事件流

按鈕。

異常事件流指定車輛信息不存在，系統(tǒng)提示參與者重新選擇

后置條件返回主頁(yè)，加載相應(yīng)數(shù)據(jù)

2.3.2買車功能模塊的用例

通過(guò)對(duì)總體用例模型進(jìn)行拆分并結(jié)合用戶買車的具體功能需求，得出買車功能

模塊的具體用例描述如圖2-4所示，具有聯(lián)系賣家操作功能。

圖2-4買車功能模塊用例圖

7

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

通過(guò)對(duì)買車功能模塊用例的細(xì)化，使用活動(dòng)圖針對(duì)買車功能模塊進(jìn)行系統(tǒng)

動(dòng)態(tài)行為建模。圖如，圖2-5所示。

圖2-5買車功能模塊活動(dòng)圖

通過(guò)對(duì)圖2-4用例圖及圖2-5活動(dòng)圖進(jìn)行下一步的細(xì)化分析，得到買車功

能的描述表。如表2-3所示，可以進(jìn)行車輛購(gòu)買等操作。

表2-3買車功能用例描述

項(xiàng)目描述

用例名稱買二手車

用例標(biāo)識(shí)號(hào)03

參與者用戶

簡(jiǎn)要說(shuō)明參與者可同買車功能購(gòu)買二手車

前置條件參與者已注冊(cè)登入

1.用戶選擇車輛

基本事件流

2.用戶聯(lián)系賣家商量

其他事件流在支付之前用戶可以取消交易

異常事件流交易出錯(cuò)，用戶可重新聯(lián)系賣家交易。

后置條件返回主頁(yè)，加載相應(yīng)數(shù)據(jù)。

8

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

2.3.3賣車功能模塊的用例

通過(guò)對(duì)總體用例模型進(jìn)行拆分并結(jié)合用戶賣車的具體功能需求，得出賣車功

能模塊的具體用例描述如圖2-6所示，分別具有上傳車輛信息、修改車輛信息

等操作功能。

圖2-6賣車功能模塊用例圖

通過(guò)對(duì)賣車功能模塊用例的細(xì)化，使用活動(dòng)圖針對(duì)賣車功能模塊進(jìn)行系統(tǒng)

動(dòng)態(tài)行為建模。圖如，圖2-7所示。

圖2-7賣車功能模塊活動(dòng)圖

9

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

通過(guò)對(duì)圖2-6用例圖及圖2-7活動(dòng)圖進(jìn)行下一步的細(xì)化分析，得到賣車功

能的描述表。如表2-4所示，可以進(jìn)行車輛售賣等操作。

表2-4賣車功能模塊用例描述

項(xiàng)目描述

用例名稱二手車售賣

用例標(biāo)識(shí)號(hào)04

參與者用戶

簡(jiǎn)要說(shuō)明用戶個(gè)人車輛的售賣

前置條件用戶注冊(cè)并登錄了本交易系統(tǒng)

1.用戶點(diǎn)擊賣車功能

2.用戶上傳車輛信息

基本事件流

3.系統(tǒng)保存

4.車輛售賣成功

其他事件流用戶可在車輛賣出之前隨時(shí)取消售賣

異常事件流用戶上傳車輛信息異常，系統(tǒng)提示異常信息

后置條件系統(tǒng)售賣界面加載車輛售賣信息

2.3.4用戶管理模塊的用例

通過(guò)對(duì)總體用例模型進(jìn)行拆分并結(jié)合用戶的用戶管理需求分析，得出用戶管

理模塊的具體用例描述如圖2-8所示，分別具有用戶的登錄、注冊(cè)、個(gè)人中心

等操作功能。

圖2-8用戶管理模塊用例圖

10

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

通過(guò)對(duì)用戶管理模塊用例的細(xì)化，使用活動(dòng)圖針對(duì)用戶管理模塊進(jìn)行系統(tǒng)

動(dòng)態(tài)行為建模。圖如，圖2-9所示。

圖2-9用戶管理模塊活動(dòng)圖

通過(guò)對(duì)圖2-8用例圖及圖2-9活動(dòng)圖進(jìn)行下一步的細(xì)化分析，得到用戶管

理模塊各用例的描述表。如表2-5、2-6、2-7所示。

表2-5用戶注冊(cè)用例描述

項(xiàng)目描述

用例名稱用戶注冊(cè)

用例標(biāo)識(shí)號(hào)05

參與者用戶

簡(jiǎn)要說(shuō)明用戶賬號(hào)的注冊(cè)

前置條件用戶進(jìn)入本系統(tǒng)

1.用戶點(diǎn)擊個(gè)人中心

2.系統(tǒng)跳轉(zhuǎn)至登錄界面

基本事件流

3.用戶選擇注冊(cè)并輸出賬號(hào)密碼

4.系統(tǒng)判斷是否合法

其他事件流用戶輸入賬號(hào)密碼不合法

異常事件流用戶注冊(cè)賬號(hào)已存在

后置條件跳轉(zhuǎn)回登錄頁(yè)面

表2-6用戶登錄用例描述

項(xiàng)目描述

11

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

用例名稱用戶登錄

用例標(biāo)識(shí)號(hào)06

參與者用戶

簡(jiǎn)要說(shuō)明用戶賬號(hào)的登錄

前置條件用戶進(jìn)入本系統(tǒng)

1.用戶點(diǎn)擊個(gè)人中心

2.系統(tǒng)跳轉(zhuǎn)至登錄界面

基本事件流

3.用戶輸出賬號(hào)密碼

4.系統(tǒng)判斷是否正確

其他事件流用戶輸入賬號(hào)密碼錯(cuò)誤

異常事件流用戶賬號(hào)不存在

后置條件跳轉(zhuǎn)主頁(yè)

表2-7個(gè)人中心用例描述

項(xiàng)目描述

用例名稱個(gè)人中心

用例標(biāo)識(shí)號(hào)07

參與者用戶

簡(jiǎn)要說(shuō)明用戶的個(gè)人中心用于賬號(hào)的退出

前置條件用戶已登錄

1.用戶點(diǎn)擊個(gè)人中心

2.系統(tǒng)進(jìn)入個(gè)人中心

基本事件流

3.用戶點(diǎn)擊退出

4.系統(tǒng)清除賬號(hào)令牌

其他事件流無(wú)

異常事件流無(wú)

后置條件退出賬號(hào)

12

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3系統(tǒng)概要設(shè)計(jì)

3.1系統(tǒng)設(shè)計(jì)原則

本二手車交易系統(tǒng)采用StringBoot框架和Mysql數(shù)據(jù)庫(kù)開發(fā)，充分保證了

系統(tǒng)穩(wěn)定性、完整性。功能上追求操作簡(jiǎn)單方便，系統(tǒng)界面做到安全良好、布

局簡(jiǎn)單明了。

3.2系統(tǒng)框架設(shè)計(jì)

根據(jù)系統(tǒng)的需求分析、用例建模分析并結(jié)合開發(fā)框架的特點(diǎn)設(shè)計(jì)了本二手

車交易系統(tǒng)的系統(tǒng)架構(gòu)模型，如圖3-1所示。

圖3-1二手車交易系統(tǒng)整體架構(gòu)圖

13

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.3系統(tǒng)功能設(shè)計(jì)

對(duì)系統(tǒng)模塊化結(jié)構(gòu)設(shè)計(jì)必須是在系統(tǒng)分析階段對(duì)子系統(tǒng)劃分的基礎(chǔ)上，進(jìn)

一步地劃分，將它一層層的分解為多個(gè)大小相同、功能單一、具有一定獨(dú)立性

的模塊，以便程序設(shè)計(jì)的同時(shí)，加強(qiáng)數(shù)據(jù)庫(kù)之間的聯(lián)系，使系統(tǒng)更加的完美。

根據(jù)二手車交易系統(tǒng)的需求分析和用例建模分析，本文確定了二手車交易系統(tǒng)

的主要功能模塊，包括我要買車、我要賣車和個(gè)人中心等。二手車交易系統(tǒng)的

功能結(jié)構(gòu)圖如圖3-2所示，本系統(tǒng)共有看車、買車、賣車和個(gè)用戶管理四大主

要功能模塊。

圖3-2二手車交易系統(tǒng)功能結(jié)構(gòu)圖

3.3.1看車功能設(shè)計(jì)

針對(duì)系統(tǒng)看車功能結(jié)構(gòu)圖進(jìn)行進(jìn)一步細(xì)化分析，得到各子模塊相關(guān)功能描

述，看車功能描述使用功能描述表，如下表3-1至3-2。

表3-1主頁(yè)相關(guān)功能描述

功能名稱主頁(yè)

功能概述系統(tǒng)推薦車輛讓用戶選擇查看

輸入內(nèi)容無(wú)

系統(tǒng)處理從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)

輸出內(nèi)容顯示車輛信息

14

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

表3-2指定條件相關(guān)功能描述

功能名稱指定條件

功能概述用戶指定某類型的車輛選擇查看

輸入內(nèi)容指定類型

系統(tǒng)處理從數(shù)據(jù)庫(kù)中查找符合條件數(shù)據(jù)并判斷數(shù)據(jù)是否存在

輸出內(nèi)容顯示車輛信息或提示暫無(wú)車輛

3.3.2我要買車功能設(shè)計(jì)

針對(duì)系統(tǒng)我要買車功能結(jié)構(gòu)圖進(jìn)行進(jìn)一步細(xì)化分析，得到各子模塊相關(guān)功

能描述，我要買車功能描述使用功能描述表，如下表3-3所示。

表3-3聯(lián)系賣家相關(guān)功能描述

功能名稱聯(lián)系賣家

功能概述用戶選擇好車輛后聯(lián)系賣家協(xié)商訂車

輸入內(nèi)容無(wú)

系統(tǒng)處理無(wú)

輸出內(nèi)容無(wú)

3.3.3我要賣車功能設(shè)計(jì)

針對(duì)系統(tǒng)我要賣車功能結(jié)構(gòu)圖進(jìn)行進(jìn)一步細(xì)化分析，得到我要賣車相關(guān)功

能描述，描述如下。

用戶可通過(guò)本交易系統(tǒng)賣車，用戶上傳車輛信息并定好價(jià)格后系統(tǒng)將車輛

信息存入指定數(shù)據(jù)庫(kù)中。

3.3.4用戶管理功能設(shè)計(jì)

針對(duì)系統(tǒng)個(gè)用戶管理功能結(jié)構(gòu)圖進(jìn)行進(jìn)一步細(xì)化分析，得到用戶管理相關(guān)

功能描述，描述如下。

用戶管理功能模塊分別有登錄、注冊(cè)、個(gè)人中心等功能，注冊(cè)功能用來(lái)新

用戶的注冊(cè)，登錄功能用于用的登錄，個(gè)人中心用于用戶賬號(hào)的退出。

3.4數(shù)據(jù)庫(kù)設(shè)計(jì)

數(shù)據(jù)庫(kù)設(shè)計(jì)往往是系統(tǒng)設(shè)計(jì)中最為核心的一個(gè)步驟，在給定的硬件環(huán)境和

操作系統(tǒng)以及數(shù)據(jù)庫(kù)管理軟件等環(huán)境下，創(chuàng)建一個(gè)性能良好的數(shù)據(jù)庫(kù)模式，讓

它能有效的存儲(chǔ)和管理數(shù)據(jù)，滿足各類用戶的需求，可大大的提高開發(fā)效率，

也是系統(tǒng)性能良好的基礎(chǔ)和保障。

15

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.4.1設(shè)計(jì)原則

為了能創(chuàng)建一個(gè)性能良好的數(shù)據(jù)庫(kù)，進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)時(shí)，則需要遵從以下

原則：

1．標(biāo)準(zhǔn)化原則

數(shù)據(jù)的庫(kù)設(shè)計(jì)要?jiǎng)?wù)必遵守統(tǒng)一的設(shè)計(jì)標(biāo)準(zhǔn)與命名規(guī)范。對(duì)數(shù)據(jù)來(lái)源進(jìn)行統(tǒng)

一的分析與設(shè)計(jì)保證數(shù)據(jù)的完整性，具備統(tǒng)一設(shè)計(jì)分類與編碼規(guī)范的數(shù)據(jù)庫(kù)不

但設(shè)計(jì)清晰直觀,而且更有利于后期數(shù)據(jù)庫(kù)及程序的維護(hù)，為以后項(xiàng)目可擴(kuò)展性

提供條件。

2．冗余原則

以往數(shù)據(jù)庫(kù)的設(shè)計(jì)要求不允許有冗余，要盡可能的滿足3NF。然而，在系

統(tǒng)實(shí)際運(yùn)行過(guò)程中，滿足3NF的數(shù)據(jù)庫(kù)設(shè)計(jì)并不一定能高效運(yùn)行。為了減少冗

余而設(shè)計(jì)的復(fù)雜的表間關(guān)系，反而會(huì)降低訪問(wèn)數(shù)據(jù)庫(kù)執(zhí)行的效率；但是過(guò)低的

范式標(biāo)準(zhǔn)，又會(huì)導(dǎo)致數(shù)據(jù)庫(kù)的數(shù)據(jù)大量冗余。所以，在日常的數(shù)據(jù)庫(kù)設(shè)計(jì)中，

適當(dāng)?shù)脑试S冗余設(shè)計(jì)（允許派生性冗余設(shè)計(jì)，杜絕重復(fù)性冗余設(shè)計(jì)），找到冗

余與數(shù)據(jù)處理速度的平衡點(diǎn)，可以在很大程度上減少數(shù)據(jù)庫(kù)的關(guān)聯(lián)查詢，提升

系統(tǒng)性能。

3.4.2概念設(shè)計(jì)

在數(shù)據(jù)庫(kù)概念設(shè)計(jì)的過(guò)程中，經(jīng)常采用E-R圖來(lái)描述概念設(shè)計(jì)的結(jié)果。E-R

圖用來(lái)描述現(xiàn)實(shí)世界的概念模型或模式圖，它為表述實(shí)體類型、屬性和聯(lián)系模

式圖形的數(shù)據(jù)模型提供了圖形符號(hào)。根據(jù)二手車交易系統(tǒng)數(shù)據(jù)進(jìn)行分析，其E-R

圖如下圖3-4所示。

圖3-3二手車交易系統(tǒng)E-R圖

16

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.4.3邏輯設(shè)計(jì)

通過(guò)對(duì)E-R模型的數(shù)據(jù)實(shí)體屬性、實(shí)體間關(guān)系進(jìn)一步分析，并結(jié)合二手車

交易系統(tǒng)的實(shí)際需求，根據(jù)E-R圖轉(zhuǎn)化為關(guān)系模式的轉(zhuǎn)換方法，建立起了本系

統(tǒng)的關(guān)系模式，具體轉(zhuǎn)化后的關(guān)系模式如下：

用戶表（用戶ID，用戶名，密碼，手機(jī)號(hào)，角色，狀態(tài)）

二手車信息表（ID，賣家ID，品牌，系列，版本，年份，類型，排量，變

速箱，座位數(shù)，顏色，指導(dǎo)價(jià)，二手價(jià)，所在城市，公里數(shù)，創(chuàng)建時(shí)間，狀態(tài)，

介紹）

車輛圖片表（ID，車輛ID，車輛封面圖，車輛前圖，后圖，左圖，右圖，

內(nèi)飾圖a,內(nèi)飾圖b,內(nèi)飾圖c）

輪播圖（ID，圖片地址，跳轉(zhuǎn)地址，創(chuàng)建時(shí)間）

3.4.4數(shù)據(jù)字典

用戶表的表結(jié)構(gòu)如表3-4所示，該表主要用于記錄用戶的信息，主要字段

為用戶名,手機(jī)號(hào)。

表3-4用戶表表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

uidvarchar（11）用戶編號(hào)主鍵是

umanevarchar（11）昵稱是

passwordvarchar（18）密碼是

phonevarchar（11）電話號(hào)碼是

roleint（1）角色是

statusint（1）狀態(tài)是

二手車信息表的表結(jié)構(gòu)如表3-5所示，該表主要用于記錄二手車輛的基本

信息，主要字段為車輛id，用戶id。

表3-5二手車信息表表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

cidvarchar（17）車輛編號(hào)主鍵是

uidvarchar(11)車主id外鍵是

brandvarchar(10)車輛品牌是

seriesvarchar（10）車輛系列是

versionvarchar（10）車輛版本是

17

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

birth_yearvarchar（10）上牌年份是

categoryint（1）車輛類別是

engine_capac

varchar（10）排量是

ity

transmissionvarchar（10）變速箱是

seatingint（1）座位數(shù)是

colourvarchar（10）顏色是

guiding_pric

int(8)指導(dǎo)價(jià)是

e

priceint(7)二手價(jià)是

cityvarchar（10）所在城市是

mileageint(10)公里數(shù)是

stateint(1)狀態(tài)是

explainsvarchar(255)介紹是

creation_tim

timestamp創(chuàng)建時(shí)間是

e

輪播圖表的表結(jié)構(gòu)如表3-6所示，該表主要用于記錄輪播圖地址信息，主

要字段為輪播圖地址。

表3-6輪播圖表表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idint（11）id主鍵是

urlvarchar(256)跳轉(zhuǎn)地址是

imgvarchar（256）圖片地址是

create_timetimestamp創(chuàng)建時(shí)間是

車輛圖片表的表結(jié)構(gòu)如表3-7所示，該表主要用于記車輛圖片的地址信息，

主要字段為車輛id。

表3-7輪播圖表表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idint（11）id主鍵是

cidvarchar(17)車輛id外鍵是

covervarchar（256）封面圖是

frontvarchar(255)車輛前圖是

behindvarchar(255)后圖是

18

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

leftvarchar(255)左圖是

rightvarchar(255)右圖是

interior_avarchar(255)內(nèi)飾圖a是

interior_bvarchar(255)內(nèi)飾圖b是

interior_cvarchar(255)內(nèi)飾圖c是

數(shù)據(jù)庫(kù)設(shè)計(jì)總結(jié)：根據(jù)用戶的需求分析和用例建模分析，本文確定了二手

車交易系統(tǒng)的主要功能模塊，包括看車、我要買車、我要賣車和用戶管理模塊

等。

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

通過(guò)對(duì)二手車交易系統(tǒng)的需求分析和概要設(shè)計(jì)的分析與設(shè)計(jì)、得出了系統(tǒng)

的詳細(xì)設(shè)計(jì)、本系統(tǒng)會(huì)通過(guò)功能的時(shí)序圖及類圖以及類的使用方式來(lái)描述。

4.1看車子功能模塊設(shè)計(jì)

4.1.1看車子功能模塊說(shuō)明

通過(guò)對(duì)二手車交易系統(tǒng)進(jìn)行分析后，得出看車的子功能模塊上應(yīng)包含有主頁(yè)

查看、分類查看等功能。

4.1.2看車子功能模塊詳細(xì)設(shè)計(jì)

通過(guò)需求分析和概要設(shè)計(jì)對(duì)看車功能進(jìn)行分析與設(shè)計(jì)，得出看車子功能模

塊的時(shí)序圖如圖4-1所示。

圖4-1看車的時(shí)序圖

19

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

針對(duì)類圖進(jìn)行進(jìn)一步細(xì)化分析，得到看車子功能模塊相關(guān)類及方法描述表，

如下表4-1所示。

表4-1看車子功能模塊相關(guān)類及方法描述表

類名Car

描述車輛類

車輛id，賣家id，車輛品牌，系列，版本，上牌年份，類

屬性別，排量，座位數(shù)，變速箱，顏色，指導(dǎo)價(jià)，二手價(jià)，城

市，狀態(tài)，車輛圖片

方法get（）

類名CarMapper

描述車輛數(shù)據(jù)接口類

屬性

方法ListCar（），getPicture（Stringcid）

類名CarPicture

描述車輛圖片類

id，車輛id，封面圖，前圖，后圖，左圖，右圖，內(nèi)飾圖

屬性

a，內(nèi)飾圖b，內(nèi)飾圖c

方法get（）

4.2我要買車子功能模塊設(shè)計(jì)

4.2.1我要買車子功能模塊說(shuō)明

通過(guò)對(duì)二手車交易系統(tǒng)進(jìn)行分析后，得出我要買車的子功能模塊上有聯(lián)系

賣家的功能。

4.2.2我要買車子功能模塊詳細(xì)設(shè)計(jì)

通過(guò)需求分析和概要設(shè)計(jì)對(duì)我要買車功能進(jìn)行分析與設(shè)計(jì)，得出我要買車

注冊(cè)子功能模塊的時(shí)序圖如圖4-2所示。

20

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖4-2我要買車的時(shí)序圖

針對(duì)類圖進(jìn)行進(jìn)一步細(xì)化分析，得到我要買車子功能模塊相關(guān)類及方法描

述表，如下表4-2所示。

表4-2我要買車子功能模塊相關(guān)類及方法描述表

類名Car

描述車輛類

車輛id，賣家id，車輛品牌，系列，版本，上牌年份，類

屬性別，排量，座位數(shù)，變速箱，顏色，指導(dǎo)價(jià)，二手價(jià)，城

市，狀態(tài)，車輛圖片

方法getCar（）getUserid（）

類名CarMapper

描述車輛數(shù)據(jù)接口類

屬性

方法ListCar（），getPicture（Stringcid）

類名CarPicture

描述車輛圖片類

id，車輛id，封面圖，前圖，后圖，左圖，右圖，內(nèi)飾圖

屬性

a，內(nèi)飾圖b，內(nèi)飾圖c

方法get（）

21

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

類名CarService

描述車輛服務(wù)類

屬性

方法ListCar(),carByid(Stringid),ClassCar(intclassid)

4.3我要賣車子功能模塊設(shè)計(jì)

4.3.1我要賣子功能模塊說(shuō)明

通過(guò)對(duì)二手車交易系統(tǒng)進(jìn)行分析后，得出我要賣車的子功能模塊上包含有

上傳車輛信息功能。

4.3.2我要賣車子功能模塊詳細(xì)設(shè)計(jì)

通過(guò)需求分析和概要設(shè)計(jì)對(duì)我要賣車功能進(jìn)行分析與設(shè)計(jì)，得出我要賣車

注冊(cè)子功能模塊的時(shí)序圖如圖4-3所示。

圖4-3我要賣車的時(shí)序圖

針對(duì)類圖進(jìn)行進(jìn)一步細(xì)化分析，得到我要賣車子功能模塊相關(guān)類及方法描

述表，如下表4-3所示。

表4-3我要賣車子功能模塊相關(guān)類及方法描述表

類名Car

描述車輛類

車輛id，賣家id，車輛品牌，系列，版本，上牌年份，類

屬性別，排量，座位數(shù)，變速箱，顏色，指導(dǎo)價(jià)，二手價(jià)，城

市，狀態(tài)，車輛圖片

方法setCar（）setPicture()

22

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

類名CarMapper

描述車輛數(shù)據(jù)接口類

屬性

方法sell(Carcar)

類名CarService

描述車輛服務(wù)類

屬性

方法addCar(LinkedHashMapcarMap);

4.4用戶管理模塊子功能模塊設(shè)計(jì)

4.4.1用戶管理模塊子功能模塊說(shuō)明

通過(guò)對(duì)二手車交易系統(tǒng)進(jìn)行分析后，得出用戶管理模塊的子功能模塊上包

含注冊(cè)、登錄和退出等功能。

4.4.2用戶管理模塊子功能模塊詳細(xì)設(shè)計(jì)

使用UML序列圖對(duì)需求分析中各子功能的用例進(jìn)行分析與設(shè)計(jì)，以下圖

4-4為個(gè)人中心子模塊的時(shí)序圖

圖4-4用戶管理模塊的時(shí)序圖

針對(duì)類圖進(jìn)行進(jìn)一步細(xì)化分析，得到個(gè)人中心子功能模塊相關(guān)類及方法描

述表，如下表4-4所示。

23

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

表4-4用戶管理模塊功能模塊相關(guān)類及方法描述表

類名User

描述用戶類

屬性用戶id，用戶名，賬號(hào)，密碼，頭像地址

方法get（），set（）

類名UserMapper

描述用戶數(shù)據(jù)接口類

屬性

方法save(User),findByUserId(id)

類名UserService

描述用戶服務(wù)類

屬性

save(Map<String,String>userInfo),

方法findByPhoneAndPwd(Stringphone,Stringpwd),

findByUserId(StringuserId)

24

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

5系統(tǒng)實(shí)現(xiàn)

5.1看車子模塊實(shí)現(xiàn)

5.1.1看車模塊界面設(shè)計(jì)

看車界面，如圖5-1所示：該界面主要包括輪播圖接口、分類接口、車輛列

表接口。

輪播圖：用戶在進(jìn)入界面自動(dòng)加載。

分類：用戶可以根據(jù)自己需求分類查看所需車輛。

車輛列表：展示車輛信息。

圖5-1我要買車界面

5.1.2看車模塊核心代碼實(shí)現(xiàn)：

步驟1：加載頁(yè)面數(shù)據(jù)

//輪播圖接口

@GetMapping("list_banner")

25

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

publicJsonDataindexBanner(){