基于Spring Boot的購票系統的設計與實現

趙凝

摘要：基于Spring Boot的購票系統的設計與實現，旨在借助互聯網技術為用戶提供文娛演出和體育賽事類商品線上購票的服務。演出賽事購票平臺是綜合類娛樂票務在線整合營銷平臺，業務覆蓋演唱會，話劇，歌劇，音樂劇，體育賽事等領域。系統采用前后端分離架構設計，前端采用Vue框架，結合HTML5、CSS3、Axios、JSON等技術進行前端代碼的編寫；使用Photoshop、Figma、StarUML進行原型圖和數據庫設計；服務器端采用Spring Boot框架搭建并提供API接口，使用MyBatis框架，結合MySQL數據庫進行數據的存儲與訪問。

關鍵詞：Spring Boot；購票系統；MySQL；Vue

一、前言

近年來，以計算機技術、網絡技術和多媒體技術為代表的信息技術革命已經深入社會各個層面，并且逐漸改變著人們的生活方式。各種娛樂型票務系統也漸漸走進大眾的視野。線上購票在給用戶帶來極大便利的同時，也為演出賽事的舉辦方提供了極大的便利。舉辦方可以通過后端系統統計銷售的票數，既節省了人力，又節省了物力。此外，演出賽事購票平臺可對各大音樂節，各體育賽事，京劇、話劇演出等進行宣傳和售票。基于此，本文設計并開發了基于Spring Boot的購票平臺。

二、購票系統的目的和意義

演出賽事購票平臺是對小眾文化、傳統文化的宣傳，也是對購票模式的創新，其主要目標是實現演唱會、音樂會、話劇、體育比賽等多種門票在線訂購服務。此外，網站致力于讓更多的人了解一些小眾文化或中國傳統文化。

隨著社會經濟的不斷發展，人們的娛樂活動越來越豐富，種類越來越多，觀看各類演出、各種比賽的人數占比很大。用戶可以通過本平臺查看所有的演出和比賽信息。網站提供給用戶不同的選擇，讓用戶實現足不出戶，進行在線訂票、退票等操作。這樣既可以省時省力，又能及時收到更多的演出信息。

在移動互聯網與電子商務快速發展的背景下，網絡購票無疑成為一種新的購票模式，O2O（Online To Offline）模式也應運而生。O2O模式是指消費者在線上進行交易支付，再到線下享受服務的過程[1]。演出賽事購票平臺便是在O2O的基礎上，實現用戶線上購票、線下觀看演出活動的過程。此外，演出賽事購票平臺可以跟蹤網絡購票業務流程，實現購票平臺業務的多元化整合營銷。近年來，在線票務服務業發展迅猛，O2O模式的出現和發展促使上游供應商為客戶提供創新產品，激發了行業整體潛力。然而，隨著人口紅利時代的逐漸遠去，在線票務服務企業要想獲得長遠發展，就要跟上互聯網時代的步伐，轉變其盈利模式[2]。

三、系統的可行性分析

（一）技術可行性分析

本系統基于Vscode開發平臺，在設計之初使用了Photoshop、Figma等繪圖工具繪制網站原型和logo；使用Google瀏覽器和Firefox瀏覽器檢查代碼效果；使用了Vue框架，結合ElementUI組件庫進行前端頁面的搭建。Vue核心庫只關注可視化層，使用方便，而且很容易與第三方庫或現有項目集成[3]。ElementUI遵循用戶習慣的語言和概念，通過界面樣式和交互動畫效果，讓用戶可以清晰感知自己的操作，設計簡潔直觀的操作流程，可以讓用戶自由地操作[4]。本系統使用Spring Boot結合Mybasis框架進行后端數據存儲。Spring Boot用來簡化新Spring應用的初始搭建和開發過程。它簡化了開發過程、配置過程、部署過程和監控過程[5]。當前計算機的硬件及軟件均滿足開發需求，所有平臺均安全且可正常執行，因此滿足技術可行性。

（二）安全可行性分析

對于網站的安全，可以從運行環境與網站程序自身兩個方面來分析。

