童思少兒編程教學系統是K12在線編程教育系統，學習，隨堂問答，編程實操為一體的系統，其中圖形化編程系統基于Scratch3【相關架構參考】，
先看架構
-
從結構層次拆分，系統主要分成兩個大塊，普通的GUI部分和學習部分，
-
從功能模塊拆分，GUI中包含用戶中心、用戶作業作品、自由創作作品，通過路由進行切換，
學習部分主要分為視頻教學部分和圖形化編程系統，視頻教學部分從底層到上從分為學習地圖、視頻播放系統和習題系統 -
UI與資料分離，單獨將資料狀態這一層獨立出來，
GUI和資料管理層
普通GUI內部獨立的模塊包括用戶中心、用戶作業作品、用戶自由創作作品等模塊，每個模塊的功能也相對獨立
這些功能提供了用戶學前以及學后相關的功能，非核心功能，
資料管理層包括用戶相關的資料，用戶學習狀態等資料，在用戶操作頁面的程序中，資料管理層的資料實時變更，其他部件能夠隨時獲取到最新資料，
頁面以單頁面方式構建，路由為內部路由，其他如官網首頁（不需要登錄），通過預渲染的方式獨立出去，
學習模塊
學習模塊部分有四個部分，習題系統，視頻播放系統，學習地圖以及圖形化編程系統，
- 圖形化編程系統，需要獨立出來，因為這塊功能可以獨立提供給用戶，
- 學習地圖，作為用戶學習入口，也是學習模塊的底層，
- 視頻播放系統，獨立出來一個模塊，因為少兒編程的視頻播放包含了普通的視頻控制，課程小節切換，縮放控制，進入編程等功能，業務比較獨立也比較復雜，
- 習題系統，在視頻播放系統之上展示，配合視頻播放節奏，展示隨堂習題，目前支持單選題，拖拽拼圖，拖拽排序，
資料采集
資料采集提供統一的資料采集支持，采集用戶行為資料，便于后期的資料加工和分析，支持宣告式埋點和命令式埋點，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/76026.html
標籤：架構設計