導航:首頁 > 文件目錄 > 小程序項目配置文件的數據格式是

小程序項目配置文件的數據格式是

發布時間:2024-05-14 01:19:49

A. 灝忕▼搴忛〉闈㈢殑鎵鏈夎礬寰勫湴鍧鏄淇濆瓨鍦ㄤ互涓嬪摢涓鏂囦歡涓鐨

app.json鏂囦歡涓銆俛pp.json鏂囦歡鏄灝忕▼搴忛」鐩鐨勫叏灞閰嶇疆鏂囦歡錛屽叾涓鍖呭惈浜嗗皬紼嬪簭鐨勬墍鏈夐〉闈㈣礬寰勩佺獥鍙f牱寮忋佸簳閮╰ab鏍忋佺綉緇滆秴鏃舵椂闂寸瓑鍏ㄥ矓鐨勯厤緗淇℃伅銆

B. 微信程序(上)

注冊開發者賬號: https://mp.weixin.qq.com/

安裝小程序開發工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

創建項目

pages目錄:用於存放所有的頁面。

utils目錄:用於存放工具類文件

app.js:是入口文件,程序在運行時,首先要執行該文件。

app.json:是全局配置文件,用於配置小程序的信息(它裡面配置的是全局信息)。

app.wxss:是全局樣式文件。全局樣式文件裡面定義的選擇器,在所有的頁面中生效。

project.config.json:是項目配置文件。

sitemap.json:是SEO配置文件,方便用戶搜索到該小程序。

(1)pages配置項

pages裡面注冊的是視圖。用於指定小程序由哪些頁面組成,每一項都對應一個頁面的路徑(含文件名)信息

(2)window配置項

window 是全局窗口配置。

backgroundTextStyle 設置文本樣式(下拉loading的樣式),僅支持 dark / light。

navigationBarBackgroundColor 設置導航欄背景。

navigationBarTitleText 設置導航欄文本。

navigationBarTextStyle 設置導航欄標題顏色,僅支持 black / white。

(3)style

style 設置樣式級別,默認是v2。

(4)sitemapLocation

sitemapLocation 指明sitemap.json 的位置;默認為 'sitemap.json' 即在 app.json 同級目錄下名字的 sitemap.json 文件。

每一個頁面由四個文件組成:xxx.wxml文件、xxx.wxss文件、 xxx.js文件和xxx.json文件。

(1)xxx.wxml文件

xxx.wxml文件,就相當於一個html文件。在wxml文件中,不能寫傳統的html標簽,只能寫微信提供的組件。

① view組件

相當於div標簽。

② text組件

相當於span標簽。

③ swiper

swiper是滑塊視圖容器,它裡面只能放swiper-item組件。

swiper組件的常用屬性:

circular是銜接滑動

autoplay是自動切換

interval是自動切換時間間隔

indicator-dots是否顯示面板指示點

indicator-color指示點顏色

indicator-active-color當前選中的指示點顏色

④ image

image是圖片組件,最好全部採用網路圖片,因為小程序的總體積不允許超過2MB。

(2)xxx.wxss文件

xxx.wxss文件,就相當於一個css文件。在wxss文件中,最好不要寫標簽選擇器和id選擇器,統一寫類選擇器。

為了讓小程序裡面的內容在各種設備上能夠自適應顯示,微信推出了響應式單位:rpx。在iphone6中,2rpx=1px。

(3)xxx.js文件

xxx.js文件,是交互文件(核心文件)。

Page()函數,返回頁面對象,該函數需要傳一個配置參數,這個配置參數是一個對象。在這個配置對象中,定義當前頁面的所有內容。

① data

定義頁面的數據。

② 自定義函數

開發者可以添加任意的函數或數據到Object 參數中,在頁面的函數中用this可以訪問。

(4)xxx.json文件

xxx.json文件,是頁面的配置文件(它裡面配置的是當前頁面信息)。

WXML 中的動態數據均來自對應 Page 的 data。

