JS把数据库的JSON数据输出渲染到html页面

1、首先通过json.php把数据库给输出为json格式的数据

 

[
    { 
        "id":1,
        "resname":"百度", 
        "resimg":"http://www.baidu.com/1.jpg",
        "resint":"2018-1-18",
        "resurl":"http://www.baidu.com/1.apk",
        "pageview":"100"
    },
    { 
        "id":2,
        "resname":"阿里巴巴", 
        "resimg":"http://www.alibaba.com/1.jpg",
        "resint":"2018-1-18",
        "resurl":"http://www.alibaba.com/1.apk",
        "pageview":"200"
    },
    { 
        "id":3,
        "resname":"腾讯", 
        "resimg":"http://www.qq.com/1.jpg",
        "resint":"2018-1-18",
        "resurl":"http://www.qq.com/1.apk",
        "pageview":"300"
    }
]

然后通过vue.js来解析

 

 

 

 

    
    
    
    
    



    

        

            

                
ID
                
资源名称
                
LOGO
                
更新时间
                
下载地址
                
阅读量
            
            

                
{{r.id}}
                
{{r.resname}}
                

                
{{r.resint}}
                
点击下载
                
{{r.pageview}}
            
        
    

最终运行index.html

 

 

 

demo:http://wxpad.cn/yunpan/cdn/json/json.html

学习交流微信：face6009