長沙小程序開發公司帶來免費學習小程序開發的分享報道!有個做微商的朋友突然跟我說“欸,聽說你是學計算機的,幫我整一個小程序唄,功能很簡單的,巴拉巴拉”。我真是黑人問號,我一產品經理你讓我搞開發??? 不過看在有報酬的份上我還是答應了他,所以臨時學習一下,今天長沙小程序開發公司智企云給我們帶來免費學習筆記整一個零基礎入門小程序開發的一些相關報道,希望對你能有所幫助哦。趁此疫情階段,好好學習。
小程序基本上各大平臺上面都有各自的版本,原理也差不多,只不過沒有一個統一的標準,這里就不對原理、環境這些做解釋了各家平臺上面都有介紹,而且很清楚。這一系列的文章主要以日活最高的某平臺小程序為例。
首先想要開發小程序的話,需要在他家小程序平臺上面申請,然后會給你一個分配一個APPID和APPsecret,相當于賬號密碼吧。他家平臺上面還會提供一個開發者工具,開發調試發布一條龍服務,相當的方便。本篇文章的主要是介紹小程序版HelloWorld開發~
這就是開發工具的主界面了,左中右分別是模擬器(覆蓋了IOS/Android/Windows/Mac)項目組織結構和編輯器,編輯器下面的調試器(可以看輸出日志和網絡請求之類的調試信息),跟主流的IDE差不多。
新建項目
點“項目 -> 新建項目”
填寫項目名和Appid(小程序平臺上面分配的,也可以點擊下面的“測試號”使用官方提供的測試id),后端服務可選是否使用云開發(使用云開發的相當于把你的后臺函數給XX云托管,你只需要編寫對應的邏輯函數,上傳上去即可,對于沒有自己專屬后臺服務器并且又需要自動自定義的后臺函數的可以考慮),由于HelloWorld不用自己定義后臺邏輯,所以選擇不使用云服務。
使用官方工具生成的新項目自帶一個小Demo,大致功能就是主界面有一個按鈕,點擊會獲取當前登錄用戶的微信名和賬號昵稱,如果已經獲取過了的話就使用緩存的信息,并且展示出來,如下所示
哈哈哈 官方的Demo自帶HeloWorld了,不過我準備給他加個新頁面。
增加新頁面(官方說法叫page)
右鍵pages文件夾,選新增文件夾,命名"hello"
然后再右鍵hello文件夾,選擇新增page
然后會發現增加了hello.js hello.json hello.wxss hello.wxml,官方規定每個頁面必須得有著四個文件,分別是業務邏輯代碼文件、配置文件、樣式文件(類似css)和頁面文件(類似html)。
打開hello.wxml,輸入 Hello, World , Ctrl + s保存修改。
然后再index.wxml里面加一個按鈕,點擊出后可以導航到我們的hello頁面。為什么要在index.wxml中加呢?因為這是小程序默認的主頁面,所以每次打開都是先到這個頁面。
如圖所示,加了個一個view 里面包含一個button,保存之后就可以看到主界面實時顯示了效果。
其中有一個屬性叫"bindtap" 這個是表示綁定一個點擊事件,傳入的值是我們自定義的函數"openHello"。意思是我們點擊這個按鈕的話,就會調用openHello這個函數。這個函數我們定義在index.js中
函數的邏輯也很簡單,就是調用官方提供的wx.navigateTo函數,轉到其他的頁面,url表示其他頁面的地址(這里需要傳當前頁面的相對路徑)。
好的,到這里我們的HelloWorld小程序就開發完了(也沒幾行代碼 哈哈哈 )。來看看效果
點擊我們自定義的button之后,就打開hello頁面了~以上就是長沙小程序開發公司智企云給我們帶來的學習小程序開發方面的相關報道,關于更多小程序開發的一些學習分享我們也會陸續為大家帶來,敬請關注我們,如果你對小程序開發方面有相關的問題,也可以隨時為我們與我們聯系,做相應的解答。如果你有小程序開發方面的業務咨詢,也可以隨時與我們取得聯系,敬請關注!
在線客服:2225973985
每天前10名咨詢有好禮
智企云 版權所有 ? 2016-2018 湘ICP備11017552號
地址:長沙市高新開發區尖山路39號中電軟件園總部大樓6樓
Copyright ? 2015-2024 智企云 All Rights Reserved. 湘ICP備11017552號 技術支持:中億智企云
湘公網安備43019002000674號 客服熱線:15874991942 公司地址:長沙市高新開發區尖山路39號中電軟件園總部大樓6樓