微信小程序開發(fā)入門第一章：微信小程序開發(fā)流程ontents目錄C課程的簡介認識小程序01搭建開發(fā)環(huán)境小程序開發(fā)的準備工作02課程的簡介互聯(lián)網(wǎng)時代小程序究竟改變了什么？課程實施平臺介紹與成績評定01ranspageT課前討論在互聯(lián)網(wǎng)的時代，互聯(lián)網(wǎng)消除了距離。小程序希望用“即用即走”的方式激活線下，連接場景。商業(yè)模式的顛覆生產(chǎn)模式的重構(gòu)消費模式的變革企業(yè)平臺化用戶個性化員工創(chuàng)客化探索路徑連接場景微信小程序誕生2007年1月9日，蘋果iPhone正式發(fā)布，這是一個時代開始的象征。十年后的同一天，2017年1月9日，微信小程序正式上線。張小龍向喬布斯致敬，小程序無疑被寄予厚望，希望開啟一個全新的時代。小程序的登場，意味著移動互聯(lián)網(wǎng)真正進入下半場的較量。上半場爭搶的是線上流量，隨著線上用戶增長紅利趨于飽和，戰(zhàn)爭基本結(jié)束。而下半場則是線下用戶之爭，想象空間巨大。當時，微信的月活躍量已經(jīng)超過8億人次【而今（2022年）已達13億】，用戶范圍廣、黏性高。在這種情形下，微信于2016年9月21日公開了“微信小程序”計劃。微信小程序是一種新的應用形態(tài)，無須下載安裝即可使用的應用，用戶只需要“掃一掃”或者“搜一下”即可打開應用，這體現(xiàn)了“用完即走”的理念。小程序的幾十次迭代包含了幾十項功能的增添/改進,其主要可以歸類為以下四個方面:1、開放線上入口能方便地進入是一件事,留住用戶是另一件事。這便需要更多優(yōu)質(zhì)的開發(fā)者帶來更多優(yōu)質(zhì)的小能方便地進入是一件事,留住用戶是另一件事。這便需要更多優(yōu)質(zhì)的開發(fā)者帶來更多優(yōu)質(zhì)的小程序。2、對開發(fā)者友好為了讓更多缺乏技術(shù)基礎(chǔ)的開發(fā)者們創(chuàng)建優(yōu)質(zhì)的小程序,微信及時推出了小程序可授權(quán)第三方平臺托管的功能。官方對第三方開發(fā)的支持使小程序如雨后春筍般大量誕生。3、關(guān)聯(lián)微信生態(tài)群相關(guān)能力的開放也為小程序的流量增長做出了貢獻。從微信群的小程序分享頁進入的用戶將帶有一張SharedTicket作為其群身份標識,使得小程序可以獲得戶與用戶間基于微信群的關(guān)系。在小程序這款產(chǎn)品上,微信希望打通其生態(tài)內(nèi)產(chǎn)品間的壁壘,實現(xiàn)生態(tài)融合,讓小程序、公眾號、群聊之間變得互不可缺、互相依賴。4、拓展基本功能為了滿足開發(fā)者們想實現(xiàn)的更豐富的場景,小程序也在不斷拓展著其功能接口。比如與手機通訊錄打通、接入微信運動數(shù)據(jù)、可調(diào)節(jié)手機屏幕亮度、監(jiān)測手機截屏事件等等。微信小程序迭代史微信小程序大戰(zhàn)略1、助力線下行業(yè)微信意識到，阻礙線下商家大量入駐小程序平臺的不止是技術(shù)壁壘，很多線下行業(yè)的從業(yè)者們的困局在于：不知道如何讓小程序為其發(fā)揮價值。認識到這方面的需求后，微信團隊利用微信公開課平臺，在全國各地開展了多次公開課。2、挑戰(zhàn)搜索引擎微信小程序開發(fā)的大部分功能迭代都會由公眾號“微信公眾平臺”發(fā)文通告，然而，唯獨小程序的搜索功能，一直處在“悄悄升級”的狀態(tài)，僅在2017年6月3日宣布新增了關(guān)鍵詞搜索功能。這條窄窄的搜索框已經(jīng)開始在小程序生態(tài)中扮演越來越重要的角色。3、挑戰(zhàn)電商平臺和支付寶京東的電商小程序是最早一批入駐的小程序?，F(xiàn)在，微信開始了小程序電商的模式探索：2017年8月1日，微信已向部分流量主發(fā)出內(nèi)測邀請：將廣告直接植入文章之中，目前可選的廣告以電商單品為主。而用戶通過點擊外層圖片或按鈕將跳轉(zhuǎn)至指定小程序落地頁，完成購買流程。如果這個模式獲得成功，微信和京東將能壟斷巨量電商交易，且這些交易的支付手段也將被微信支付所壟斷。