1.網站運行環境安全主要包括物理安全和軟件本身的安全。物理安全是指軟件因外力等造成損害，比如機械的撞擊以及其他自然因素；軟件本身的安全是指操作系統、服務器及數據庫本身的安全。

2.對于網站程序自身的安全，應該從以下方面考慮：首先，網站配置路由攔截并要求登錄用戶的輸入都應是合法的，非法輸入的用戶禁止登錄本網站，游客不可查看個人中心等需登錄的頁面；其次，網站保護用戶的隱私，用戶的密碼只有管理員可見，網站的代碼、組件均安全可靠；最后，從嚴格意義上講，測試是不可能發現所有問題的，所以還需要對網站進行后續的管理、維護以及測試。

（三）社會可行性分析

一直以來，演出市場以一二線城市為主，一線城市演出比例持續增加，越來越多的歌手開始準備音樂節和演唱會，國內演出市場年均增長率持續上漲。

此外，通過調研報告得知，演出票房近年來呈上漲趨勢，雖然許多演出采取了線上模式或演出限流模式，但在票務網上有時仍然一票難求，例如，在2022年5月5日舉行的地下八英里全國總決賽，售票通道剛開啟，學生票就被搶光。根據預測，演出市場將會有更大的需求量和發展空間。

四、系統需求與設計

（一）系統用例概述

1.項目功能需求分析

對同一類型的產品進行調研，根據需求分析的結果，確定本軟件主要包括以下功能模塊：

（1）前端功能需求：首頁包括票務展示以及票務詳情，演唱會頁面包括總票代信息，音樂人頁面包括音樂人動態和推薦，歌手詳情頁包括演出信息等。

（2）后端功能需求：后臺首頁展示個人信息、購買菜單和圖表；用戶管理頁包括用戶信息的增、刪、改、查；粉絲管理包括粉絲新增和評論查看；演出信息包括場地入駐、音樂人入駐、發布音樂和廠牌入駐；票務管理包括人工協助、結款到賬、票務分類以及退票管理等。

2.前臺用戶的功能需求分析

根據需求調研，本系統的目的是為用戶和演藝部門提供一個交互平臺。它可以為用戶提供演唱會、話劇、歌劇、體育賽事、音樂節等演出信息，方便用戶及時進行購票、退票等操作。主要功能有：顯示所有在線票務信息，能進行登錄、注冊、購票等操作，顯示演唱會會館具體地址。普通用戶用例圖如圖1所示。

3.后端用戶功能需求分析

根據需求分析，本系統為管理員提供了登錄、用戶管理、粉絲管理、查看演出信息以及票務管理等功能。其中，后端只有管理員可以登錄，非管理員登錄會被系統攔截；在用戶管理中，管理員可以對用戶信息進行增、刪、改、查操作，對用戶信息進行維護；在查看演出信息功能中，管理員可以根據實時情況發布演出信息、調整場地分配，對音樂人進行管理；在廠牌管理中，管理員可以對廠牌信息進行增、刪、改、查操作；在票務管理功能中，管理員可以進行票務統計、票據分類、退款到賬、結款到賬、人工協助等操作。后端管理員用例圖如圖2所示。

后端具體功能和功能描述如表1所示。

（二）體系結構設計

用戶和管理員通過前端頁面的交互，瀏覽通過后端數據庫返回的數據以及頁面信息。

（三）網站設計規范

1.本網站主要使用的是三列布局和居中布局。

2.網站設計

網站前端展示頁面是面向用戶和消費者的，為To C端；后臺是面對商家和專業人士的，為To B端。

3.網頁設計

網頁寬度為1520px，高度不限，有效可視區的寬度為950px～2000px。

4.字體規范

中英文常用字體：微軟雅黑。

5.文字常用字號

導航文字大小：17px；

正文內容：12px、14px、15px、20px；

標題、小標題：20px、22px；

輔助信息：12px、13px、20px。

6.字體間距

相鄰兩個文字的間距、行間距，使用字體大小的1.5～2.0倍作為參考。

7.字體顏色

字體的主要顏色為黑色和深灰色，大部分采用紅色或白色，輔助信息為灰色。

（四）布局設計