(1)獲取data中數據

通過插值表達式{{}},可以顯示js裡面定義的data裡面的數據。

(2)組件屬性(需要在雙引號之內)

(3)運算

可以在{{}} 內進行簡單的運算。

① 三元運算

② 邏輯判斷

bindtap是觸屏事件,其實就是相當於網頁中的點擊事件。

小程序中bindtap綁定方法時不能傳參數。所以組件通過data-xxx傳遞數據。

注意: 自定義屬性的命名用駝峰或者大寫命名,小程序內部會自動轉成小寫。

8、setData()方法

setData()方法,更新頁面中數據。頁面數據更新後,調用setData()方法重新渲染到頁面。

wx:for指令用於循環數組數據,生成組件。

循環出來的每一項通過item返回,每一項對應的索引,通過index返回。

wx:key="",設置每一項唯一的標識。循環列表時,添加wx:key的好處是,將來列表發生變化時重新渲染列表的損耗為更低。

條件渲染可以使用wx:if或hidden。

一般來說,wx:if 有更高的切換消耗而 hidden 有更高的初始渲染消耗。因此,如果需要頻繁切換的情景下,用 hidden 更好,如果在運行時條件不大可能改變則 wx:if 較好。

wx:if用於條件渲染:條件為真生成裡面的內容,條件為假不會生成裡面的內容。(每次重新生成內容)

也可以用wx:elif 和 wx:else 來添加一個 else 塊。

hidden用於條件渲染:條件為真隱藏裡面的內容,條件為假顯示裡面的內容。(每次切換樣式)

在app.json文件中添加tabBar節點。tabBar是小程序客戶端底部或頂部tab欄的實現。

color:tab上的文字默認顏色,僅支持十六進制顏色。

selectedColor:tab上的文字選中時的顏色,僅支持十六進制顏色。

backgroundColor:tab的背景色,僅支持十六進制顏色。

borderStyle:tabbar上邊框的顏色, 僅支持 black / white。

position:tabBar的位置,默認值是: bottom,僅支持 bottom / top。當 position 為 top 時,不顯示 icon。

custom:自定義tabBar。

(2)list

list:tab的列表。

list 接受一個數組,只能配置最少 2 個、最多 5 個 tab。

pagePath:頁面路徑,必須在pages 中先定義。

text:tab 上按鈕文字。

iconPath:圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支持網路圖片。selectedIconPath:選中時的圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支持網路圖片。

(1)跳轉普通頁面

方法① navigator組件

方法② navigateTo()方法

navigateTo()方法,用於跳轉普通頁面。

(2)跳轉tabBar頁面

方法① navigator組件

如果要使用navigator組件跳轉tabBar頁面,需要設置open-type="switchTab"。

方法② switchTab()方法

switchTab()方法,用於跳轉tabBar頁面。

title:提示的標題

content:提示的內容

success:介面調用成功的回調函數。回調函數中的confirm屬性返回true,表示點擊的是確定按鈕,否則是取消按鈕。

title:提示的內容

icon:圖標

ration:消息提示框的顯示時間

mask:是否顯示透明蒙層,防止觸摸穿透

模塊化語法有兩種:① commonjs規范,② es6規范。

nodejs環境採用的就是commonjs規范。採用exports 或 mole.exports 導出成員,採用require() 導入成員。

微信小程序支持commonjs規范,同時還支持官方的ES6規范。ES6規范採用export 導出成員,採用import 導入成員。

將封裝的方法放到util目錄下的js文件中。可以新建js文件,也可以寫在直接util.js文件中。

(1)確認框方法

定義確認框方法,並導出

(2)消息框方法

定義消息框方法,並導出

(3)獲取事件參數的方法

import是ES6的導入語句。

wx對象是微信小程序的全局對象,在任何地方都可以使用。

(1) 注冊語句

(2) 在app.js入口文件中導入

注意: 注冊給wx對象的方法,需要在app.js文件中導入,才可使用。