小程序引流拉新手段？沒有小程序時代APP該怎么做？小程序催生的“共享”時代小程序引領(lǐng)的飲食變革小程序填補空白領(lǐng)域防疫政策調(diào)整期間，騰訊上線了"新冠防護藥物公益互助平臺"，為用藥備藥的用戶提供服務小程序的引流手段流量+玩法+產(chǎn)品=“超級轉(zhuǎn)化”“病毒式”傳播路徑：線上：朋友收到禮品卡—-發(fā)朋友圈表達謝意—-再送回給朋友（或送給其它朋友）—其它朋友收到卡線下：朋友收到禮品卡—-到店消費—拍照片發(fā)群（朋友圈）展示—-引導其他朋友也去購買禮品卡—轉(zhuǎn)發(fā)給朋友的朋友留住客戶：用大數(shù)據(jù)挖掘本質(zhì)需求十三五新形態(tài)教材_微信小程序開發(fā)邊做邊學PPT資源：操作篇：抽象提煉課程內(nèi)容的重點、難點、關(guān)鍵操作知識點篇：擴展引申課程內(nèi)容的背景知識點后臺環(huán)境搭建小程序前端開發(fā)豆豆云助教課程資源涵蓋的內(nèi)容“C語言習題測試”案例開發(fā)微信小程序入門01“我的頁面”模塊開發(fā)02課程模塊開發(fā)03

簽到測距模塊開發(fā)04接口開發(fā)與云平臺05“信息修改”模塊開發(fā)課程練習模塊開發(fā)初識后臺與數(shù)據(jù)庫初識云開發(fā)及實戰(zhàn)豆豆云案例模塊開發(fā)知識體系的建立課程開設的實施方法通識課的開設通識課授課提綱專業(yè)選修課的開設專業(yè)選修課授課提綱課程成績評價提交小程序作品論壇討論

測試情況

完成作業(yè)成績出爐作業(yè)批改標準：每次作業(yè)5分1，上傳2個截圖（PC端和手機端）2分，每個1分；2，對功能進行個性化修改1分；3，有心得1分，心得質(zhì)量好1分。作業(yè)成績占20%;測驗成績占20%;每次10道客觀題，10分。課程討論成績占10%;提交小程序項目占50%;專業(yè)選修課組隊情況專業(yè)選修課程作品26通識課組隊情況通識課程作品參賽作品資料百度云鏈接ontents目錄C課程的簡介認識小程序01搭建開發(fā)環(huán)境小程序開發(fā)的準備工作02搭建微信小程序開發(fā)環(huán)境

申請賬號下載開發(fā)工具開發(fā)第一個HELLOWORLD小程序02ranspageT進行微信小程序開發(fā)，第一步就是要在微信公眾平臺：

注冊一個開發(fā)者賬號。

申請微信小程序賬號登陸微信官方提供的簡易教程鏈接https://developers.weixin.qq.com/miniprogram/dev/）進入教程后，選擇“申請賬號”。點擊“小程序注冊頁”按鈕進入小程序注冊頁面。

準備工作

