微信小程序todolist

時間 2019-11-07

標籤微信程序 todolist 简体版

原文原文鏈接

weixinApp 微信小程序toDoList

列表頁面

簡單的列表頁面和數據添加，此時有一些問題javascript

setData在清除一些用戶交互的頁面的時候有些問題。php
inputA 是一個輸入框，當我提交數據的時候，須要清除表單的數據，setData不能清除很好的清除。html

添加數據

使用wx.setStorageSync(KEY,DATA).java

try {
    wx.setStorageSync('key', 'value')
} catch (e) {
}

刪除數據

使用 wx.removeStorageSync(KEY)nginx

try {
  wx.removeStorageSync('key')
} catch (e) {
  // Do something when catch error
}

詳情頁面

此時用到路由機制git

<navigator url="/test/logs" >
    查看
</navigator>

模塊化的測試

使用了一些ES語法

微信wx.request

wx.request發起的是https請求。一個微信小程序，同時只能有5個網絡請求鏈接。github

在測試wx.request的時候.json

wx.request post傳參數，開發者服務器取不到參數小程序

// 在php內嵌入此句也不適合。
header('Access-Control-Allow-Origin:*');
// 可能要在nginx 服務器上配置一些參數，能夠讓微信小程序調用

基本上get是沒有問題的。（url各類帶參數是沒有問題的）segmentfault
其餘的API沒有測試,用的很少,若是有須要再進行測試。

var count = 0
var maxRequest = 100
var getRequest = function(){

    wx.request({
        // 此域名必須要配置
        url: 'https://test.com/t/wxRes', //僅爲示例，並不是真實的接口地址
        success: function(res) {
            count++
            if(count < maxRequest){
                getRequest()
            } 
        },
        fail: function(res){
            console.log(res)
        }
    })
}
// https請求 
for(var i = 0; i< 5;i++){
    getRequest()
}
// 若是直接for10次的話，確定有錯誤。這裏只能for5次

我在測試的時候發現一個問題。post數據的時候一直不成功。通過查看文檔得出結論。
須要加一段代碼

// log.js

// 頭部
    header: {  
     "Content-Type": "application/x-www-form-urlencoded"  
    },  
// 這樣的數據是取不到值的。要把參數轉化爲這個形式才ok, **id=1234444&name=adasdadad**

var postData = {
    id: 1234444,
    name: 'qidongyou'
};
postData = util.json2Form(postData);

// util.js
function json2Form(json) {  
    var str = [];  
    for(var p in json){  
        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));  
    }  
    return str.join("&");  
}

module.exports = {
  json2Form: json2Form
}