本項目小程序端采用Taro技術框架，可將React代碼編譯為微信小程序、安卓APP、IOS程序、H5頁面等，管理端采用React Hook + TypeScript來進行開發(fā)

目前小程序端完善了習題，課程，論壇，聊天室。管理端完善了題庫管理，新增題庫，修改題庫以及登錄的功能。

介紹

當代大學生上課缺少積極性，學習缺乏效率。所以特別開發(fā)出這樣一款學習類的微信小程序幫助學生進行學習、鞏固知識，同時增加對戰(zhàn)PK模塊來加強學生們的學習積極性。這是一個為學生提供在線學習課程、題庫練習、考試答題、做題PK、上課簽到、資料查閱、成績分析等功能的微信小程序

參數(shù)配置

運行項目前，需要對src/server/config目錄下的配置文件進行配置

數(shù)據(jù)庫文件

運行項目前，請務必將根目錄下的sql文件導入進mysql數(shù)據(jù)庫，否則無法運行

技術選型

客戶端：Taro + 微信小程序 + Echarts

服務端：Node.js + MySql + websocket

管理端：React + TypeScript

其他：七牛云存儲

功能

小程序端

1. 在線學習課程
2. 專項題庫練習
3. 課程考試答題
4. 知識趣味競賽
5. 上課簽到系統(tǒng)
6. 專業(yè)資料查閱
7. 學生成績分析
8. 活動日程安排
9. 學習分享論壇

管理端

1. 登錄注冊
2. 題庫管理
3. 試卷批改

運行截圖

客戶端

1. 主頁

2. 個人中心

3. 課程詳情

4. 做題練習

5. 學習交流群

6. 聊天室

7. 課程列表

8. 習題列表

9. 排行榜

10. 論壇

11. 日程管理

管理端

1. 登錄界面

2. 題庫管理

3. 修改題庫

4. 試卷批改

安裝運行

• 第一步

  獲取源碼

• 第二步

  • cnpm i安裝依賴

• 第三步

  • 啟動后臺服務 npm run server
  • 構建小程序運行服務 npm run dev:weapp
  • 構建管理端 npm run dev

• 第四部

  • 在微信小程序開發(fā)工具中預覽
  • 在PC端預覽管理端

目錄結構

|-- [config]                  // 項目配置文件
|-- [dist]                    // 項目打包文件
|-- [src]                     // 項目代碼
    -- [client]               // 客戶端代碼
       -- [assets]            // 靜態(tài)文件
       -- [components]        // 組件文件
       -- [pages]             // 頁面文件
       -- [store]             // 狀態(tài)管理
       -- [styles]            // 樣式文件
       -- [utils]             // 工具包函數(shù)
    -- [server]               // 服務端代碼
       -- [config]            // 服務端配置文件
       -- [routes]            // 路由目錄
       -- [utils]             // 工具函數(shù)
       -- [middlewares]       // 中間件
    -- [admin]                // 管理端代碼
       -- [assets]            // 靜態(tài)文件
       -- [components]        // 組件文件
       -- [pages]             // 頁面文件
       -- [store]             // 狀態(tài)管理
       -- [styles]            // 樣式文件
       -- [utils]             // 工具包函數(shù)
|-- .gitignore                // git忽略配置
|-- package-lock.json         // npm
|-- package.json              // npm
...

點擊獲取源代碼