当前位置:   article > 正文

Flask编写网页(包括主页,登陆页面,注册页面,删除用户,查看用户信息,上传文件)_flask首页和登录

flask首页和登录

flask制作网站:

使用时首先要新建flask工程:
在这里插入图片描述
创建完成后进入后页面如下:
在这里插入图片描述

然后编写模块完成要求:

网站主页、用户登陆、用户注册、用户删除、超级用户查看用户列表等操作,且页面之间可以互相转跳(注册页面注册完成后自动进入登陆页面,用户登陆后自动进入主页等操作。)
在这里插入图片描述
首先将需要多次使用的html基模板编写完成(包括导入本地bootstrap样式和外部js样式,页面的标题信息,登陆状态,flash闪现信息等)。
编写基模块使用的主要有:

- flask项目静态文件的导入:
静态文件导入有两种方法:
	一: <link href="/static/css/bootstrap.css" rel="stylesheet">   #绝对路径导入
	二:<link href="{
  { url_for('static', filename="css/bootstrap.css") }}" rel="stylesheet">  #url_for 根据名称导入(实用性更强,因为在使用时导入文件的路径有可能会变化)
  • 1
  • 2
  • 3
  • 4
- flask链接的导入:

flask链接导入通常在页面转换时使用。

链接导入的两种方法:
	 <a href="/register/">注册</a>
	<a href="{
  { url_for('login') }}">登录</a>
	# 根据视图函数动态的去查找路径;
    <a href="{
  { url_for('delete', username="root") }}">删除</a>  === /delete/root/
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
- 消息闪现模块:
  1. 如何实现消息闪现:
    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">&times;</span></button>
        {
  { item }}
    </div>
{% endfor %}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
- Bootstrap样式:

使用前先将Bootstrap样式和js样式放到指定目录下:
新建doc文件,将bootstrap样式存入:
在这里插入图片描述

  1. 什么是Bootstrap?
    Bootstrap(http://getbootstrap.com/)是 Twitter 开发的一个开源框架,它提供的用户界面组件可用于创建整洁且具有吸引力的网页,而且这些网页还能兼容所有现代 Web 浏览器。

  2. Flask中如何集成Bootstrap?
    使用 pip 安装Flask-Bootstrap 的 Flask 扩展,简化集成的过程。
    from flask.ext.bootstrap import Bootstrap
    bootstrap = Bootstrap(app)
    在这里插入图片描述

  3. 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
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/191453
推荐阅读
相关标签
  

闽ICP备14008679号