摘要:微信群二維碼歡迎交流申請賬號點(diǎn)擊,進(jìn)入小程序注冊頁面并根據(jù)指引填寫相關(guān)數(shù)據(jù)。下期預(yù)告將對微信小程序源文件結(jié)構(gòu)及含義進(jìn)行詳細(xì)講解,敬請期待。
寫在開始
本人資深后端碼農(nóng)一枚,近期項(xiàng)目需求,接觸到了微信小程序,將學(xué)習(xí)過程整理成文分享給小伙伴們,由于是邊學(xué)邊整理難免有表述不對的地方,望大家及時(shí)指正,感謝。
微信群二維碼 歡迎交流
申請賬號點(diǎn)擊 https://mp.weixin.qq.com/wxop...,進(jìn)入小程序注冊頁面并根據(jù)指引填寫相關(guān)數(shù)據(jù)。
下載開發(fā)工具開發(fā)者工具下載地址,根據(jù)自己的操作系統(tǒng)下載對應(yīng)的版本
hello world登錄 https://mp.weixin.qq.com,設(shè)置-開發(fā)設(shè)置中找到AppID:
運(yùn)行已安裝的微信開發(fā)者工具,選擇小程序項(xiàng)目,填寫上一步的AppID及目錄等信息。
在項(xiàng)目目錄下分別創(chuàng)建以下文件:
/app.json
{ "pages": [ "pages/index/index" ] }
/pages/index/index.js
Page({ data: { hello: "這里將顯示Hello文字" }, handleDisplayHello() { this.setData({ hello: "Hello WeChat MiniProgram" }) } })
/pages/index/index.wxml
{{hello}}
/pages/index/index.wxss
.container { display:flex; flex-direction: column; align-items: center; } .container .content{ margin: 50rpx; color: #0000cc; }
點(diǎn)擊工具欄中的編譯按鈕,在模擬器中可以預(yù)覽到效果,點(diǎn)擊小程序中顯示Hello按鈕后即可預(yù)覽Hello WeChat MiniProgram,如圖:
以上便是小程序開發(fā)的簡單準(zhǔn)備工作及HelloWorld的Demo實(shí)現(xiàn),下一篇文章將對每個(gè)文件進(jìn)行詳細(xì)講解。
下期預(yù)告將對微信小程序源文件結(jié)構(gòu)及含義進(jìn)行詳細(xì)講解,敬請期待。
微信交流群微信群二維碼會定時(shí)失效,為了方便更新,將入群二維碼放到了Github上 傳送門>>>
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/95647.html
摘要:在小程序開發(fā)和設(shè)計(jì)的任務(wù)和流程過程當(dāng)中,會出現(xiàn)一些異常情況,這也是用戶最需要用到的時(shí)候,所以需要特別注意異常狀態(tài),在出現(xiàn)問題的時(shí)候能給用戶明確的提示和一些解決方法。 不少企業(yè)、商家都開發(fā)了屬于自己的小程序。需要提醒大家的是,在開發(fā)之前一定要做好充足的準(zhǔn)備工作,從而保障開發(fā)工作能夠順利完成。 那么,小程序開發(fā)前要做什么準(zhǔn)備?showImg(https://segmentfault.com...
摘要:微信小程序應(yīng)用號開發(fā)資源匯總文檔工具教程代碼插件組件文檔從搭建一個(gè)微信小程序開始小程序開發(fā)文檔小程序設(shè)計(jì)指南工具小程序開發(fā)者工具官方支持微信小程序?qū)崟r(shí)預(yù)覽的支持的微信小程序組件化開發(fā)框架轉(zhuǎn)在線工具小程序云端增強(qiáng)社區(qū)微信小程序 微信(小程序or應(yīng)用號)開發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個(gè)微信小程序開始 小程序開發(fā)文檔 小程序設(shè)計(jì)指南 工具 小程序開發(fā)者...
閱讀 2964·2021-10-15 09:41
閱讀 1620·2021-09-22 15:56
閱讀 2104·2021-08-10 09:43
閱讀 3273·2019-08-30 13:56
閱讀 1779·2019-08-30 12:47
閱讀 648·2019-08-30 11:17
閱讀 2770·2019-08-30 11:09
閱讀 2193·2019-08-29 16:19