WechatPro 頁面建立

2022-07-13 18:36:10 字數 1974 閱讀 9745

2.建立pages目錄檔案,用來放置各個頁面

3.建立頁面(頁面命名,建立四個檔案)

(1)js:頁面邏輯實現

(2)json:負責標題欄和一些狀態列

(3)wxml:管理頁面有什麼

(4)wxss:頁面布局

4.在pages內的index頁面的wxml中:

把內容單元封裝在view內部, ,用class方式進行樣式更改,模擬html

5.標籤

文字按鈕

6.布局

>點選獲取暱稱和頭像

button

>

view

>

/*樣式設計 index.wxss

*/.container

7.button屬性 點選獲取使用者資訊

<

button

open-type

="getuserinfo"

bindgetuserinfo

='getmyinfo'

>點選獲取暱稱和頭像

button

>

//

pages/index/index.js

page(,

/*** 獲取使用者資訊,切記 逗號 ,

*/ getmyinfo:

function

(e),

/** * 生命週期函式--監聽頁面載入

*/onload:

function

(options) ,

/** * 生命週期函式--監聽頁面初次渲染完成

*/onready:

function

() ,

/** * 生命週期函式--監聽頁面顯示

*/onshow:

function

() ,

/** * 生命週期函式--監聽頁面隱藏

*/onhide:

function

() ,

/** * 生命週期函式--監聽頁面解除安裝

*/onunload:

function

() ,

/** * 頁面相關事件處理函式--監聽使用者下拉動作

*/onpulldownrefresh:

function

() ,

/** * 頁面上拉觸底事件的處理函式

*/onreachbottom:

function

() ,

/** * 使用者點選右上角分享

*/function

() })

8.wxml定義變數 :} 即表示變數的內容

9.js:檔案中定義變數的方法:data:,

10.修改data變數 :this.setdata()

data: ,

getmyinfo:

function

(e))

},

,

"sitemaplocation": "sitemap.json"}

12.發布

點選右上角上傳

體驗版本只能開發者使用,可以在」成員管理「中新增「體驗成員」即可

django 建立頁面

1 建立響應 建立乙個函式 index from django.shortcuts import render 返回乙個響應,先引入django的乙個類 在django的views中,每乙個請求都有乙個函式來處理 2 配置url 在 firstpro urls.py中 from django.con...

使用jekyll 建立頁面

作為寫文章 的補充,jekyll 還可以建立靜態頁面。利用 jekyll 帶來的便利,你只需要複製檔案或資料夾,就是這麼簡單。像任何 的配置一樣,需要按約定在站點的要目錄下找到index.html檔案,這個檔案將被做為主頁顯示出來。除非你的站點設定了其它的檔案作為預設檔案,這個檔案就將是你的 jek...

vue router建立單頁面

如果新建專案時,沒有安裝vue router依賴的話,需要手動安裝該依賴。在終端中輸入 npm install vue router 在src目錄下,新建乙個router資料夾 與components資料夾同級 在該目錄下新建乙個index.js檔案 import vue from vue impo...