自從一個月前更新完，期間雖然一直都在寫程式碼，但是前端展示部分交給了另外一個同學寫，自己跑去寫了伺服器。

以下是成果展示：

1.題目一般是4題，但是可以不定為4題，從陣列中獲取選項物件時獲取其長度。

2.隨機題目：在頁面載入的時候生成亂序後的題號序列（用陣列儲存）。通過下標遍歷獲取對應的題目。

3.隨機選項：這裡用的是全域性的偽隨機，即把選項隨機後全域性都採用相同的隨機序列。

4.介面展示：在選擇後有分正誤，在選擇後提供正確選項的展示，如果選擇錯誤還會提供錯誤的提示。

5.頁面切換：在首個版本中承接上個專案在選擇後自動切換頁面。在最後的頁面中展示做對的題目數和評分。在最後還會有錯題回顧。

6.題目陣列：在js中初始化一個數組，數組裡儲存正序的題號。

7.題目選項型別：這裡相較與上個版本採用的是全圖片的處理方法，題目和選項全是圖片。原本給出的是word文件，一共是80道，這裡採用的是手工一道道截圖。先講文字字型設定為2號，然後在題目方面長大概是720，選項是540左右，用微信截圖，然後放到伺服器上。

8.如果選擇全部正確點選檢視錯題會有toast框提示沒有錯誤。

9.這裡題目的json格式大致如下：

{"question": "http://111.230.50.64:8080/usr/tomcat/webapps/WxMath/image/80-q.png","option": {"A": "http://111.230.50.64:8080/usr/tomcat/webapps/WxMath/image/80-a.png"
 
, "B": "http://111.230.50.64:8080/usr/tomcat/webapps/WxMath/image/80-b.png", "C": "http://111.230.50.64:8080/usr/tomcat/webapps/WxMath/image/80-c.png", "D": "http://111.230.50.64:8080/usr/tomcat/webapps/WxMath/image/80-d.png" }, "true": "A", "number":"4" }

10.伺服器端將資料寫入mysql資料庫和將圖片上傳到伺服器的程式碼、部落格過段時間再更新。

11.這裡一定要注意，因為這個版本是使用網路的，其中在index.js裡使用wx.request向伺服器傳送了請求，返回的json資料同時setData，如果想單機的話就去掉這段話，參考上一個版本寫。github有版本控制的，可以看一下之前的沒聯網的版本。

如果有疑問的我會的，評論了我會回答的。

建議修改方式：
1.刪除index.js裡的wx.request，該方法將給json賦值，而wx.request實際上是訪問了伺服器的tomcat。而tomcat裡的java程式碼用jdbc訪問資料庫，資料庫實際上存的是80條json，拿出來後進行拼接成1條json返回給index.js。所以改成直接給json初始化賦值。
2.json格式和上面一樣，不過這是單條的json，實際上會是：
[{"question": 題目圖片的url,"option": {"A": "選項的url", "B": "選項的url", "C": "選項的url", "D":"選項的url" }, "true": "A", "number":"4" },{"question": 題目圖片的url,"option": {"A": "選項的url", "B": "選項的url", "C": "選項的url", "D":"選項的url" }, "true": "A", "number":"4" },......................]
3.上面的url可以改成本地路徑，這樣也就是不用伺服器，純粹的本地小程式。