1,緒論
1.1 項目背景
最近幾年,我國影院企業發展迅猛,各大電影院不斷建設新的院線,每年新投入使用的熒幕數目逐年顯著上升。這離不開人們的觀影需求及對觀影的過程要求的不斷進步。廣大觀影消費者需要知道自己的空閑時間,在自己可以接受的地理距離范圍內,是否有感興趣的影片可供觀看,也需要清楚哪家影院在銷售自己需要的電影票;同時手握電影排期及上映信息的電影院的運營者也急需根據消費者的觀影需求實時調整經營策略,這種買賣雙方之間的信息交流需求更促進了“電影院網上訂票系統”發展。
1.2 選題意義
蓬勃的互聯網大潮將逐步使人們的社會生活更加便利,成為數字化社會的一個重要標識。而電影院網上訂票系統作為其中重要的組成部分,逐漸將消費者從電影院賣票窗口長長的隊伍中解放出來,使得全體在線消費者通過豐富多彩的互聯網上享受到不間斷的訂票體驗,打破了在時間上以及空間上的局限,打開了廣闊的市場前景。
2 ,系統設計
功能權限結構圖
3,需求分析
本系統分別從會員以及系統管理員這兩個主要用例為驅動,將整體系統功能劃分為系統會員業務和系統管理員業務兩大模塊,具體如下:
3.1 會員功能
- 會員注冊:如果想要在本網站購買電影票則必須先在系統上進行注冊
- 會員信息管理:已經注冊為系統會員的用戶,隨時能夠調整或豐富自己的個人資料。
- 訂購電影票:游客及本系統注冊會員可以在本電影院網上訂票系統查看在映的電影信息、根據個人情況不同可以選擇不同影院進行購票。還可以通過關鍵詞查詢自己感興趣的影片和影院等。
- 訂單信息查詢:會員登錄本電影院網上訂票系統后,可以查詢自己之前的歷史訂單信息,包括訂單時間、金額、對應的電影票、場次等。
- 想看的電影:會員可以收藏自己想看的電影到收藏夾
- 電影評論:用戶可以給看過的電影進行評論,打分,點贊別人的評論
3.2 管理員功能
- 系統管理:系統管理員密碼修改
- 影片信息管理:系統管理員對所有符合各影院上映標準的所有電影進行添加及管理,包括影片的名稱、簡介、導演、主演及上映時間等相關基本信息的管理,能夠對影片數據進行新增、編輯和刪除等操作。
- 電影排期管理:本系統設計為每個合作的影院配置一個普通系統管理員分別對各大影院電影排期信息進行管理,主要職責是及時將正在熱映以及即將上映的影片的排期信息發布或更新到網站,以便廣大消費者進行購票。
- 管理電影影評信息:系統管理員在網上訂票系統中對會員提交的影評及電影打分信息進行審核
- 電影票訂單管理:各影院的系統管理員可以對系統中相應影院的電影票訂購信息進行查詢及管理,并處理會員的退票換票業務。
- 電影院及影院放映廳管理:系統管理員在網上訂票系統中添加、修改或刪除合作電影院信息,并對各影院的放映廳信息進行管理。
4,技術分析
后端技術
技術 | 說明 | 官網 |
---|---|---|
Node.JS | JS代碼的運行環境 | https://nodejs.org/en |
Express | Web應用開發框架 | https://www.expressjs.com.cn/ |
Express-session | session的中間件 | 📣 有源碼 獲取源碼 |
EJS | 嵌入式模板引擎 | https://ejs.bootcss.com/ |
Morgan | 日志中間件 | https://github.com/jwtk/jjwt |
Multer | 表單數據處理工具 | https://github.com/expressjs/multer |
MySQL | 數據庫 | https://www.mysql.com/ |
前端技術
技術 | 說明 | 官網 |
---|---|---|
Vue | 前端框架 | https://vuejs.org/ |
Vue-router | 路由框架 | https://router.vuejs.org/ |
Vuex | 全局狀態管理框架 | https://vuex.vuejs.org/ |
Element | 前端UI框架 | https://element.eleme.io |
Axios | 前端HTTP框架 | https://github.com/axios/axios |
v-charts | 基于Echarts的圖表框架 | https://v-charts.js.org/ |
5,影院商城頁面展示
5.1 登陸界面
5.2 首頁
商城首頁通過定位、搜索框、正在熱映、即將上映模塊將頁面分隔開
5.3 影片搜索
5.4 電影詳情頁
5.5 電影票購買流程
5.5.1 點擊特惠購票
5.5.2 選擇影院
5.5.3 選擇場次
5.5.4 選擇座位
5.5.5 確認訂單
5.5.6 支付訂單
5.5.7 確認支付
5.5.8 支付成功,獲得取票碼
5.6 電影頁面
電影頁面被分為兩個模塊:正在熱映和即將上映,和首頁相對于
5.7 影院
在影院頁面用戶可查看所有影院