一帶一路金磚————小程式賽項備考分享
一、背景
當時正處於剛上大三，沒學過前端（可以說對小程式開發是0基礎），正處疫情嚴重時期，當我和我的同學我們倆知道有這個比賽我倆一開始是有點畏懼的，但是我倆沒有害怕，雖然時間緊但是還是要相信自己可以拿下的~，但是後來因為說要線下去，我就直接放下了這個比賽，但是其中領導老師還一直沒放棄一直催促我們這點我確實很敬畏，是一個讓我感悟深厚值得我學習的地方，距離比賽還有半個月的時候臨時通知線上，所以實際準備時間半個月，所以距我們前車之鑑還是不要怕踏踏實實的準備吧。
二、那麼對於我們沒接觸過小程式的該如何準備？
2.1分析當下處於什麼樣的環境下
對於我當時準備來說，可以用兩個詞概況：時間緊、基礎差
2.2針對以上環境如何準備呢？（這裡是我的觀點）
我認為重點是我們要知道#考什麼（樣題）
#下面我把我備賽的去年的樣題放在這裡
樣題連結：http://www.brskills.com:8068/2022一帶一路暨金磚國家技能發展與技術創新大賽小程式應用開發國內賽競賽_樣題.pdf
2.3分析針對樣題準備對策
- 1.比賽軟體
要知道我們需要使用哪些軟體（哪些軟體不可以使用）⭐我把各個軟體的下載方法放在文末
- 2.樣題分析
2.3.1 A ：需求分析（15分）
A需求分析一共兩題。這兩題是送分題，一定要把分拿下並且時間要短
任務一（5分）：
- 答案分析：
- 此題根據業務背景寫，我的理解就是給業務背景換種說法，然後一定要寫出我下面圈的幾個功能下面任務二
任務二（5+5 分）：
- 第一問是畫功能結構圖（很簡單這裡用軟體 億圖圖示畫，畫成下面這種樣子，一共5分 寫5個功能就夠了）
- 第二問要寫成流程圖樣式的文字（按照賽前解說會講述的方法，下面是我當時解說是寫法）
格式：功能1->功能2->
下面給的樣題答案：
2.3.2 B：初步設計（25分）
這個題主要考察：Adobe XD 這個軟體
-
注意： 這個題也是必拿分的題目一共25分，五個任務都是畫原型圖很簡單。
-
這裡任務五需要注意下，就是任務一~任務四花的原型圖需要互動，這五個任務是一定要把分數拿下的
樣題答案：
1；原型圖：
2.互動圖
⭐多說一句題外話~
任務A B都滿分拿下 基本已經穩定三等獎了呦（近幾年形勢來看
2.3.3 C：模組功能開發（60分）
這個模組就是看自己的真實力了。我當時基礎比較差，認真準備了半個月的樣子。能力只能完成任務一、二。這時基本都能拿到55分左右 （看形勢基本穩定而等級 衝一等獎）。
C: 任務一（10分）
- ⭐這裡我只拿任務一講一下功能模組開發大概需要準備哪些技能！
一.第一步需要熟練使用微信開發者工具
1. 比如申請註冊微信開發者工具 2. 記住自己ID號 3. 熟悉每個頁面對應的結構檔案（.json .ts .wxml .wxss檔案)
二、接下來我們就需要學習小程式的結構（javasprint 、 wxml、 wxss 、json）
我推薦一下我當時準備時看的影片：
【黑馬程式設計師前端微信小程式開發教程，微信小程式從基礎到釋出全流程_企業級商城實戰(含uni-app專案多端部署)】 https://www.bilibili.com/video/BV1834y1676P/?share_source=copy_web&vd_source=2a8b4a2f3fe27c55b9cac5f48a62a2e0
- 學習途中由於時間比較緊，不可能全都學完。
1.主要一定要記住常用的元件：view、image等等 ⭐⭐⭐
2.還有wxss 常用的渲染模組⭐⭐⭐
三、總結
心態：這個比賽完全不用怕，其實對手沒強敵!!!
備賽：抓住樣題進行備賽，好好研究樣題，比賽前一定要把樣題過一遍，描述題也要手敲一遍留個印象（一定要踏踏實實的準備，不放過一次可以輕易得分的點。難題大家都不會，只能靠簡單題拉開差距）
比賽：重點！！！ 一定要看清題目要求 按照要求提交答案。 我那次比賽就有好多選手沒按要求最後0分
加油！！！
四、比賽軟體的部署方法
2022 一帶一路暨金磚國家技能發展與技術創新大賽小程式應用開發
相關軟體安裝指引
一、Google瀏覽器：97.0.4692.71版本以上
1、下載地址：https://www.google.cn/intl/zh-CN/chrome/（官網可能會比較慢）
或者http://www.51xiazai.cn/soft/4782.htm
2、點選下載按鈕下載安裝包
3、雙擊安裝包（ChromeSetup.exe）
4、等待下載完成
二、微信開發者工具
1、軟體下載地址：
https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
2、雙擊下載完成的exe檔案進行安裝
3、點選下一步
4、點選我接收
5、選擇安裝路徑並點選安裝按鈕
6、等待安裝完成
三、EdrawMax（億圖圖示）
1、下載地址：https://www.onlinedown.net/soft/613985.htm
https://www.edrawsoft.cn/ad/ytts-maker-edrawmax.html?channel=baidu&bd_vid=7911874236247094341
2、點選免費下載
3、雙擊下載完的edraw-max_cn_setup_full5676.exe檔案
4、點選開始安裝
5、等待安裝
6、安裝完成點選立即啟動可以啟動程式
四、Adobe xd V40以上版本
1、下載地址：https://www.xitongzhijia.net/soft/192474.html
2、目前XD只能透過用Adobe Creative Cloud安裝，沒有獨立的安裝包。由於我們下載的是CreativeCloudSet-Up，Adobe Creative Cloud的安裝器，而不是Adobe Creative Cloud的安裝包，接著安裝器會從伺服器下載安裝包來安裝。
3、填寫完所有資訊，等待較長時間的安裝。
4、安裝完畢後，即可使用了。
常見問題
Win10 Adobe XD開啟後白屏，3秒後閃退？
關機重啟，重新安裝，嘗試把win10家庭版換成專業版1803，嘗試安裝vc2018執行庫。
XD跟Axure、墨刀有什麼區別？
XD對標Sketch，與Axure、墨刀不是同一類軟體，如果你以前只用Axure、墨刀這類軟體，那麼不建議你使用XD。
Adobe XD CC安裝失敗如何破？
安裝失敗萬能解決方法
1、檢視/修改hosts，重新安裝。
2、重啟Adobe Creative Cloud重新安裝。
3、重啟Adobe Creative Cloud並重啟電腦重新安裝。
4、使用Cleanapp刪除Adobe Creative Cloud全部檔案重新下載Adobe Creative Cloud安裝。
5、重灌系統，重新安裝。
五、Postman
2、雙擊“Postman-win32-Setup.exe”安裝包
5、等待安裝
6、關掉彈窗
7、建立賬戶或者登入
六、WPS辦公軟體V4.2.0版本以上
1、下載地址：https://wps.cn
2、點選立即下載，選擇對應版本下載
3、選擇wps_setup.exe檔案，右鍵以管理員身份執行
4、點選執行
5、勾選閱讀同意，然後點選立即安裝
6、等待安裝
7、安裝完成，登入
七、FSCapture
下載地址：https://www.onlinedown.net/soft/614155.htm
2、點選立即下載，點選通用網路下載
3、解壓下載的rar包
4、雙擊FSCapture.exe
5、得到如下工具欄
八、EV錄屏
1、下載地址：ieway.cn
2、點選下載EV錄屏（下載win版本）
3、雙擊EVCapture_v4.2.2.exe安裝
4、點選一鍵安裝按鈕
九、騰訊會議
1、下載地址：https://meeting.tencent.com/download?mfrom=OfficialIndex_TopBanner1_Download
2、點選立即下載Windows版本
3、雙擊TencentMeeting.exe檔案進行安裝
4、選擇中文（簡體）點選OK
5、點選我接受許可證協議
6、點選安裝
7、完成
十、壓縮包工具
1、下載地址：https://www.onlinedown.net/soft/5.htm
2、點選立即下載
3、選擇通用網路下載
4、雙擊下載的winrarx64.exe，點選安裝
5、選項都預設，點選確定完成安裝
