链接静态文件 + flask-moment的本地化时间和日期
来源:互联网 发布:怎样延长淘宝收货时间 编辑:程序博客网 时间:2024/06/05 10:59
各位看官,记得上回说到定义了用户页面及自定义错误界面,接下来博主介绍:
1,页面中添加图片
2,显示时间
准备工作:先下载一张图片在static文件夹下(flask自动创建,与template文件夹类似),取名:cal.jpg
ok,准备工作结束,开始:
1,老规矩,先html文件,在user.html文件中添加:
<img src="{{ img }}"> #别急,img是在hello.py中设的变量
2,开始添加并修改hello.py 的代码:
@app.route('/user/<name>')def user(name): img = url_for('static',filename='cal.jpg') #关于url_for函数有两种用法,还有一种参数直接给视图函数名 return render_template('user.html',name = name,img=img) #注意与上一篇博客进行对比,添加了img变量
3,运行程序,出效果,见下文
———-开始flask-moment
1,还是先html ,这里分两次,一是base.html 文件,原有基础添加代码:
{% block scripts %} {{ super() }} #注意这里是对bootstrap中的JavaScript进行继承 {{ moment.include_moment() }} #在hello.py中会引入moment模块{% endblock %}
2,第二次 在user.html 文件中:
<p>The local date and time is {{ moment(current_time).format('LLL') }}</p># 这里的current_time是hello.py的变量 <p>That was {{ moment(current_time).fromNow(refresh = True) }}</p> #没有对moment().format()与moment().fronNow()深究,先记住吧
3,最后对hello.py 修改,写到此,觉得其实先对hello.py进行修改,在对html文件修改会比较好。:
PS:以下贴的是总的hello.py 代码,包括上一篇博客功能以及本篇:
#_*_ coding:utf-8 _*_from flask import Flask,render_template,url_forfrom flask.ext.bootstrap import Bootstrapfrom flask.ext.moment import Momentfrom datetime import datetime# 1,要添加extend bootstrap 模板,要导入Bootstrap才可以# 2,404中视图函数忘记加return# 3,使用图片,要在user.html 中添加<img src=“{{img}}”>才可以用app = Flask(__name__)bootstrap = Bootstrap(app)moment = Moment(app)@app.route('/user/<name>')def user(name): img = url_for('static',filename='cal.jpg') return render_template('user.html',name = name,img=img,current_time=datetime.utcnow())@app.errorhandler(404)def page_not_found(e): return render_template('404.html'),404 #2,if __name__ == '__main__': app.run(debug=True)
第三步要点:
1,datetime.utcnow()函数的使用
2,Moment模块的引入,以及在base.html中的moment代码,还有在user.html中的moment代码都值得关注与记忆
3,flask-Moment 模块除了依赖moment.js ,还依赖jquery.js ,只不过在Bootsrap中已经引入jquery.js。
以下是总效果图:
至此,第二,三章基本结束。
0 0
- 链接静态文件 + flask-moment的本地化时间和日期
- Flask-Moment本地化日期和时间
- 6. 用Flask-Moment本地化日期和时间
- Flask-Moment本地化日期和时间显示不正常
- Python Flask Web 第七课 —— 使用 flask-moment 本地化日期和时间
- Flask学习总结笔记(6) -- Flask-Moment本地化日期和时间
- Flask: 链接、静态文件
- 时间,日期和本地化函数
- 获取本地化日期和时间
- 使用moment.js轻松管理日期和时间
- moment.js 日期和时间管理 24小时制
- 使用moment.js轻松管理日期和时间
- moment.js 日期和时间管理 24小时制
- 使用moment.js轻松管理日期和时间
- moment.js 日期和时间管理 24小时制
- flask入门的教程-日期和时间 Dates and Times
- Flask-Moment
- 【Flask】使用Flask-Admin内建的JS控件获取日期和时间
- easyUI Layout
- android中handler的使用
- Python-MongoDB官方文档翻译
- GitExtension推送pull本地数据到远程仓库
- 4_用户态与核心态-用两种C代码实现Linux的某个系统调用
- 链接静态文件 + flask-moment的本地化时间和日期
- hdu 5247 找连续数(思维)
- Android Studio配置问题
- eclipse环境搭建之五:Scala
- UIView 实现渐变色 CAGradientLayer
- 【NOIP2012提高组】国王游戏
- 利用java实现简单租车系统(控制台程序版)
- Swift--UINavigationController
- tcp简单传输过程分析