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

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

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

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

　　新建項(xiàng)目

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

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

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

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

　　增加新頁面(官方說法叫page)

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

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

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

　　打開hello.wxml,，輸入 Hello, World ,， Ctrl + s保存修改。

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

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

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

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

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

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