注冊賬號信息填寫填寫郵箱、密碼、確認密碼以及認證碼勾選“你已閱讀并同意《微信公眾平臺服務協(xié)議》及《微信小程序平臺服務條款》”，單擊“注冊”按鈕提交填寫好的賬號信息。

注冊郵箱激活在賬號信息提交后，進入郵箱激活頁面，單擊“登錄郵箱”按鈕，

登錄到注冊小程序的郵箱查看激活文件。單擊郵箱中的鏈接，即跳轉(zhuǎn)回微信平臺頁面并完成郵箱激活。

注冊信息登記完成郵箱激活后，進入信息登記頁面。注冊國家/地區(qū)選擇默認選項“中國大陸”。主體類型（個人、企業(yè)、政府、媒體以及其他）根據(jù)開發(fā)者實際情況進行選擇，本書主要以個人類型為例進行講解

注冊選擇個人類型后，頁面下方會出現(xiàn)主體信息登記填寫主體信息時，用戶需要如實填寫身份證姓名、身份證號碼和管理員手機號。

一個身份證號碼或一個手機號只能注冊5個小程序。單擊“獲取驗證碼”按鈕，等待手機接收驗證碼，填入接收到的6位驗證碼信息登記

注冊填寫完管理員身份信息后，管理員身份驗證一欄會自動生成一個二維碼。開發(fā)者使用本人微信掃描頁面提供的二維碼。掃碼后，手機微信會自動跳轉(zhuǎn)到微信驗證頁面。開發(fā)者核對微信驗證頁面上所顯示的姓名與身份證號碼無誤后，單擊“確認”按鈕，系統(tǒng)會提示“你的身份已驗證”。信息登記

注冊手機微信上確認后，信息登記頁面也會提示“身份驗證成功”。單擊“繼續(xù)”按鈕進入下一步，系統(tǒng)彈出提示框，讓開發(fā)者最后確認提交的主體信息，單擊“確定”按鈕，彈出“信息提交成功”提示框。信息登記

注冊單擊“前往小程序”按鈕直接進入小程序后臺管理頁面。管理員之后可以通過訪問微信公眾平臺（）手動輸入賬號密碼登錄小程序管理頁面，進行小程序的管理。安裝微信開發(fā)工具在簡易教程中的左側(cè)導航欄選擇“安裝開發(fā)者工具”，進入安裝開發(fā)工具教程，單擊“開發(fā)者工具下載頁面”按鈕即可進入工具下載頁面。安裝微信開發(fā)工具進入工具下載頁面后，可以發(fā)現(xiàn)開發(fā)工具分為開發(fā)版、測試版、穩(wěn)定版和內(nèi)核升級版。為保證開發(fā)工具的穩(wěn)定性，建議開發(fā)者選擇穩(wěn)定版的開發(fā)工具，開發(fā)者可根據(jù)計算機操作系統(tǒng)選擇對應的軟件進行下載。安裝微信開發(fā)工具下載完成后，用戶會獲得一個exe應用程序文件，雙擊該文件進行開發(fā)工具的安裝。安裝微信開發(fā)工具安裝過程如圖：點擊下一步

點擊我接受

選擇安裝位置，點擊安裝

正在安裝

安裝微信開發(fā)工具安裝完成后，提示“安裝完成”，單擊“完成”按鈕即可。安裝微信開發(fā)工具雙擊桌面“微信web開發(fā)者工具”圖標，運行微信開發(fā)者工具。用微信進行掃描登錄，掃描成功后，在手機端單擊“確認登錄”按鈕即可登錄并使用微信開發(fā)者工具。

創(chuàng)建HELLOWORLD小程序雙擊微信web開發(fā)者工具圖標，打開開發(fā)者工具。

左側(cè)導航欄選擇“小程序”，單擊菜單欄中“+”按鈕，進入新建項目頁面

創(chuàng)建HELLOWORLD小程序進入新建項目頁面，依次填寫項目名稱和AppID，并選擇項目目錄、開發(fā)模式、后端服務和開發(fā)語言。

