?剛開始學(xué)習(xí)編程,都是從Hello敲才,world谆刨!開始,此次我們依舊不能避俗归斤,還是以Hello,開始我們的第一個項目刁岸,但不再是world了脏里,是dingtalk。記得當(dāng)初學(xué)習(xí)Java編程的時候虹曙,看到大佬使用記事本編寫代碼的教程時迫横,熱血沸騰,感覺這樣操作逼格很高酝碳。如今做了多年的開發(fā)后矾踱,才發(fā)現(xiàn)實用才是王道。而一款得心應(yīng)手的工具疏哗,能夠使我們事倍功半呛讲。
釘釘小程序開發(fā)官方有自己的開發(fā)工具,初次安裝后也許你會感到迷茫,為何上面有很多的選項贝搁,在釘釘一欄中也有很多選項吗氏,我該選擇哪個進(jìn)行創(chuàng)建項目呢?無論是開發(fā)釘釘小程序雷逆,還是微信小程序弦讽,說白了,我們是在做二次開發(fā)膀哲。如果你對阿里的產(chǎn)品有一定的了解的話往产,你就會發(fā)現(xiàn)上面大多數(shù)是阿里旗下的產(chǎn)品,可以使用開發(fā)者工具來進(jìn)行二次開發(fā)某宪。對于釘釘小程序而言仿村,其有三種類型,企業(yè)內(nèi)部應(yīng)用缩抡、第三方企業(yè)應(yīng)用奠宜、第三方個人應(yīng)用。而本專輯將以開發(fā)企業(yè)內(nèi)部應(yīng)用來學(xué)習(xí)釘釘小程序開發(fā)瞻想。
創(chuàng)建第一個小程序
在正式開始學(xué)習(xí)之前压真,我們先創(chuàng)建一個小的項目來體驗體驗,打開小程序開發(fā)者工具蘑险,選擇釘釘--->企業(yè)內(nèi)部應(yīng)用--->右側(cè)窗體的+號開始創(chuàng)建項目滴肿。
開發(fā)者工具界面劃分
????小程序開發(fā)者工具與其他的開發(fā)者工具基本一樣,頂部為常用的菜單導(dǎo)航佃迄,中間分為四大板塊(側(cè)邊導(dǎo)航泼差、資源目錄、工作區(qū)呵俏、模擬器)堆缘,底部為頁面路徑以及頁面的行列等信息。
修改標(biāo)題欄內(nèi)容??
????我們可以從上圖中看到普碎,我們第一次創(chuàng)建項目后吼肥,它自動編譯完成并在模擬器上顯示了。現(xiàn)在我們打開app.json頁面麻车,將標(biāo)題欄改為Hello缀皱,dingtalk!
修改頁面內(nèi)容???
????我們的模擬器上面动猬,標(biāo)題欄已經(jīng)發(fā)生了變化啤斗。接著我們來修改內(nèi)容頁面,將頁面內(nèi)容改為“Hello赁咙,dingtalk钮莲!”免钻,并將字體顏色變?yōu)榧t色,字體為20px臂痕。打開pages--->index--->index.axml(頁面視圖)--->index.acss(標(biāo)簽樣式)進(jìn)行修改伯襟。
本節(jié)僅僅是對釘釘小程序有一個簡單的認(rèn)知,我們可以發(fā)現(xiàn)其和web頁面寫法沒有很大的差別握童,我們還是通過css來控制標(biāo)簽樣式姆怪,還是通過標(biāo)簽來控制頁面的數(shù)據(jù)渲染。下一節(jié)我們將對Hello澡绩,dingtalk稽揭!進(jìn)行詳細(xì)的說明。