微信小程序todolist

XUI 發布于2019-08-20 12:24 / 2711人閱讀

摘要：微信小程序列表頁面簡單的列表頁面和數據添加，此時有一些問題在清除一些用戶交互的頁面的時候有些問題。一個微信小程序，同時只能有個網絡請求連接。可能要在服務器上配置一些參數，可以讓微信小程序調用基本上是沒有問題的。

weixinApp 微信小程序toDoList 列表頁面

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

setData在清除一些用戶交互的頁面的時候有些問題。

inputA 是一個輸入框，當我提交數據的時候，需要清除表單的數據，setData不能清除很好的清除。

添加數據

使用wx.setStorageSync(KEY,DATA).

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

刪除數據

使用 wx.removeStorageSync(KEY)

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

詳情頁面

此時用到路由機制


    查看

模塊化的測試 使用了一些ES語法 微信wx.request

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

在測試wx.request的時候.

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

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

基本上get是沒有問題的。（url各種帶參數是沒有問題的）

其他的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
}

測試結果

wx.getImageInfo取遠程圖片元信息是有問題的。https://36dong.com/assets/ima...，在本地測試是沒有問題。

項目代碼

https://github.com/qidongyou/weixinApp

其他相關文章

官方文檔

測試工具

segmentfault相關文檔

post參考文檔

查找問題相關網站

云服務器 GPU云服務器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80964.html

初學微信小程序 TodoList

摘要：微信小程序的學習微信小程序的開始嘗試微信開發者工具生成目錄如下主頁日志頁面工具大體為每一個即是一個頁面文件，每個頁面有一個文件規定描述頁面的這四個文件必須具有相同的路徑與文件名。微信小程序的學習微信小程序的開始嘗試 TodoList 微信開發者工具生成目錄如下： . |-- app.js |-- app.json |-- app.wxss |-- pages | ...

BearyChat 2019-08-22 17:12 評論0 收藏0
微信小程序實現運動步數排名與發布個人動態&服務器部署

摘要：項目規劃本項目為基于微信手機應用平臺的一款運動互動型小程序，實現了用戶即時運動步數群內與個人動態的發布，小程序前端采用原生框架，后端采用基于的框架，數據庫采用，對象存儲采用七牛云，服務器采用阿里，域名采用認證。 1. 項目規劃本項目為基于微信手機應用平臺的一款運動互動型小程序，實現了用戶即時運動步數群內PK與個人動態的發布，小程序前端采用原生框架，后端采用基于Node的koa2框架，...

laoLiueizo 2019-08-26 13:22 評論0 收藏0
用mpvue寫個玩意兒玩玩

摘要：微信開發工具僅用于調試。下面可以配置一個微信小程序的參數，文件就是我們要編輯的頁面了。補充一下，調用之后獲取了經緯度之后，還可以玩玩微信的組件。試著用微信寫一個組件。下周公司要搞黑客馬拉松了，組里可能會做個小程序。然后看到了mpvue感覺還不錯，于是就打算試試水。用vue寫小程序聽上去美滋滋。那么先開始吧！全局安裝 vue-cli $ npm install --global vu...

lauren_liuling 2019-08-22 16:32 評論0 收藏0