[柿饼派]制作一个简易的桌面时钟+疫情数据实时更新列表

本帖最后由 shadowliang 于 2020-2-29 17:36 编辑

//1.获取天气数据
getWeathearInfo:function(event)
    {
        var that = this;
        var str = 0;
​
        console.log("getWeathrerInfo....")
​
        var req1 = pm.request({
            url: '/api?version=v6&appid=31972938&appsecret=e3fvZnAN&city='+localcity,
            data:{
                x:'',
                y:''
            },
​
            header:{
                "Content-Type":"application/json",
            },
​
            success:function(res)
            {
                console.log('request success'),
                console.log(res.data),
                console.log(res.statusCode)
                console.log("json_par")
                str = res.data.toString('utf8');
                console.log(str)
                json_obj = JSON.parse(str);
                console.log(json_obj)
                week = json_obj.week;
                that.tempdataupdate();
​
            },
            complete:function()
            {
                console.log('request complete')
​
            },
​
            fail:function(){
                console.log('request failed')
            }
        })
    },
    
    
    //界面上更新对应的数据
    tempdataupdate:function(){
        console.log("<< tempdataupdate")
        this.setData({img_weather:{value:json_obj.wea_img+'.png',refresh : true}})
        this.setData({hum_label :{value : json_obj.humidity,refresh : true}});
        this.setData({tem_label :{value : json_obj.tem+"°C",refresh : true}});
        this.setData({weather_label :{value : json_obj.wea,refresh : true}});
        this.setData({week_label :{value : week,refresh : true}});
    },

getNetTimeInfo:function(){
        var that = this;
        var str = 0;
​
        console.log("Get NetTimeInfo....")
​
        var req1 = pm.request({
            url: 'http://quan.suning.com/getSysTime.do',
            data:{
                x:'',
                y:''
            },
​
            header:{
                "Content-Type":"application/json",
            },
​
            success:function(res)
            {
                console.log('request success'),
                console.log(res.data),
                console.log(res.statusCode)
                console.log("json_par")
                str = res.data.toString('utf8');
                console.log(str)
                json_obj1 = JSON.parse(str);
                console.log(json_obj1)
                console.log("systemtime:"+json_obj1.sysTime2)
​
               var temp =  json_obj1.sysTime2.toString();
               console.log("length:"+temp.length)
               console.log(temp)
                year = temp.substring(0,4);
                console.log(year)
                month = temp.substring(5,7);
                console.log(month)
                day = temp.substring(8,10);
                console.log(day)
                console.log(year+':'+month+':'+day);
                var nethour = temp.substring(11,13);
                hours = parseInt(nethour, 10);
                console.log(nethour);
                var netminutes = temp.substring(14,16);
                minutes = parseInt(netminutes, 10);
                 console.log(netminutes);
                 var netseconds = temp.substring(17,19);
                 seconds =  parseInt(netseconds, 10);
                 console.log(netseconds)
                that.updateDate();
            },
            complete:function()
            {
                console.log('request complete')
​
            },
​
            fail:function(){
                console.log('request failed')
            }
        })
    },
​
//更新界面的数据
     updateDate:function()
    {
        this.setData({year_label :{value : year,refresh : true}});
        this.setData({month_label :{value : month,refresh : true}});
        this.setData({day_label :{value : day,refresh : true}});
        
    },

//获取疫情数据
    getrealData:function(){
        var that = this;
        var str = 0;
​
        console.log("Get RealData....")
​
        var req1 = pm.request({
            url: 'https://lab.isaaclin.cn/nCoV/api/area?latest=1&province=%E5%B9%BF%E4%B8%9C%E7%9C%81',
            data:{
                x:'',
                y:''
            },
​
            header:{
                "Content-Type":"application/json",
            },
​
            success:function(res)
            {
                console.log('request success'),
                console.log(res.data),
                console.log(res.statusCode)
                str = res.data.toString('utf8');
                console.log(str)
                json_obj2 = JSON.parse(str);
                console.log('省份'+json_obj2.results[0].provinceName)
                console.log('现有确诊数量'+json_obj2.results[0].currentConfirmedCount)
                console.log('累计确诊数量'+json_obj2.results[0].confirmedCount)
                console.log('治愈数量'+json_obj2.results[0].curedCount)
                console.log('死亡人数'+json_obj2.results[0].deadCount)
                that.updataShow();
​
            },
            complete:function()
            {
                console.log('request complete')
​
            },
​
            fail:function(){
                console.log('request failed')
            }
        })
    },
    
// 更新UI 界面的数据    
    updataShow:function(){
        console.log(">> updataShow" + "length="+json_obj2.length);
        var dataList = new Array();  
        var ProvinceItem = new Object();
        ProvinceItem.cityname = {value :json_obj2.results[0].provinceName };
        ProvinceItem.currentConfirmedCount = { value: json_obj2.results[0].currentConfirmedCount };
        ProvinceItem.confirmedCount = { value: json_obj2.results[0].confirmedCount };  
        ProvinceItem.curedCount = { value: json_obj2.results[0].curedCount };
        ProvinceItem.deadCount = { value: json_obj2.results[0].deadCount };
        dataList.push(ProvinceItem);
​
        for(var i = 0 ; i < 20; i++)
        {
            var item = json_obj2.results[0].cities;
            console.log(item.cityName);
            var realdataItem = new Object();
​
            realdataItem.cityname = {value : item.cityName};
            realdataItem.currentConfirmedCount = {value : item.currentConfirmedCount};
            realdataItem.confirmedCount = {value : item.confirmedCount};  
            realdataItem.curedCount = {value :item.curedCount };
            realdataItem.deadCount = {value : item.deadCount};
​
            dataList.push(realdataItem);
        }
       listPage.setData({listctrl1 : {empty : true}});
       listPage.setData({listctrl1:{page : listPage, xml : "Panels/realdata", items : dataList, refresh:true}})
        console.log("datalist refresh")
​
    },

​总结
刚开始入门学习柿饼派，深有体会的是柿饼派的 UI 真的挺方便的，上手很快，并且可以脱离板子，编译，下载，调试的苦恼，当然例如网络模块这些还是得依靠在板子上调试才可以,关于柿饼派的学习还得多熟悉文档提供的 api说明，还可以参考Persimmon UI Builder 里面帮助选项中的 online demo 中的炫酷示例进行学习。

查看更多