創(chuàng)建HELLOWORLD小程序小程序的AppID可以登錄微信公眾平臺查看。登錄小程序賬號后，進入小程序后臺管理頁面，左側(cè)導航欄選擇“開發(fā)”，然后頂部tab欄選擇“開發(fā)設置”可查看AppID。該AppID需要單獨記錄和保存，后面用于開發(fā)工具的登錄。

創(chuàng)建HELLOWORLD小程序項目名稱：可根據(jù)項目自定義一個項目名稱。AppID：每個小程序賬號都有一個AppID，小程序管理員可在微信公眾平臺查看自己的AppID。AppID必須填實際的小程序AppID，否則部分功能將無法使用。如果開發(fā)者條件暫時受限，無法注冊申請小程序ID，可以選擇AppID下方的測試號新建小程序，但是無法實現(xiàn)真機調(diào)試功能。項目目錄：項目目錄為項目代碼包存放的路徑地址，可選擇默認的目錄，也可以選擇自己新建的空文件夾所在的目錄。

創(chuàng)建HELLOWORLD小程序開發(fā)模式：開發(fā)模式有兩個選項，分別是小程序和插件，插件是可被添加到小程序內(nèi)直接使用的功能組件。開發(fā)者可以像開發(fā)小程序一樣開發(fā)一個插件，供其他小程序使用。同時，小程序開發(fā)者可直接在小程序內(nèi)使用插件，無需重復開發(fā)，為用戶提供更豐富的服務。

后端服務：后端服務可選擇“不使用云服務”與“小程序·云開發(fā)”，本次案例選擇不使用云服務。開發(fā)語言：開發(fā)語言可選擇“JavaScript”與“TypeScript”。

創(chuàng)建HELLOWORLD小程序填寫完新建項目中的各個信息后，單擊“新建”按鈕完成HelloWorld小程序的新建。

HELLOWORLD小程序簡單修改打開新建好的helloworld小程序，點擊app.json，找到window字段。

★修改window屬性

HELLOWORLD小程序簡單修改將navigationBarBackgroundColor的值改為”0ca”，將navigationBarTitleText的值改為”微信”,將navigationBarTextStyle的值改為”white”,每修改一個值編譯一次代碼，觀察模擬器中頁面的變化。

HELLOWORLD小程序簡單修改

★修改motto值點擊index.js,找到page字段，（開發(fā)者可自行修改其中的motto值），此處將motto值修改為helloZhuge。

HELLOWORLD小程序簡單修改

★修改動態(tài)獲取的昵稱在/pages/index目錄下，修改index.js文件，將canIUseOpenData的值改為false。修改index.wxml文件。將{{userInfo.nickName}}改為你想要的任何名字。

HELLOWORLD小程序簡單修改

★修改動態(tài)獲取的昵稱在/pages/index目錄下，修改index.wxml文件。將{{userInfo.nickName}}改為

“大佬”。如果看不到頭像，將調(diào)試基礎(chǔ)庫調(diào)低到2.17.0版本，在手機上預覽要推送

HELLOWORLD小程序簡單修改

★頭像問題微信小程序最新用戶頭像昵稱獲取規(guī)則調(diào)整應對措施（2022）：/ZHANGYANG_1109/article/details/127947267

HELLOWORLD小程序簡單修改

★添加tabBar

給helloworld添加一個tabBar,代碼如下：

HELLOWORLD小程序簡單修改新建images文件夾，用于存放icon的圖片，images的添加方法有兩種。1）單擊目錄結(jié)構(gòu)區(qū)左上方的“+”按鈕，選擇新建目錄，命名為images；2）打開項目存放目錄，在項目文件夾下新建images文件夾，將icon的圖片黏貼到images文件夾下，即可將圖片放置于images目錄下。

HELLOWORLD小程序簡單修改

給大家推薦一個icon的下載網(wǎng)站，網(wǎng)址為，開發(fā)者可以在該網(wǎng)址下載自己需要的icon。

HELLOWORLD小程序簡單修改

