html业务网站源码,个人网站 建设,上海网站建设好处,网站优化公司的seo做的好上篇讲了用Python从新闻网站上下载新闻#xff0c;本篇讲用Flask展现新闻。关于Flask安装网上好多教程#xff0c;不赘述。下面主要讲 HTML-Flask-数据 的关系。
简洁版
如图#xff0c;页面简单#xff0c;主要显示新闻标题。 分页#xff0c;使用最简单的分页技术本篇讲用Flask展现新闻。关于Flask安装网上好多教程不赘述。下面主要讲 HTML-Flask-数据 的关系。
简洁版
如图页面简单主要显示新闻标题。 分页使用最简单的分页技术不用ajax在链接中增加页码参数 /txw/1 由flask根据参数返回新闻。 flask路由代码
#今日头条
app.route(/txw)
app.route(/txw/page)def today_news(page1):ua request.headers.get(User-Agent)mb from_mobile(ua)#移动端和PC端file day_news_m.html if mb else day_news.htmlnews daily_news(page)return render_template(file,news news)每天下载的新闻用文件保存。注每条新闻设置一个id分页就是根据id返回。比如现在最新id是10000每页显示100页 链接/txw/1 表示 返回id 小于10000大于9900的新闻。
复杂版按不同频道聚合新闻包括标题、摘要、热点、收藏等功能其它比如HTMLCSS设置导航栏后面再讲。 新闻频道划分如下
最新最新下载的新闻
关注根据设置的新闻关键词聚合新闻这是根据自己的设定来筛选新闻不是推荐
要闻宏观、政策类新闻
时事国际政治、军事、局势新闻
快讯跟股市相关的突发新闻
财经财经类新闻
科技半导体、TMT、人工智能等科技类新闻
英文国外科技类新闻
社会社会、娱乐类新闻满足偶尔看八卦的需求。
每条新闻下载时根据标题关键词确认频道。比如标题包含以下词语的就是科技
[通信,5G,6G,AI,人工智能,算力,GPT,openAI,云计算,短剧,元宇宙,游戏,影视,电影,AR,VR,TMT,动漫,漫画, 5.5G,头戴式,微软,Google,苹果,生成式,机器人,公有云,大模型,大数据,英伟达,脑机]
HMTL页面-导航栏 theadtda href#top最新/a/tdtda href#关注关注/a/tdtda href#要闻要闻/a/tdtda href#快讯快讯/a/tdtda href#时事时事/a/tdtda href#经济财经/a/tdtda href#TMT科技/a/tdtda href#消费消费/a/tdtda href#Tech英文/a/tdtda href#社会社会/a/td/thead
新闻HTML页面主要结构 {% for i in news %}tr!-- 频道 体验见 http://101.35.10.13/xw --th id {{i[0][-2]}} styletext-align: left;border: 0;background-color: #FFFFF0{{i[0][-2]}}/thth styletext-align: left;border: 0;background-color: #FFFFF0a href#top {{i[0][-1]}}/a/thth colspan 12 styleborder: 0;background-color: #FFFFF0/th/tr{% for j in i %}trth colspan 14 stylefont-size: 16px;text-align: left;padding: 5px!-- 标题和链接 --a hrefjavascript:; onclickshow_full_news({{j[2]}}) {{j[0]}}/a/th/trtr!-- 摘要 --td colspan 14 stylefont-size: 14px;text-align: left;padding: 5px{{j[1]}}nbsp{{j[3]}}/td/tr{% endfor %}{% endfor %}
Flask代码
#新闻
app.route(/xw)
def news():ua request.headers.get(User-Agent)mb from_mobile(ua)try:acct session[acct]except:acct file news_mb.html if mb else news.html#返回新闻acct用于加载关注新闻关键词若空则无关注新闻news chs_news(acct,60,mb)return render_template(file,news news)
这就是下载新闻、展现新闻的主要思路和技术。当然还有很多细节如果大家有兴趣后面详细说。若有疑问尽管留言。
