教育培訓模板說明

2022-06-06 16:06 更新

項目介紹

功能描述

本項目的一個教育培訓服務(wù)APP。提供在線瀏覽機構(gòu)信息、名師風采和課程預(yù)約訂購等功能。

模板包含前后端,其中前端代碼使用avm.js多端技術(shù)(未處理)開發(fā),可同時編譯為Android & iOS App以及微信小程序;后端使用APICloud數(shù)據(jù)云3.0(未處理)云函數(shù)自定義接口。

截圖預(yù)覽

源碼說明

源碼文件目錄結(jié)構(gòu)

項目源碼在本倉庫的 widget 目錄下。其中該目錄下的文件結(jié)構(gòu)如下:

┌─component/                    // 項目公共組件目錄
│  ├─img/                       // 組件公用素材
│  ├─a-card.stml                // [基礎(chǔ)組件]卡片組件
│  ├─a-cell.stml                // [基礎(chǔ)組件]單元格組件
│  ├─a-cell-group.stml          // [基礎(chǔ)組件]單元格容器組件
│  ├─a-header.stml              // [基礎(chǔ)組件]頭部導航組件
│  ├─a-section.stml             // [基礎(chǔ)組件]章節(jié)組件
│  ├─a-tab.stml                 // [基礎(chǔ)組件]選項卡組件
│  ├─a-tabs.stml                // [基礎(chǔ)組件]選項卡容器組件
│  ├─b-course.stml              // [業(yè)務(wù)組件]課程詳情組件
│  ├─b-notice.stml              // [業(yè)務(wù)組件]提醒面板組件
│  ├─c-course-list.stml         // [組合組件]課程列表頁
├─images/                       // 圖片素材圖標資源目錄
├─pages/                        // 新版的AVM頁面目錄
│  ├─course-detail/
│  │  └─course-detail.stml      // 課程詳情頁
│  ├─course-list/
│  │  └─course-list.stml        // 課程列表頁
│  ├─course-pay/
│  │  └─course-pay.stml         // 購買課程頁
│  ├─course-preorder/
│  │  └─course-preorder.stml    // 預(yù)約課程頁
│  ├─order-detail/
│  │  └─order-detail.stml       // 用戶訂單詳情頁
│  ├─order-list/
│  │  └─order-list.stml         // 用戶訂單列表頁
│  ├─pay-result/
│  │  └─pay-result.stml         // 下單(支付)結(jié)果頁
│  ├─play-video/
│  │  └─play-video.stml         // 視頻播放頁
│  ├─preorder-detail/
│  │  └─preorder-detail.stml    // 用戶預(yù)約詳情頁
│  ├─preorder-list/
│  │  └─preorder-list.stml      // 用戶預(yù)約列表頁
│  ├─tab-home/
│  │  └─tab-home.stml           // tab頁-0 入口主頁
│  ├─tab-course/
│  │  └─tab-course.stml         // tab頁-1 課程分類列表
│  ├─tab-user/
│  │  └─tab-user.stml           // tab頁-2 用戶主頁
├─script/                       // JavaScript腳本目錄
│  ├─UserManager.js             // 用戶數(shù)據(jù)管理類
│  └─req.js                     // 項目請求交互文件
└─config.xml                    // 應(yīng)用配置文件

使用步驟

1,下載最新版本的APICloud Studio 3

2,下載APICloud Studio 3,安裝后打開,頂部菜單選擇【項目】-【新建項目】,打開如下界面:

填寫應(yīng)用名稱,選擇相應(yīng)模板,點【完成】按鈕進行創(chuàng)建。

3,為當前項目編譯自定義Loader(未處理)進行真機同步調(diào)試預(yù)覽?;蛘呤謾C安裝AppLoader(未處理),使用AppLoader進行真機同步調(diào)試預(yù)覽。WIFI同步使用教程 參考WiFi真機同步(未處理)。

4,小程序可通過studio3編譯項目后在微信開發(fā)者工具中進行預(yù)覽(未處理)。開發(fā)完成后可以將編譯的小程序包上傳到微信開放平臺,審核通過后,在微信中可以搜索查看。

5,云編譯 生成Android & iOS 應(yīng)用安裝包以及微信小程序源碼包。編譯iOS之前需先上傳iOS證書,Android則可直接進行編譯。

技術(shù)支持

使用中若有任何疑問可到APICloud論壇AVM多端專區(qū)發(fā)帖提問。官方技術(shù)支持和眾多活躍開發(fā)者會第一時間為您提供技術(shù)支持。

項目地址

項目源碼地址(https://www.apicloud.com/safe?education-training

后端文檔

教育培訓模板后端說明(https://docs.apicloud.com/APICloud/Education-template-database)

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號