★最終效果示例：感謝聆聽！第二章：簡單案例開發(fā)實戰(zhàn)簡單案例開發(fā)實戰(zhàn)心理測試小程序安裝與理解C語言測試小程序開發(fā)C語言測試邏輯修改添加做題結(jié)果小程序發(fā)布02ranspageT

簡單案例開發(fā)實戰(zhàn)心理測試小程序安裝與理解開源代碼的借鑒C語言測試小程序開發(fā)頁面功能的添加C語言測試邏輯修改實現(xiàn)邏輯的差異發(fā)布的流程發(fā)布上線課前討論2022微信生態(tài)發(fā)展：小程序、視頻號、私域流量與微信支付

微信生態(tài)內(nèi)容組成：微信公眾號、微信商戶平臺、微信開放平臺、微信廣告

微信生態(tài)層面劃分：面向用戶，面向企業(yè)。我們以樹狀圖簡單呈現(xiàn)，可以看到如下所述的生態(tài)構(gòu)建。

在騰訊發(fā)布的2021年及2022年Q1財報中，在談及重點業(yè)務及未來戰(zhàn)略時，多次提到“小程序”“視頻號”等關(guān)鍵字。視頻號方面，用戶數(shù)據(jù)同比增速迅猛，并預期未來商業(yè)化前景廣闊；小程序方面，活躍賬戶數(shù)已突破5億，結(jié)合相關(guān)微信生態(tài)，幫助B端客戶更好拓展和運營私域流量，做好服務、個體的連接，依然是今年微信的重要戰(zhàn)略之一。何為「小程序經(jīng)濟圈」？

它其實便是一個虛擬生態(tài)，是根據(jù)“微信”新基建，構(gòu)成的經(jīng)濟生態(tài)圈。它是以微信小程序為中心樞紐，鏈接微信付出、企業(yè)微信、微信AI、微信搜一搜等微信生態(tài)才能，構(gòu)成一套共同的全景生態(tài)矩陣，深度助力各職業(yè)與工業(yè)，從而產(chǎn)生巨大社會經(jīng)濟價值的經(jīng)濟形態(tài)。基于微信形成的新型生態(tài)圈——微信小程序經(jīng)濟圈小程序行業(yè)現(xiàn)狀和前景小程序現(xiàn)狀：

據(jù)對公開資料進行統(tǒng)計，截止2022年末全網(wǎng)小程序數(shù)量已超780萬，DAU突破8億，人均使用次數(shù)超過12次，小程序已經(jīng)融入網(wǎng)民生活的方方面面。小程序發(fā)展前景：1、小程序?qū)⒁I(lǐng)下一輪移動互聯(lián)網(wǎng)創(chuàng)新（萬物互聯(lián)、多端框架、元宇宙）2、XR技術(shù)為小程序營銷帶來創(chuàng)造性突破，虛擬場景、虛擬人或?qū)⒅貥?gòu)用戶體驗3、在小程序鏈接全網(wǎng)能力的基礎(chǔ)上，成熟玩家將深入探索全域營銷4、大健康、旅游、教育行業(yè)是值得期待的鄰域5、第三方服務與時俱進迭代升級，向全域、全端、全鏈路服務延展6、小游戲市場再次活躍，創(chuàng)新、精品戰(zhàn)略與營銷策略相輔相成，共創(chuàng)佳績小程序——社會經(jīng)濟價值+商業(yè)價值

