這篇文章將為大家詳細(xì)講解有關(guān)如何創(chuàng)建一個微信小程序頁面，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對外擴(kuò)展宣傳的重要窗口，一個合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺，成都創(chuàng)新互聯(lián)公司面向各種領(lǐng)域：垃圾桶等網(wǎng)站設(shè)計、成都全網(wǎng)營銷解決方案、網(wǎng)站設(shè)計等建站排名服務(wù)。

1. 在pages 中添加一個目錄

選中page,右擊鼠標(biāo)，從硬盤打開，打開硬盤文件之后，新建一個文件夾test（或者點(diǎn)擊+號，逐個添加目錄，添加目錄下面所需要的文件）

或者這樣添加

2. 新建一個wxml 文件

在test文件夾底下新建一個wxml空文件

3. 編輯test.wxml 文件

為了方便測試 我們隨便 填寫點(diǎn)內(nèi)容進(jìn)去

<view class="container">  
    <text>這是我的test頁面哦哦?。?！</text>  </view>

4. 同樣的方法，創(chuàng)建test.js文件，編輯test.js文件

在test文件夾底下新建一個js空文件
使用上述同樣的方法在test 目錄下創(chuàng)建一個 test.js 文件，為了方便測試 我們隨便 填寫點(diǎn)內(nèi)容進(jìn)去(也可以不填，直接空文件也可)

//test.js  //獲取應(yīng)用實例  var app = getApp()  
Page({  
  data: {  
    userInfo: {}  
  },  
  onLoad: function () {  
    console.log('onLoad test');  
  }  
})

5. 將test 頁面加入 app.json

打開全局文件 app.json，在文件里面添加 "pages/test/test"（加入一條 test 頁面所在的目錄 ）

6. 在首頁加入跳轉(zhuǎn)訪問鏈接

一切準(zhǔn)備就緒，該添加的都已經(jīng)添加，下面就是見證奇跡的時刻，在首頁寫一個頁面入口 ，跳轉(zhuǎn)到我們要測試的頁面上，直接在首頁  pages/index/index.wxml  添加一段代碼一句鏈接

<view class="btn-area">  
   <navigator url="/pages/test/test" hover-class="navigator-hover">跳轉(zhuǎn)test頁面</navigator>  
 </view>

7. 測試

保存代碼，點(diǎn)擊上面的編譯按鈕，所有代碼運(yùn)行起來，點(diǎn)擊首頁的“跳轉(zhuǎn)到test頁面”，跳轉(zhuǎn)成功，如下圖。

8：設(shè)置頁面標(biāo)題

設(shè)置頁面標(biāo)題 ，是非常簡單的一個步驟哦，找到所在頁面的目錄，新建一個 json 文件（一般都是自動生成的，如果沒有就新建一個），比如我們上一次建造的 test 頁面， 找到 pages/test/ 目錄 新建一個 test.json 文件 加入如下代碼。

{  "navigationBarTitleText": "詳情頁"}

效果如下：

OK，到此，創(chuàng)建頁面和實現(xiàn)頁面間的跳轉(zhuǎn)完成

關(guān)于“如何創(chuàng)建一個微信小程序頁面”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

新聞名稱：如何創(chuàng)建一個微信小程序頁面-創(chuàng)新互聯(lián)
文章地址：http://chinadenli.net/article16/dgjdgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、微信小程序、網(wǎng)站導(dǎo)航、建站公司、網(wǎng)站設(shè)計公司、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)