一:微信小程序介紹
微信小程序又稱網(wǎng)頁(yè)簡(jiǎn)易版,自2016年正式上線測(cè)試以來(lái),以接入方便、開發(fā)傳播成本低、效率高等特點(diǎn)引起了廣泛關(guān)注。 越來(lái)越多的商品通過公眾號(hào)和小程序來(lái)推廣自己的產(chǎn)品。 與網(wǎng)站和APP相比,微信小程序無(wú)需下載安裝即可使用。 您可以打開它來(lái)觀看您的作品并購(gòu)買您的產(chǎn)品。 微信小程序的發(fā)展給年輕人帶來(lái)了一線希望,帶來(lái)了更多的就業(yè)機(jī)會(huì),提升了他們的社交能力。
二:開發(fā)微信小程序的前提條件:
您需要擁有自己的微信公眾號(hào),在微信公眾平臺(tái)注冊(cè)小程序,并填寫注冊(cè)信息。 注冊(cè)范圍可以是個(gè)人,也可以是企業(yè),也可以是政府機(jī)關(guān)。 大家一定要注意的一點(diǎn)是:個(gè)人注冊(cè)小程序不支持支付功能,只能選擇個(gè)人微信增值功能。 注冊(cè)完成后,注冊(cè)你的APPID,下載開發(fā)者工具。 第一次打開開發(fā)作品需要用自己的微信公眾號(hào)掃一掃,然后創(chuàng)建自己的小程序項(xiàng)目名,項(xiàng)目存放目錄,APPID(注:后臺(tái)服務(wù)選擇不使用云服務(wù)) ,然后選擇新建。 如下所示:
三:對(duì)開發(fā)工具的理解
進(jìn)入開發(fā)界面后,我們一共看到三個(gè)界面,分別是左中右。 左邊是工程瀏覽窗口,中間是工程文件目錄,右邊是編輯窗口。 接下來(lái),就讓我們一起開啟我們的微信小程序開發(fā)之旅吧!
1.工程目錄的編輯
新建工程一共有7個(gè)文件。 這7個(gè)文件稱為全局文件。 頁(yè)面文件用于存儲(chǔ)頁(yè)面信息。 也就是說,所有頁(yè)面信息的內(nèi)容都保存在頁(yè)面文件中。 每個(gè)頁(yè)面的信息包括四個(gè)文件:index.js、index.json、index.wxml、index.wxss,index.wxml是用來(lái)搭建項(xiàng)目框架的,就像我們html中的div標(biāo)簽,index.wxss就像css,就是用來(lái)寫樣式的。 接下來(lái),讓我們創(chuàng)建一個(gè)名為的頁(yè)面。 首先選中pages文件夾,右擊新建文件夾,然后右擊文件夾,選擇New Page,四個(gè)頁(yè)面就會(huì)自動(dòng)添加。 文件,如下圖:
2.全局文件app.json
app.json文件用于對(duì)整個(gè)項(xiàng)目的頭部和底部菜單進(jìn)行規(guī)劃和樣式設(shè)置,主要包括: ages:也就是有幾個(gè)頁(yè)面,有幾個(gè)頁(yè)面,windw項(xiàng)目的頂部,我們可以在這里設(shè)置置頂樣式、項(xiàng)目名稱、字體顏色、背景顏色等。
3. 真正的知識(shí)來(lái)自實(shí)踐
首先:打開全局設(shè)置文件app.json,找到xt下,設(shè)置項(xiàng)目名稱:talk,其次,找到,將項(xiàng)目名稱的字體背景樣式設(shè)置為:light,頂部樣式為十六進(jìn)制顏色如:( #) ,項(xiàng)目名的字體顏色為白色(white),結(jié)果如下:
四:總結(jié)
大家在開發(fā)的時(shí)候可以打開小程序相關(guān)的微信公眾平臺(tái)的開發(fā)文檔,可以先研究文檔中的內(nèi)容,然后在開發(fā)工具上進(jìn)行實(shí)踐!
2023-04-18
2024-07-06
2024-01-05
2022-06-15
2025-02-18
2024-12-28
2024-11-03
2022-04-12
2023-05-07
2023-07-22