小程序經(jīng)濟圈到底有哪些社會經(jīng)濟價值和商業(yè)價值？在內(nèi)循環(huán)年代，中國經(jīng)濟需要建設兩個圈，一個是線下經(jīng)濟圈，一個是線上經(jīng)濟圈，并完成“雙圈聯(lián)動”，在這過程中，微信小程序是助力線上經(jīng)濟一體化的重要推手。一方面，小程序是一種輕應用，極低開發(fā)門檻招引了大量的B端商家，“無需下載，用完即走”大大縮短了C端用戶到APP的距離，且“再教育成本極低”。另一方面，「小程序經(jīng)濟圈」依托于微信絕無僅有的“全景生態(tài)矩陣”，在巨量用戶、付出系統(tǒng)和流量的加持下，構(gòu)成了絕無僅有的“才能渠道”。不同的是，在傳統(tǒng)區(qū)域經(jīng)濟圈里，中心城市是中心，在「小程序經(jīng)濟圈」里，品牌是輻射中心。2022年各領(lǐng)域最佳小程序39個小程序新晉“阿拉丁”指數(shù)排行TOP1000簡單案例開發(fā)實戰(zhàn)心理測試小程序安裝與理解C語言測試小程序開發(fā)C語言測試邏輯修改添加做題結(jié)果小程序發(fā)布02ranspageT心理測試源代碼下載址:/Silverados/We-AnswerPage如果沒有GitHub的賬號可以先自行申請一個賬號后，再進行代碼的下載。

心理測試小程序安裝點擊“Cloneanddownload”按鈕，選擇DownloadZIP將源代碼下載下來，源代碼是一個壓縮包。將源代碼解壓后，雙擊微信web開發(fā)者工具并選擇新建小程序，選擇導入項目。注意：在選擇項目目錄是需要選擇包含app.json和project.config.json的目錄。

心理測試小程序安裝選好目錄后，開發(fā)者可以自定義項目名稱，并填入AppID，然后單擊“導入”按鈕，即可成功導入心理測試小程序?！靶睦頊y試”代碼目錄測試頁面首頁

心理測試小程序安裝點擊“開始測試”按鈕，體驗小程序的功能并查看各個目錄的簡單配置。

心理測試小程序安裝完成心理測試后，最后顯示測試結(jié)果頁面，測試結(jié)果頁面可看到測試者在測試過程中選擇A、B、C選項的次數(shù)，并告訴測試者屬于什么類型。

心理測試小程序安裝簡單案例開發(fā)實戰(zhàn)心理測試小程序安裝與理解C語言測試小程序開發(fā)C語言測試邏輯修改添加做題結(jié)果小程序發(fā)布02ranspageT★增加D選項由于C語言習題共有4個選項，所以要先給test頁面添加一個D選項，test頁面中ABC有的內(nèi)容都相應的加上一個D。在text.wxml中添加D選項的頁面結(jié)構(gòu)。

C語言測試小程序開發(fā)在test.js中的data數(shù)組中與D選項有關(guān)的變量。

C語言測試小程序開發(fā)給事件處理函數(shù)answerClickA的邏輯代碼代碼中添加D選項的邏輯。

C語言測試小程序開發(fā)添加完后按鈕A的代碼（從左往右）如下，按鈕B，按鈕C同理。})

this.setData({questionDetail:app.globalData.question[this.data.realIndex].question,

answerA:app.globalData.question[this.data.realIndex].option[this.data.listABC[0]],answerB:app.globalData.question[this.data.realIndex].option[this.data.listABC[1]],answerC:app.globalData.question[this.data.realIndex].option[this.data.listABC[2]],answerD:app.globalData.question[this.data.realIndex].option[this.data.listABC[3]],})

if(this.data.index==20){wx.redirectTo({url:'/pages/result/result?A='+this.data.A+'&B='+this.data.B+'&C='+this.data.C+'&D='+this.data.D,})}},

C語言測試小程序開發(fā)除了test頁面，result頁面也需要添加一個D選項被選擇的次數(shù)，所以需要對result.wxml與result.js文件進行簡單修改，具體代碼如下（這里只給出需要修改部分的代碼）：

C語言測試小程序開發(fā)★修改題庫

由于現(xiàn)在運行小程序后出來的還是心理測試的題目，因此需要將其改成C語言的題目。C語言題庫可以在提供的代碼包“C語言測試最終代碼”中尋找，首先開發(fā)者可以導入C語言小程序代碼包，找到app.js文件，將該項目中的question數(shù)組直接復制到自己的項目中。

C語言測試小程序開發(fā)

