長(zhǎng)沙小程序開(kāi)發(fā)公司帶來(lái)免費(fèi)學(xué)習(xí)小程序開(kāi)發(fā)的分享報(bào)道！有個(gè)做微商的朋友突然跟我說(shuō)“欸，聽(tīng)說(shuō)你是學(xué)計(jì)算機(jī)的，幫我整一個(gè)小程序唄，功能很簡(jiǎn)單的，巴拉巴拉”。我真是黑人問(wèn)號(hào)，我一產(chǎn)品經(jīng)理你讓我搞開(kāi)發(fā)??? 不過(guò)看在有報(bào)酬的份上我還是答應(yīng)了他，所以臨時(shí)學(xué)習(xí)一下，今天長(zhǎng)沙小程序開(kāi)發(fā)公司智企云給我們帶來(lái)免費(fèi)學(xué)習(xí)筆記整一個(gè)零基礎(chǔ)入門(mén)小程序開(kāi)發(fā)的一些相關(guān)報(bào)道，希望對(duì)你能有所幫助哦。趁此疫情階段，好好學(xué)習(xí)。

　　小程序基本上各大平臺(tái)上面都有各自的版本，原理也差不多，只不過(guò)沒(méi)有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)，這里就不對(duì)原理、環(huán)境這些做解釋了各家平臺(tái)上面都有介紹，而且很清楚。這一系列的文章主要以日活最高的某平臺(tái)小程序?yàn)槔?/span>

　　首先想要開(kāi)發(fā)小程序的話(huà)，需要在他家小程序平臺(tái)上面申請(qǐng)，然后會(huì)給你一個(gè)分配一個(gè)APPID和APPsecret，相當(dāng)于賬號(hào)密碼吧。他家平臺(tái)上面還會(huì)提供一個(gè)開(kāi)發(fā)者工具，開(kāi)發(fā)調(diào)試發(fā)布一條龍服務(wù)，相當(dāng)?shù)姆奖恪１酒恼碌闹饕墙榻B小程序版HelloWorld開(kāi)發(fā)~

　　這就是開(kāi)發(fā)工具的主界面了，左中右分別是模擬器(覆蓋了IOS/Android/Windows/Mac)項(xiàng)目組織結(jié)構(gòu)和編輯器，編輯器下面的調(diào)試器(可以看輸出日志和網(wǎng)絡(luò)請(qǐng)求之類(lèi)的調(diào)試信息)，跟主流的IDE差不多。

　　新建項(xiàng)目

　　點(diǎn)“項(xiàng)目 -> 新建項(xiàng)目”

　　填寫(xiě)項(xiàng)目名和Appid(小程序平臺(tái)上面分配的，也可以點(diǎn)擊下面的“測(cè)試號(hào)”使用官方提供的測(cè)試id)，后端服務(wù)可選是否使用云開(kāi)發(fā)(使用云開(kāi)發(fā)的相當(dāng)于把你的后臺(tái)函數(shù)給XX云托管，你只需要編寫(xiě)對(duì)應(yīng)的邏輯函數(shù)，上傳上去即可，對(duì)于沒(méi)有自己專(zhuān)屬后臺(tái)服務(wù)器并且又需要自動(dòng)自定義的后臺(tái)函數(shù)的可以考慮)，由于HelloWorld不用自己定義后臺(tái)邏輯，所以選擇不使用云服務(wù)。

　　使用官方工具生成的新項(xiàng)目自帶一個(gè)小Demo，大致功能就是主界面有一個(gè)按鈕，點(diǎn)擊會(huì)獲取當(dāng)前登錄用戶(hù)的微信名和賬號(hào)昵稱(chēng)，如果已經(jīng)獲取過(guò)了的話(huà)就使用緩存的信息，并且展示出來(lái)，如下所示

　　哈哈哈 官方的Demo自帶HeloWorld了，不過(guò)我準(zhǔn)備給他加個(gè)新頁(yè)面。

　　增加新頁(yè)面(官方說(shuō)法叫page)

　　右鍵pages文件夾，選新增文件夾，命名"hello"

　　然后再右鍵hello文件夾，選擇新增page

　　然后會(huì)發(fā)現(xiàn)增加了hello.js hello.json hello.wxss hello.wxml，官方規(guī)定每個(gè)頁(yè)面必須得有著四個(gè)文件，分別是業(yè)務(wù)邏輯代碼文件、配置文件、樣式文件(類(lèi)似css)和頁(yè)面文件(類(lèi)似html)。

　　打開(kāi)hello.wxml，輸入 Hello, World ， Ctrl + s保存修改。

　　然后再index.wxml里面加一個(gè)按鈕，點(diǎn)擊出后可以導(dǎo)航到我們的hello頁(yè)面。為什么要在index.wxml中加呢?因?yàn)檫@是小程序默認(rèn)的主頁(yè)面，所以每次打開(kāi)都是先到這個(gè)頁(yè)面。

　　如圖所示，加了個(gè)一個(gè)view 里面包含一個(gè)button，保存之后就可以看到主界面實(shí)時(shí)顯示了效果。

　　其中有一個(gè)屬性叫"bindtap" 這個(gè)是表示綁定一個(gè)點(diǎn)擊事件，傳入的值是我們自定義的函數(shù)"openHello"。意思是我們點(diǎn)擊這個(gè)按鈕的話(huà)，就會(huì)調(diào)用openHello這個(gè)函數(shù)。這個(gè)函數(shù)我們定義在index.js中

　　函數(shù)的邏輯也很簡(jiǎn)單，就是調(diào)用官方提供的wx.navigateTo函數(shù)，轉(zhuǎn)到其他的頁(yè)面，url表示其他頁(yè)面的地址(這里需要傳當(dāng)前頁(yè)面的相對(duì)路徑)。

　　好的，到這里我們的HelloWorld小程序就開(kāi)發(fā)完了(也沒(méi)幾行代碼 哈哈哈 )。來(lái)看看效果

　　點(diǎn)擊我們自定義的button之后，就打開(kāi)hello頁(yè)面了~以上就是長(zhǎng)沙小程序開(kāi)發(fā)公司智企云給我們帶來(lái)的學(xué)習(xí)小程序開(kāi)發(fā)方面的相關(guān)報(bào)道，關(guān)于更多小程序開(kāi)發(fā)的一些學(xué)習(xí)分享我們也會(huì)陸續(xù)為大家?guī)?lái)，敬請(qǐng)關(guān)注我們，如果你對(duì)小程序開(kāi)發(fā)方面有相關(guān)的問(wèn)題，也可以隨時(shí)為我們與我們聯(lián)系，做相應(yīng)的解答。如果你有小程序開(kāi)發(fā)方面的業(yè)務(wù)咨詢(xún)，也可以隨時(shí)與我們?nèi)〉寐?lián)系，敬請(qǐng)關(guān)注！