一、接口相关
API部分文档:
![Python3之JSON数据解析实例:新闻头条 --Python3 Python3之JSON数据解析实例:新闻头条 --Python3](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTE4NjQ3NC8yMDE5MDIvMTE4NjQ3NC0yMDE5MDIxMTIzMjEwMTExMS00OTgzODMzODYuanBn.jpg?w=700&webp=1)
二、代码实现
view.py:(部分代码-后台)
@home.route("/")
def index():
# 接口地址(PS:需要用自己的key value)
url = 'http://v.juhe.cn/toutiao/index?type=top&key='
# 发送get请求
r = requests.get(url)
# 转化为json对象
data = r.json()
# 将json对象传入前台
return render_template('home/index.html', data=data)
index.html:(部分代码-前台页面渲染)
<div class="panel-body">
<ul class="list-group">
{% for v in data['result']['data']%}
<li class="list-group-item">
<img width="100px" src="{{v.thumbnail_pic_s}}" alt="..." class="img-thumbnail">
<a href="{{v.url}}">{{v.title}}</a><br/>
<span>作者:{{v.author_name}} {{v.date}}</span>
</li>
{% endfor%}
</ul>
</div>
效果图示例:
![Python3之JSON数据解析实例:新闻头条 --Python3 Python3之JSON数据解析实例:新闻头条 --Python3](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTE4NjQ3NC8yMDE5MDIvMTE4NjQ3NC0yMDE5MDIxMjAwMDA1NjU4OC0xMzQ2MTUxNTA2LmpwZw%3D%3D.jpg?w=700&webp=1)
PS:文章转载请注明出处,感谢您的合作!