頁面布局指的是頁面信息結構布局方案，即頁面中的元素如何展示給用戶。對于產品而言，頁面的布局方案非常重要，一個合理的頁面布局方案，能為用戶提供更好的產品體驗，讓用戶在使用時清晰明了，進而為產品帶來更多的正向數據。

影響頁面布局的因素有很多，如產品目標需求、用戶需求等。其中，頁面與用戶之間的交互、頁面布局的評估、頁面布局的設計思路非常重要。

本網站布局通過對頁面進行初步評估，理清了頁面布局設計的整體思路。本網站應用了四種頁面布局方式，分別為：banner式布局（導航條和banner圖）；上下型布局（主要內容、頁腳）；左右型布局（后臺管理系統）；標題正文型布局（圖文混排）。

顏色搭配：紅色、藍色、黃色。藍色和紅色屬于對比色，藍色的沉靜、穩重搭配紅色的熱情、艷麗，形成了強烈的對比，并使各自的色相更顯突出，具有強烈的視覺沖擊力。

（五）數據庫設計

根據對系統功能模塊的描述，該系統的數據庫中應該具有如下信息：

1.用戶的基本信息包括賬號、密碼、姓名、年齡、性別、出生日期和地址。

2.管理員的信息包括管理員編號、級別、姓名、性別、聯系方式。

3.歌手的基本信息包括歌手編號、姓名、性別、演出、郵箱。

4.演出包括演唱會、歌劇話劇、體育、音樂節、音樂會。

5.演職員信息包括姓名、演出時間、演出地址、演出場館。

6.演出信息包括音樂人入駐、廠牌入駐、發布音樂、場地入駐。

7.粉絲管理包括查看粉絲人數、查看評論、粉絲新增。

8.票務管理包括人工協助、退票管理、結款到賬、票據分類。

五、系統功能設計與實現

（一）歌手頁面功能的設計與實現

歌手頁面介紹了歌手的基本信息，該頁面使用Tab選項卡記錄演出、場地、作品、簡介、專輯等模塊。其中，演出模塊包括歌手近期將出席的演出活動以及活動的價格、時間、地址等信息，點擊地圖圖標可以通過百度地圖接口跳轉到對應的位置。場地模塊記錄了歌手參加演出的場地環境。在作品模塊中，可以收聽歌手的作品，歌曲可以倍速播放，可以隨時暫停，可以下載保存至本地。

（二）后端管理功能模塊設計

后端首頁使用了Echart圖表進行詳細的數據分析。Echart圖表可以把數據用圖表的形式清晰顯示出來。首頁使用的圖表形式包括折線圖、柱狀圖和餅狀圖等。圖表和列表中的數據存儲在數據庫中，通過GetData方法獲取數據庫中的數據。用戶列表頁可以實現對用戶信息的增加、編輯、刪除和查找。

六、基本功能測試

系統制作完成后，對本系統進行了功能測試。基本功能測試如表2所示。

七、結語

本購票系統，服務器端使用Spring Boot框架、MyBatis結合MySQL數據庫進行開發，前端使用Vue進行構建。截至目前，該項目的前后端均已完成相關功能的開發和實現，系統包括演出信息和票務管理。

前端頁面實現了對各種演出信息的查看以及購票操作，后端頁面實現了對粉絲數據以及演出信息發布的數據修改和對用戶信息的增加、刪除、修改、查看等操作。

參考文獻

[1]劉楠.O2O經營模式分析[D].天津：天津大學，2016.

[2]云婷.價值鏈視角下在線票務服務企業O2O盈利模式研究——以攜程網為例[D].呼和浩特：內蒙古農業大學，2021.

[3]齊洋，原變青，劉穎，等.基于Gin和Vue.js的作業管理系統的設計[J].信息技術與信息化，2022（10）：103-105+110.

[4]王志文.Vue+Elementui+Echarts在項目管理平臺中的應用[J].山西科技，2020，35（6）：45-47.

[5]王丹，孫曉宇，楊路斌，等.基于SpringBoot的軟件統計分析系統設計與實現[J].軟件工程.2019，22（3）：40-42.

作者單位：大連東軟信息學院計算機科學與技術系