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

本文介绍了如何使用Flask框架构建一个包含主页、登录、注册、用户信息查看与删除以及文件上传功能的网站。涵盖了静态文件导入、链接设置、消息闪现、Bootstrap样式集成、用户session管理和装饰器的使用等方面。
摘要由CSDN通过智能技术生成

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 根据名称导入(实用性更强,因为在使用时导入文件的路径有可能会变化)
- flask链接的导入:

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

链接导入的两种方法:
	 <a href="/register/">注册</a>
	<a href="{
  { url_for('login') }}">登录</a>
	# 根据视图函数动态的去查找路径;
    <a href="{
  { url_for('delete', username="root") }}">删除</a>  === /delete/root/
- 消息闪现模块:
  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 %}
- 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_attribs 《body》 标签的属性
body 《body》 标签中的内容
navbar 用户定义的导航条
content 用户定义的页面内容
scripts 文档底部的 JavaScript 声明

程序需要向已经有内容的块中添加新内容,必须使用 Jinja2 提供的 super() 函数。

{% block scripts %}
{
  { super() }}
<script type="text/javascript" src="my-script.js"></script>
{% endblock %}

推荐使用Bootstrap中文网进行学习。

- 用户session信息的保存:

了解session之前首先要明白session和cookie的区别和联系:
cookie: 客户端浏览器的缓存;
session: 服务端缓存
;
1). **********session的作用是什么?
Session 对象存储特定用户会话所需的属性及配置信息。这样,当用户在应用程序的 Web 页之间跳转时,存储在 Session 对象中的变量将不会丢失,而是在整个用户会话中一直存在下去。当用户请求来自应用程序的Web 页时,如果该用户还没有会话,则 Web 服务器将自动创建一个 Session 对象。当会话过期或被放弃后,服务器将终止该会话。Session 对象最常见的一个用法就是存储用户的首选项。

from flask import  Flask, session
import  random
app  = Flask(__name__)
app.config['SECRET_KEY'] =  random._urandom(24)
# 设置是24位的字符, 每次运行服务器的secret_key都是不同的,
# 服务器重启后会清除上一次存储的session信息值;

2). ******设置session值;
包括设置session的key-value值:session[‘key’] = ‘value’
获取session:session.get(‘key’)
session删除信息:session.pop(‘key’)

@app.route('/')
def index():
    # 如何设置session的key-value值
    session['name'] = 'westos'
    return "hello world"

@app.route('/get/')
def get():
    # 3). *********如
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值