微信應用號,小程序開發(下)

接著上一篇微信應用號,小程序開發(上)

這里是一篇實例

  • 新建一個項目,打開一個HelloWorld
Paste_Image.png
  • 看一下項目目錄的文件。
Paste_Image.png
  • 這個項目目錄中,app.js是小應用的基本入口,包含了對于登錄接口的調用,獲得用戶數據

    Paste_Image.png

  • app.json這個文件是對于這個應用外觀的一些配置項,包括字體和導航菜單等樣式的配置以及對于路由頁面的配置

    Paste_Image.png

  • 在說一下對于一個完整的頁面而言,其實小程序就是對于node和react的打包實現所以基本的一個頁面也是采用HTML+CSS得實現方式,那么對于一個頁面而言,比如說index頁面部分,.wxml.xss就是包裝版的HTML(XML)或是CSS。

    Paste_Image.png

    Paste_Image.png

  • 那么嘗試些一個小的應用

  1. 先在app.json中進行配置,新增一個新的頁面,就直接丟到index下
    Paste_Image.png
  2. 新建一個hello.wxml和一個hello.js ,因為不做特別的用處,所以直接將index.js的代碼copy過來就好了
    Paste_Image.png
  3. 同樣操作hello.wxml為了區別它和index的不同,給它加上一個<image>標簽,隨便丟張圖片
    Paste_Image.png
  4. 再在配置文件app.json中加上一個list作為一個導航鏈接
    Paste_Image.png
  5. 切換到調試界面點擊重啟,觀看效果
    Paste_Image.png

    Paste_Image.png

暫時就到這里吧,可以還不能在真機上進行測試~唉
參考文檔

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 轉載請注明出處, 謝謝! (~ o ~)Y 1月9日,也就是今天,微信推出的“小程序”正式上線。“小程序”是一種無...
    Jimmy_P閱讀 14,449評論 52 273
  • 最近由于公司需求要做小程序開發,而且做h5的前端同事現在都很忙,所以我們移動開發就開始學習這個微信小程序了,...
    無灃閱讀 1,646評論 1 4
  • 原文:http://gold.xitu.io/entry/57e34d6bd2030900691e9ad7/pro...
    AiPuff閱讀 2,520評論 0 3
  • 今天看了一個短短七分鐘的《我是演說家》視頻――《做一個怎樣的子女》。 靈光乍現般打通了任督二脈,一幕幕鮮為人知不值...
    有鵲春生閱讀 340評論 7 5
  • 求職節目非你莫屬,相信都非常熟悉,一個大眾電視化求職節目,相對比較客觀,公正,能夠面對公司老板進行應聘,現...
    馬唐閱讀 305評論 0 0