宝石探秘6
歡迎您訪問南京安優網絡官方網站,本公司專注于:網站制作、小程序開發、網站推廣。 24小時服務熱線:400-8793-956
當前位置:南京網站制作公司 > 資訊中心 > 網站知識
南京小程序開發公司介紹微信小程序學習過程的初步研究
來源:南京網站制作 時間:2019-06-05 08:17:57

前言:

 
9月21日,傳聞已久的微信申請號以“微信公共平臺小程序”的名義正式發布。它仍然采用內部測試系統。目前,只有少數開發人員可以使用它。“微信之父”張小龍在朋友圈里介紹。這個小程序是一個無需下載和安裝即可使用的應用程序。用戶可以通過掃描或搜索來打開應用程序。對于用戶來說,應用程序是可以實現的,而對于微信,它體現了使用和離開的想法。申請號出來后,有人說Wechat這次會推翻AppStore。開發人員可以直接基于微信開發小程序,而無需開發任何應用程序。有人說微信是一個操作系統。真的嗎?無論如何,
 
項目文件的結構
 
在打開微信小程序的演示時,我常常先查看整個項目的文件結構。首先,我大致了解了這部分正在做什么以及該部分正在做什么。微信小程序的基本文件結構如下:

首先,我們可以一目了然地看到項目根目錄中有三個文件。app.js,app.json以及app.wxss現在讓我們談談我對這三個文檔的理解。
 
1。app.js
 
應用。JS包含一個App()函數,我將其理解為Wechat 小程序的真正入口點,也就是說,當一個小程序啟動時,它將首先在這里執行。App()函數用于注冊具有Object類型參數的小程序,其中可以指定小程序的生命周期函數(不太清楚),當然,也可以定義全局數據和函數。
我們可以在頁面中調用全局getApp()方法來獲取窗口小部件實例,然后我們可以調用我們定義的全局數據和函數。
 
2。app.json
 
App.json可以全局配置小程序,例如頁面,窗口顯示,網絡超時,多標簽等。這是一個簡單的配置:
 
"pages": [ 
"page/index/index", 
"page/logs/index" 
], 
"window": { 
"navigationBarTitleText": "Demo" 
}, 
"tabBar": { 
"list": [{ 
"pagePath": "page/index/index", 
"Text": "home page" 
},{
"pagePath": "page/logs/logs",
 "Text": "log" 
}]
 }, 
"networkTimeout": { 
"request": 10000, 
"downloadFile": 10000 
}, 
"debug": true
}
3 .app.wxss
 
App.wxss文件是一個更好的理解,它相當于一個全局樣式表,相當于前端CSS文件,任何頁面都可以使用這個樣式表,當然,如果一個頁面重新定義了一個屬性的表示,它將覆蓋app.wxss文件中的定義。
 
應用。JS和app。每個微信小程序和應用程序都需要JSON。根據需要添加wxss。
 
在圖1的文件結構中,有三個文件夾目錄:images,pages,utils,它們類似于我們在開發中打包的方式(實際上) - 存儲自然類型的文件或分類目錄,以便于維護項目。
 
讓我們看一下pages目錄,它包含小程序的所有頁面。

這里我們定義兩個頁面,索引(主頁)和日志(顯示某種日志)。
正如您所看到的,在每個頁面中,都有類似于我們之前所說的內容。app.js,app.json等待文件。讓我們看看它們是什么。
以日志頁面為例:
 
1 .logs.js
 
跟著南京小程序開發公司來看看這個文件中的簡單代碼:
 
 
//logs.js
var util = require('../../utils/util.js')
Page({
 data: {
 logs: []
 },
 onLoad: function () {
 this.setData({
 logs: (wx.getStorageSync('logs') || []).map(function (log) {
 return util.formatTime(new Date(log))
 })
 })
 }
})
如果你有開發經驗或JS開發經驗,你也可以看到這個類的結構很簡單:1。介紹一個外部文件,2。有一個函數,做一些處理。
 
讓我們看看官方文檔如何描述這個以js結尾的文件:包含一個Page()函數,Page()函數用于注冊頁面。接受指定頁面的初始數據,生命周期函數,事件處理函數等的對象參數。它是頁面的邏輯文件,其中處理頁面邏輯。
 
在這個文件中,我們可以定義變量,函數等。
 
2 .logs.json
 
應用。JSON是小程序的整個配置文件,因此理解日志并不困難。JSON是日志頁面的配置文件,我們可以在其中配置頁面標題和其他屬性。
 
3 .logs.wxml
 
wxml文件對于頁面是唯一的。它相當于界面。它是與用戶交互的條目。微信提供了許多基本組件,例如按鈕,文本和進度條,可以在此文件中進行配置和顯示。
 
4 .logs.wxss
 
Wxss,就像app一樣。wxss文件,是一個樣式表文件,但每個頁面下的文件用于頁面,而app。wxss是一種全局樣式配置,日志。wxss將覆蓋應用程序。wxss如果使用相同的屬性。
 
對于頁面下的文件配置,我們來看看官方說明:

摘要
 
以上就是南京小程序開發公司介紹微信小程序的整體項目文件結構。澄清整體框架后,逐步了解細節可能更容易。如果您想了解更多關于微信小程序的信息,請繼續關注開發者。

本文地址:http://www.ib-si.com/web/2529.html
Tag:
專業服務:南京網站制作,南京網站制作公司,南京網站建設公司
聯系電話:025-65016872
上一篇: 您公司需要一個移動響應網站
下一篇: 返回列表
最新案例
泰杰賽
泰杰賽
蘇派教育
蘇派教育
全國大學生公共衛生大賽
全國大學生公共衛生大賽
南京德普筒倉建安工程有限公司
南京德普筒倉建安工程有限公司
中國非金屬材料南京礦山工程有限公司
中國非金屬材料南京礦山工程有限公司
你可能感興趣
您是否應該重新設計網站?
如何設計行為流程來關閉您網站上的潛在客戶
小程序紅利率先惠及四大行業,下一處去哪掘金?
4個在您的網站上使用的B2B銷售技巧
您應該為您的企業選擇哪種電子商務平臺?
SEO初學者問答 - 第1部分
南京網站制作說說建立商業網站的提示
南京網站建設公司讓你知道電商自建站不求人:8大電子商務平臺測評(2019篇)
最后更新
南京小程序開發公司介紹微信小程序學習過程的初步研究 您公司需要一個移動響應網站 南京小程序開發分享KIJI日報微信小程序版的開發實例 了解跳出率:如何衡量,審核和改進 常見的網頁設計語言,他們做什么以及為什么需要他們 2019年更好的用戶體驗(UX)設計 在2019年實現UX閃耀的7種方法 如何在2019年成功開展在線業務的3種方法
服務項目
南京網站制作 營銷型網站 微信營銷 IDC網站 精品案例
宝石探秘6 pk10精准人工计划软件 325棋牌游戏下载 重时时彩三星走势图 计划软件幸运飞艇 北京塞车是合法的吗 高频彩票计划客户端 北京pk10走势图表 公开一肖 棋牌娱乐 任逍遥二期极限平特一肖 至尊牌九作弊器下载 有哪些能稳赚钱的方法 输有限赢无限的投注法 PC蛋蛋的稳赚方法技巧