赞
踩
使用时首先要新建flask工程:
创建完成后进入后页面如下:
网站主页、用户登陆、用户注册、用户删除、超级用户查看用户列表等操作,且页面之间可以互相转跳(注册页面注册完成后自动进入登陆页面,用户登陆后自动进入主页等操作。)
首先将需要多次使用的html基模板编写完成(包括导入本地bootstrap样式和外部js样式,页面的标题信息,登陆状态,flash闪现信息等)。
编写基模块使用的主要有:
静态文件导入有两种方法:
一: <link href="/static/css/bootstrap.css" rel="stylesheet"> #绝对路径导入
二:<link href="{
{ url_for('static', filename="css/bootstrap.css") }}" rel="stylesheet"> #url_for 根据名称导入(实用性更强,因为在使用时导入文件的路径有可能会变化)
flask链接导入通常在页面转换时使用。
链接导入的两种方法:
<a href="/register/">注册</a>
<a href="{
{ url_for('login') }}">登录</a>
# 根据视图函数动态的去查找路径;
<a href="{
{ url_for('delete', username="root") }}">删除</a> === /delete/root/
如何实现消息闪现:
1). flash消息这种功能,是Flask的核心特性。用于在下一个响应中显示一个消息,让用户知道状态发生了变化。
可以使确认消息,警告或者错误提醒。
flash(“闪现的消息”)
2). 工作原理:
闪现系统使得在一个请求结束的时候记录一个信息,然后在且仅仅在下一个请求中访问这个数据。
2.html代码中如何调用闪现内容?
仅调用flash()函数并不能把消息显示出来,程序使用的模板要渲染这些消息。
Flask把get_flashed_messages()函数开放给模板,用来获取并渲染消息
{#让每个页面都可以获取闪现信息闪现#}
{% for item in get_flashed_messages() %}
<div class="alert alert-warning alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
{
{ item }}
</div>
{% endfor %}
使用前先将Bootstrap样式和js样式放到指定目录下:
新建doc文件,将bootstrap样式存入:
什么是Bootstrap?
Bootstrap(http://getbootstrap.com/)是 Twitter 开发的一个开源框架,它提供的用户界面组件可用于创建整洁且具有吸引力的网页,而且这些网页还能兼容所有现代 Web 浏览器。
Flask中如何集成Bootstrap?
使用 pip 安装Flask-Bootstrap 的 Flask 扩展,简化集成的过程。
from flask.ext.bootstrap import Bootstrap
bootstrap = Bootstrap(app)
Flask-Bootstrap实现了什么?
利用 Jinja2 的模板继承机制,让程序扩展一个具有基本页面结构的基模板,其中
就有用来引入 Bootstrap 的元素。
{ % extends “bootstrap/base_other.html” % }
基模板中定义了可在衍生模板中重定义的块。
块名 | 说 明 |
---|---|
doc | 整个 HTML 文档 |
html_attribs | 《 html》 标签的属性 |
head 《head》 | 标签中的内容 |
html 《html》 | 标签中的内容 |
title 《title》 | 标签中的内容 |
metas | 一组 《meta》 标签 |
styles | 层叠样式表定义 |
body_a |
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。