這里題庫的question數(shù)組看著有點亂，不符合代碼規(guī)范。?開發(fā)者使用格式化代碼的默認快捷鍵Shift+Alt+F將代碼格式化。?開發(fā)者也可以打開設置中快捷鍵設置的編輯自定義格式化代碼的快捷鍵。

格式化后的代碼

C語言測試小程序開發(fā)題庫修改后，單擊“開始測試”按鈕，進入test頁面后看到的就是C

語言測試題了。

C語言測試小程序開發(fā)

C語言測試小程序中，題目不再隨機出現(xiàn)，題目按question數(shù)組中的順序一道一道顯示給測試者。

注釋test頁面中的randSort函數(shù)、setList函數(shù)和setABC函數(shù)，另外onLoad中的兩句也要注釋掉，注釋的快捷鍵為“Ctrl+/”。

C語言測試小程序開發(fā)簡單案例開發(fā)實戰(zhàn)心理測試小程序安裝與理解C語言測試小程序開發(fā)C語言測試邏輯修改添加做題結(jié)果小程序發(fā)布02ranspageT單擊“開始測試”按鈕進行C語言習題測試，會發(fā)現(xiàn)第一題與第二題相同。

第一題題目信息

第二題題目信息

C語言測試邏輯修改

修改方法：（1）在test.js中，將index的初始值改為1。

（2）選擇test.wxml文件，將第3行代碼里的index+1改為index即把+1去掉。

C語言測試邏輯修改

測試過程中，會發(fā)現(xiàn)當顯示第19題時，完成第19題后，第20題一閃而過，就直接跳轉(zhuǎn)至result頁面。最后測試結(jié)果頁面累計至選擇了19次。

C語言測試邏輯修改

修改方法：將整個if語句塊移至this.setData使得index+1之前。

C語言測試邏輯修改

修改完后點擊編譯運行，發(fā)現(xiàn)在20題做完后產(chǎn)生報錯。修改方法：即添加一個if判斷語句，判斷只有當index<20是才更新test中題目信息的視圖，當index=20時，不滿足條件，則不更新題目信息，執(zhí)行跳轉(zhuǎn)result頁面。

C語言測試邏輯修改

需要注意的是，對于以上兩個邏輯問題均只修改了answerClickA部分的代碼，需要對answerClickB、answerClickC、answerClickD部分相應的代碼進行同樣的修改。

C語言測試邏輯修改簡單案例開發(fā)實戰(zhàn)心理測試小程序安裝與理解C語言測試小程序開發(fā)C語言測試邏輯修改添加做題結(jié)果小程序發(fā)布02ranspageT★test頁面修改

test.js文件中部分代碼過于復雜

對它進行簡單修改，只需要一個簡單的賦值就行，當點擊A選項時，給A的值+1即可。

添加做題結(jié)果

對于本節(jié)要增加的做題結(jié)果，在data數(shù)組中增加兩個變量correct和error，分別用于記錄正確題數(shù)與錯誤題數(shù)，初始值均為0。另外將增加一個answer數(shù)組，數(shù)組中為20道題的正確答案。

添加做題結(jié)果

anwer[0]為一個空字符串，這是根據(jù)后面answerClickA中新增的代碼決定的，代碼如下，正確答案從answer[1]開始存儲于answer數(shù)組中即可。

添加做題結(jié)果

另外帶參跳轉(zhuǎn)至result頁面時也加上correct與error的值，用于在result頁面顯示正確率。

添加做題結(jié)果

以上修改只針對answerClickA，因此需要對answerClickB、answerClickC、answerClickD部分相應的代碼進行同樣的修改。

添加做題結(jié)果★result頁面修改在result.wxml下添加正確與錯誤顯示結(jié)果，另外顯示測試者屬于什么類型不需要了，把這段代碼刪了即可。

添加做題結(jié)果

（1）注釋result.js中whichKind函數(shù)。

（2）在data數(shù)組中增加correct和error變量，初始值為0。（3）在生命周期函數(shù)onLoad中