hbuilder(js+html+css)開發的APP效果實例

預約系統

by cg

本系統組成：后台(駕校端)與APP(學員端)兩部分組成。

學員以入學報名時的手機號登錄APP可進行預約學車。

駕校方可在后台設置排班學車計划。

此模塊效果具體如下：

 

后台-教練管理模塊

首先添加教練：

 

 

后台-排班管理模塊

培訓時段設置

下一步在預約管理中設置培訓時段

 

排班計划設置

設置好時段規則后，下一步設置預約排版計划：可以進行批量排班。

 




 

也可以點擊某一天進行單獨的個性化設置：比如有教練請假。

 

每一天都可以分別設置科目二和科目三的計划。

另外還可以添加資訊。

后台-資訊管理模塊

資訊模塊分為首頁資訊與幫助資訊兩中分類。首頁資訊顯示在學員端手機APP的首頁中,幫助類資訊顯示在幫助欄目內。

 

 

APP-學員登錄,下面以js+html+css開發的apk(當然也可以同時發布成IOS的ipa)

使用手機號登錄，目前測試帳號為13603313230 密碼為123456

 

登錄后，在后台添加的首頁資訊會顯示在首頁。

 

在在線預約中，會根據當前學員的所學進度科目，車型，自動篩選出對應的教練。

 

選擇對應的教練進行預約進入日期選擇

 

此處日期可以多選，但最多選4個，紅色的日期是可以預約的，其中如果教練請假的情況已經排除了。

選擇好日期后點擊右上角的確定按鈕進入時段的選擇。

 

這里分別選擇時段進行預約。在預約記錄中可以取消預約，但過期的不可以取消。取消時要填寫取消原因。

 

完成訓練的可以進行評價。

 

 

個人中心與咨詢幫助，后台添加的幫助咨詢在此欄目顯示。

以上此模塊實現的后台+APP(安卓+IOS) 完全開發實現所用的時間(1人)在3-5天即可搞定(不需要加班哦~)。
PS：流程設計、數據庫設計、后台開發、接口(webapi)開發、APP(H5+JS)開發 完全一個人獨立完成。