(3) 調用方法

wx.方法名(參數)

C. 如何在微信小程序js文件注釋快捷鍵

1、JS的注釋一般是雙斜杠 // 或者是 /**/ 這樣的塊注釋;而.json是配置文件,其內容必須符合JSON格式,所以文件內部不允許有注釋。

2、app.json是全局配置文件,微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁 。

D. SpringBoot的配置文件有哪幾種格式

SpringBoot中的配置文件來主要有三種格式,自properties、yaml、和xml方式。

- 其中properties格式配置文件後綴是.properties,配置項為:server.port = 9090
- yaml格式配置文件後綴是.yml,配置項是:server.port: 9090

在SpringBoot中,使用最廣泛的配置文件是yaml,yaml之所以流行,除了他配置語法精簡之外,還因為yaml是一個跨編程語言的配置文件。

在SpringBoot中,除了yaml之外,properties也比較常用,但是XML幾乎不用,看得出來Spring團隊非常痛恨XML配置文件!認為它不是一個好的語言。

如果你對常見的配置文件有哪幾種格式不熟悉,就去黑馬程序員官網視頻庫看免費視頻。

E. index.json是什麼文件

index.json是微信基本界面配置文件,每一個小程序頁面都必須在app.json文件中進行注冊。

JSON(javaScriptObject Notation, JS 對象簡譜) 是一種輕量級的數據交換格式 ECMAScript(歐洲計算機協會制定的js規范)的一個子集,採用完全獨立於編程語言的文本格式來存儲和表示數據。

簡潔和清晰的層次結構使得 JSON 成為理想的數據交換語言。 易於人閱讀和編寫,同時也易於機器解析和生成,並有效地提升網路傳輸效率。

JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。易於人閱讀和編寫。同時也易於機器解析和生成。它基於JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。

JSON是Douglas Crockford在2001年開始推廣使用的數據格式,在2005年-2006年正式成為主流的數據格式,雅虎和谷歌就在那時候開始廣泛地使用JSON格式。

任何支持的類型都可以通過 JSON 來表示,例如字元串、數字、對象、數組等。但是對象和數組是比較特殊且常用的兩種類型。

對象:對象在 JS 中是使用花括弧包裹 {} 起來的內容,數據結構為 {key1:value1, key2:value2, ...} 的鍵值對結構。在面向對象的語言中,key 為對象的屬性,value 為對應的值。鍵名可以使用整數和字元串來表示。值的類型可以是任意類型。

數組:數組在 JS 中是方括弧 [] 包裹起來的內容,數據結構為 ["java", "javascript", "vb", ...] 的索引結構。在 JS 中,數組是一種比較特殊的數據類型,它也可以像對象那樣使用鍵值對,但還是索引使用得多。同樣,值的類型可以是任意類型。

閱讀全文

與小程序項目配置文件的數據格式是相關的資料

熱點內容
access資料庫最新內容怎麼調 瀏覽:203
上古世紀新版本跑商 瀏覽:267
iphone5國際漫遊設置 瀏覽:107
ipodwatch如何安裝app 瀏覽:114
誰有微信搶紅包的群號 瀏覽:872
word07頁碼從任意頁開始 瀏覽:791
js禁止滑動事件 瀏覽:800
蘋果查序號怎麼看不是 瀏覽:61
linux在txt文件 瀏覽:568
ps如何導入文件匹配 瀏覽:201
轉轉app怎麼把自己的賬號租出去 瀏覽:828
福昕閱讀器合並照片pdf文件 瀏覽:591
vhd文件有什麼用 瀏覽:482
編程小朋友看什麼書 瀏覽:623
經營如何讓數據說話 瀏覽:258
如何在手機上升級opop 瀏覽:614
coreldrawx5免費視頻教程 瀏覽:725
網站引導頁面源碼 瀏覽:234
個人簡歷範文word 瀏覽:220
uc下載的視頻怎樣提取到文件 瀏覽:499

友情鏈接