本文目錄一覽：
微信小程序的index.js怎麼寫？詳細代碼見下方↓
微信小程序實例index.js代碼如下：
可以搜索小程序名稱： 快遞最後一公里
實例index.js代碼
var app = getApp();
Page({
/**
* 頁面的初始數據
*/
data: {
//三張圖片輪播
imgUrls: [
{
imageUrl: ‘/images/weicha/timg1.jpg’,
},
{
imageUrl: ‘/images/weicha/timg2.jpg’,
},
{
imageUrl: ‘/images/weicha/timg3.jpg’,
}
],
indicatorDots: false,
autoplay: false,
interval: 5000,
duration: 800,
},
onSwiperTab: function (e) {
/*var postId = e.target.dataset.postId;
wx.navigateTo({
url: postId,
});*/
},
/**
* 生命周期函數–監聽頁面載入
*/
onLoad: function (options) {
app.loginWinCha(this.initPageData);
},
//初始化登錄才能查看的數據
initPageData: function () {
this.setData({
componentList: [
{
id: 1,
url: ‘../weicha/express/courier/index’,
imageUrl: ‘/images/weicha/timg1_1.jpg’,
title: ‘快遞小哥(送快遞)’,
queryType: ‘courier’
},
{
id: 2,
url: ‘../weicha/express/seller/index’,
imageUrl: ‘/images/weicha/timg1_2.jpg’,
title: ‘合作商家(代收快遞)’,
queryType: ‘seller’
},
{
id: 3,
url: ‘../weicha/express/personal/index’,
imageUrl: ‘/images/weicha/timg1_3.jpg’,
title: ‘收件人(簽收快遞)’
},
{
id: 4,
url: ‘../weicha/express/logistics/index’,
imageUrl: ‘/images/weicha/timg1_4.jpg’,
title: ‘快遞物流查詢’
}
]
});
},
onItemClick: function (e) {
var targetUrl = e.currentTarget.dataset.pay;
var targetQueryType = e.currentTarget.dataset.index;
if (targetQueryType == “seller”) {
var reqData = {
seller_openId: app.globalData.openid,
status: ‘2’
};
this.queryDBUtil(“sellerInfo”, reqData, targetQueryType, targetUrl,
“親，您暫未申請商家,請提交商家申請！”);
} else if (targetQueryType == “courier”) {
var reqData = {
courier_openId: app.globalData.openid,
status: ‘2’
};
this.queryDBUtil(“courierInfo”, reqData, targetQueryType, targetUrl,
“親，您暫未申請快遞員,請提交快遞員申請！”);;
} else {
wx.navigateTo({
url: targetUrl
});
}
},
queryDBUtil: function (reqCollectionName, reqData,queryType, retUrl,retMgs){
wx.cloud.callFunction({
name: “utilsDB”,
data: {
collectionName: reqCollectionName,
collectionWhere: reqData
},
complete: res = {
let retStatus = ‘1’;
if (res.result.data.length = 1) {
retStatus = res.result.data[0].status;
}
if (retStatus == ‘2’) {
if (queryType == “seller”){
app.globalData.seller = res.result.data[0];
} else if (queryType == “courier”){
app.globalData.courier = res.result.data[0];
}
wx.navigateTo({
url: retUrl
});
} else {
wx.showToast({
icon: ‘none’,
title: retMgs
});
}
},
fail: err = {
wx.showToast({
icon: ‘none’,
title: retMgs
});
}
});
}
})
微信小程序是用什麼技術實現的？
一、微信小程序的wxml
具有基本的編程經驗的工程師，只有與wxml接觸後，您才會發現該語言的編程概念類似於html網頁的編程技術。經過一番研究和開發，您會知道微信小程序的要求技術含量不高，只是更換了一些標籤，例如
已替換為等待狀態。即使您不太擅長前端，轉用微信小程序的發展也將是一個很好的方向。
二、微信小程序的wxss
wxss是微信的CSS。微信用自己的開發語言wxss代替了Web編程中使用的css；實際上，主要的實現思想與Web開發技術基本相同，並且它只是對某些標籤的簡單替換，其中大部分是原始的CSS，基本上是正確的。它們都是通過調用同一頁面來實現的，但是可以說，微信小程序比Web開發更簡單，更方便。例如，只要寫入index.wxml和index.wxss，它就位於兩個文件中。這兩個文件同時位於同一目錄中，就像直接在網頁上寫CSS一樣，這既簡單又快速。
三、微信小程序的js
如果要開發微信小程序，您必須精通微信小程序的js。只要您具有html+css+js的良好基礎，就可以全力學習微信小程序js，然後在前端進行開發。上面沒有問題，但是微信js需要努力學習。您可以購買參考書或了解微信小程序的API，它們可以快速幫助您參與開發隊列。
四、微信小程序的json
掌握了以上幾點之後，您需要掌握json。簡而言之，json是微信小程序的主要和次要介面。工程師可以通過json控制上下菜單欄，主要和輔助頁面的顯示順序。但是，使用頻率不高。它僅適用於基本小程序的框架，但這也需要學習，因為除顯示類型外，每個前端操作都需要與後端匹配，因為如果要使其放大，則必須之所以簡化，是因為修改代碼後，在迷你程序中搜索到的版本就是啟動後的版本，即我們提交微信評論後顯示的版本。修改源代碼後，需要將其提交給微信公眾進行審核。平台小程序管理平台，用戶只能在審核通過後才能看到您的修改，因此，為避免這種麻煩，您必須了解後端技術開發並與前端鏈接以與您進行交流。
實際上，小程序類似於H5表面，並提供了視圖層描述語言。您需要掌握WXML和WXSS以及基於JavaScript的邏輯層框架。這裡的wxml等同於html，而wxss等同於CSS。
微信小程序反編譯沒保存
沒保存就需要重新編寫。
小程序反編譯，如果沒有保存的話是沒有辦法找回的，需要重新編寫才可以。要想拿到微信小程序源碼，先要拿到小程序的包，用反編譯腳本跑一下，微信小程序代碼包里的所有文件、所有資源就出來了（除了project.config.json小程序配置文件）。
操作時需準備工具：1、nodejs環境，這是反編譯腳本的運行環境，下方有地址。2、小程序包解密工具，PC版解包無需模擬器，附件中有這個。3、反編譯腳本下載，附件中有這個。4、微信PC端，運行小程序，自己下載電腦端微信。
寫微信小程序需要哪些技術
開發微信小程序需要用到以下技術：
1、wxml，小程序常用語言為wxml，wxml是微信但是你熟悉wxml之後會發現其實它的編程理念和HTML的網頁編程比較類似。
2、wxss，wxss更趨向於CSS,wxss，其實主要的實現思想理念也和網頁的開發技術差別不大，主要是一些標籤的一些簡單替換，大部分和原先的css、基本不誤，都是通過同頁面調用的方式實現的。
3、js，開發小程序還必須掌握js技術，如果html+css+js的基礎打的好，再來學習一下微信小程序js，之後在前端開發上就沒有什麼問題了。
4、伺服器語言，如果不是專業的後端開發者，可能後端有一定的難度其學習曲線較陡。但是，仍然建議開發者學習一下後端語言，至少需要了解大致的原因框架，能夠看懂其代碼邏輯，這樣不僅可以很好地實現前後端的配合，也能夠在小程序出現bug的時候使用。常見的有PHP、Java、Python、ASP等技術。
5、資料庫語言，如果公司數據量不大，架構不複雜的話資料庫語言相對來說是比較簡單的，一般學會一些常用的命令以及常出現的問題就能夠應付使用。常用的資料庫有免費的MySQL、msSQL、MongoDB、Oracle等資料庫。
做小程序需要學什麼編程，好做不？
開發小程序需要的是編程基礎，需要學習的技術如下：
1、微信小程序wxml，這個語言的編程理念和html網頁的編程技術是類似的。
2、微信小程序之wxss，就是微信的css。微信把網頁編程里運用的css，換成了自己的開發語言，wxss，其實主要的實現思想理念也和網頁的開發技術基本沒什麼不同，也是一些標籤的簡單替換，大部分和原先的css、基本不誤。
3、微信小程序之js，如果你想開發一款微信小程序學會微信小程序的js是必須要精通的
4、微信小程序之json，簡單來說json就是微信小程序的一門主次的界面，工程師們可以通過json控制上下菜單欄、主次的頁面展示順序，不過用的頻率不高，只是在基本的小程序的框架構架才會應用到。
其實，小程序類似於H5面，提供了視圖層描述語言，需要掌握WXML 和 WXSS 以及基於JavaScript的邏輯層框架，這裡wxml相當於html，wxss相當於css。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/285334.html
微信掃一掃 
支付寶掃一掃 