一、技術路線:
開發語言:Java
前端技術:JavaScript、VUE.js(2.X)、css3
資料庫:MySQL 5.7
資料庫管理工具:Navicat或sqlyog
開發工具:IDEA或Ecplise
二、項目介紹:
視訊加載中...
三、運作截圖:
第四章小程式校園跑腿系統詳細設計
4.1 使用者微信端功能子產品
使用者要登入微信小程式,則需要注冊。在小程式校園跑腿裡使用者可以進行登入,使用者注冊:個人賬号、密碼、姓名、性别、郵箱、手機号碼進行注冊,如圖4-1所示。
圖4-1使用者注冊界面圖
使用者登入:使用者通過登入頁面輸入賬号、密碼,進行登入,如圖4-2所示。
圖4-2使用者登入界面圖
使用者登入進入小程式校園跑腿首頁,檢視首頁、跑腿訂單、訂單資訊、意見角、我的等功能子產品的相應操作,如圖4-3所示。
圖4-3系統首頁界面圖
我的:在我的頁面,檢視使用者資訊、訂單資訊、評價資訊、活動資訊、使用者申請、我要發貼、我的發貼等功能進行相應的操作,如圖4-4所示。
圖4-4我的界面圖
使用者資訊:點選使用者資訊,進入個人詳情頁面可修改個人賬号、姓名、性别、郵箱、手機号碼、相片等内容,點選儲存來更新使用者資訊,也可以點選登出,退出系統,如圖4-5所示。
圖4-5使用者資訊界面圖
活動資訊:使用者在活動資訊頁面,檢視活動編号、活動時間、釋出日期、活動簡介、活動内容等,如有需要點選申請,進入申請頁面填寫備注内容送出,如圖4-6 4-7所示。
圖4-6活動資訊界面圖
圖4-7申請界面圖
跑腿訂單,使用者在跑腿訂單頁面,通過編輯填寫訂單編号、訂單名稱、地點類型、出發地、目的地、相關圖檔、跑腿費用、狀态、個人賬号、姓名、手機号碼、釋出日期,點選送出釋出,如圖4-8所示。
圖4-8跑腿訂單界面圖
我要發帖:使用者通過我要發帖頁面填寫釋出标題、内容進行文章釋出,以及檢視特文章評論,,如圖4-9所示。
圖4-9我要發帖界面圖
4.2 跑腿員微信端功能子產品
跑腿員要登入微信小程式,則需要注冊。在小程式校園跑腿裡跑腿員可以進行登入,在注冊頁面填寫:跑腿賬号、跑腿服姓名、性别、郵箱、聯系手機進行注冊,如圖4-10所示。
圖4-10使用者注冊界面圖
跑腿員:跑腿員通過登入頁面輸入跑腿賬号、密碼,進行登入,如圖4-11所示。
圖4-11跑腿員登入界面圖
登入小程式校園跑腿首頁,跑腿員可以看到首頁、跑腿訂單、訂單資訊、意見角、我的等功能子產品的相應操作,如圖4-12所示。
圖4-12系統首頁界面圖
我的:在我的頁面,可以對跑腿員資訊、跑腿訂單、訂單資訊、評價資訊、活動資訊、跑腿員參與、我要發貼、我的發貼等功能進行相應的操作,如圖4-13所示。
圖4-13我的界面圖
跑腿員:點選跑腿員資訊,可修改跑腿賬号、跑腿服姓名、性别、郵箱、聯系手機、相片等内容,點選儲存來更新跑腿員資訊,也可以點選登出,退出系統,如圖4-14所示。
圖4-14跑腿員界面圖
跑腿訂單:在跑腿訂單頁面,檢視訂單編号、訂單名稱、地點類型、出發地、目的地、相關圖檔、跑腿費用、狀态、個人賬号、姓名、手機号碼、釋出日期等内容,如有需要接單稽核稽核使用者,完成稽核點選接單系統會跳入接單頁面,如圖4-15 4-16所示。
圖4-15跑腿訂單界面圖
圖4-16稽核界面圖
活動資訊頁面,跑腿員檢視活動的活動編号、活動時間、釋出日期、活動簡介
,如有需要點選參與按鈕進入參與頁面填寫備注進行送出,如圖4-17所示。
圖4-17活動界面圖
圖4-17參與界面圖
4.3管理者服務端功能子產品
管理者通過輸入使用者名,密碼,角色等内容進行登入,登入到系統背景,進行相應的操作,如下圖4-18所示。
圖4-18管理者登入界圖面
管理者登入進入到微信小程式校園跑腿的背景,管理者檢視首頁、個人中心、使用者管理、跑腿員管理、跑腿訂單管理、訂單資訊管理、評價資訊管理、活動資訊管理、使用者申請管理、跑腿員參與管理、意見角、系統管理等進行相應操作,如下圖4-19所示:
圖4-19管理者功能界圖面
使用者管理:在使用者管理頁面,管理者可以對使用者賬号、使用者姓名、性别、頭像、電話号碼等使用者資訊進行詳情、修改、删除、新增等操作,如下圖4-20所示。
圖4-20使用者管理界面圖
跑腿員管理:管理者通過跑腿員頁面檢視跑腿賬号、跑腿服姓名、性别、郵箱、聯系手機、相片等内容,可進行新增、詳情檢視、修改、删除等操作,如下圖4-21所示。
圖4-21物品類型管理界面圖
跑腿訂單管理:管理者可對跑腿訂單檢視訂單編号、訂單名稱、地點類型、出發地、目的地、相關圖檔、跑腿費用、狀态、個人賬号、姓名、手機号碼、釋出日期等内容進行詳情檢視、修改、删除,以及稽核使用者上傳跑腿訂單進行稽核,如圖下圖4-22所示。
圖4-22跑腿訂單管理界面圖
訂單資訊管理:管理者通過訂單資訊頁面,檢視訂單編号、訂單名稱、地點類型、出發地、目的地、相關圖檔、個人賬号、姓名、手機号碼、訂單狀态、跑腿賬号、跑腿姓名、聯系手機、操作時間,以及檢視支付詳情、稽核與回複等操作,如下圖4-23所示。
圖4-23訂單資訊管理界面圖
活動資訊管理:管理者通過活動資訊頁面新增編輯活動編号、活動名稱、活動圖檔、活動時間、釋出日期、活動内容進行釋出,如下圖4-24所示。
圖4-24活動資訊管理界面圖
跑腿員參與管理:管理者通檢視跑腿員參與活,進行稽核跑腿員參加活動,并回複跑腿員,如下圖4-25 所示。
圖4-25跑腿員參與管理界面圖
系統管理;管理者在該頁面輪播圖管理界面管理者可以在此頁面進行首頁輪播圖上傳,通過建立操作可在輪播圖中加入新的圖檔,還可以對以上傳的圖檔進行修改操作,以及圖檔的删除操作,如下圖4-26所示。
圖4-26輪播圖管理界面圖