创建更多页面

简介: 在自定义base.html的基础上继续工作。主页templates/index.html{% extends 'base.html' %}{% block page_content %}hello world!{% endblock %}其他页面templates/user.

在自定义base.html的基础上继续工作。

主页templates/index.html

{% extends 'base.html' %}
{% block page_content %}
<h1>hello world!</h1>
{% endblock %}

其他页面templates/user.html

{% extends 'base.html' %}
{% block page_content %}
<h1>hello {{ name }}</h1>
{% endblock %}

错误页面templates/404.html

{% extends 'base.html'%}
{% block page_content %}
<h1>页面不见了</h1>
{% endblock %}

错误页面templates/5500.html

{% extends 'base.html' %}
{% block page_content %}
<h1> 内部错误</h1>
{% endblock %}

在hello.py中定义相应的视图函数,此时hello.py变成如下模样

from flask import Flask, render_template
from flask.ext.bootstrap import Bootstrap
from flask.ext.script import Manager

app = Flask(__name__)
bootstrap = Bootstrap(app)
manager = Manager(app)

@app.route('/')
def index():
    return render_template('index.html')
    
@app.route('/user/<name>')
def uesr(name):
    return render_template('user.html',name=name)   

@app.errorhandler(404):
def page_not_found(e):
    return render_template('404.html'), 404
@app.errorhandler(500):
def internal_server_error(e):
    return render_template('500.html'), 500
    
if __name__ == '__main__':
    app.debug = True
    manager.run()
注意
  • 由于加载manager,所以启动方式改为Python hello.py runserver 后面可以接多个参数。
  • errorhandler是flask专门处理错误信息的装饰器
  • 这里的页面过于简陋,可以自己根据官方文档进行美化
目录
相关文章
|
6月前
|
JavaScript
点击图片返回页面顶部的案例
点击图片返回页面顶部的案例
|
27天前
|
数据采集 搜索推荐 UED
什么是404页面
404页面,也被称为“未找到页面”,是当用户尝试访问一个不存在的网页时,服务器返回的一个错误页面。这个页面告诉用户他们请求的页面不存在或无法找到,通常是因为输入了错误的链接或请求的页面已被删除或移动
|
4月前
|
JavaScript
若依修改---白名单怎样添加,怎样在初始化页面初始为自己的页面
若依修改---白名单怎样添加,怎样在初始化页面初始为自己的页面
若依修改---白名单怎样添加,怎样在初始化页面初始为自己的页面
|
6月前
|
前端开发 jenkins 程序员
页面管理
页面管理
55 0
|
6月前
|
小程序
【每周一个小技巧】小程序如何获取页面栈内某个页面的实例
【每周一个小技巧】小程序如何获取页面栈内某个页面的实例
52 9
|
前端开发
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
|
前端开发
页面报错404
报错分析: 在之前的项目中经常会看到页面报404的错误:找不到页面,大多数情况下是文件路径写错了; 前几天在项目中,碰到了另一个错误:400错误。
103 0
|
小程序 API
【小程序】案例 - 本地生活(列表页面)
【小程序】案例 - 本地生活(列表页面)
165 0
【小程序】案例 - 本地生活(列表页面)
|
JavaScript 前端开发 搜索推荐
自定义页面的介绍|学习笔记
快速学习自定义页面的介绍
自定义页面的介绍|学习笔记