链接管理和静态文件

简介: 模板中的链接管理模板中导航条可以包含不同页面的链接。虽然可以直接在模板中编写简单路由的链接,但是对于动态路由就比较麻烦,而且直接编写URL会对代码定义的路由产生不必要的依赖。

模板中的链接管理

模板中导航条可以包含不同页面的链接。虽然可以直接在模板中编写简单路由的链接,但是对于动态路由就比较麻烦,而且直接编写URL会对代码定义的路由产生不必要的依赖。
假设app.route('/')改成了app.route('index'),虽然视图函数没变,但是模板中'/'部分都要改成'index'。为了避免这些问题,Flask提供了url_for辅助函数。

url_for()函数最简单的用法是以视图函数名(或者app.add_url_route()定义路由时使用的端点名)作为参数,返回对应的URL.
我们编写的hello.py的'/'对应是index,所以url_for('index')会返回'/'

如果是动态地址,则为url_for('uesr',name='xzg')返回为/user/xzg

静态文件

模板所用的css,js,images等文件存放在static文件中(与hello.py)同级
引用时调用url_for('static',filename='xxx/xxx.xxx')


以上便是一个建立最基本网站所需的方法。

目录
相关文章
|
6月前
|
前端开发
前端跳转链接报错403的原因以及解决方案
前端跳转链接报错403的原因以及解决方案
1036 1
|
6月前
|
JavaScript 开发者 UED
静态网站生成:使用VuePress建立静态文档网站
【4月更文挑战第24天】VuePress是一款基于Vue.js的静态网站生成器,适用于构建文档类网站,以其Markdown渲染和Vue组件支持深受喜爱。要使用VuePress搭建静态文档网站,首先确保安装Node.js和npm,然后全局安装VuePress。创建项目,编辑Markdown文件,自定义样式和配置,通过`vuepress dev`启动本地服务器预览,最后用`vuepress build`生成静态文件进行部署。VuePress简化了内容创建和网站定制,是开发文档网站的理想选择。
132 4
|
6月前
|
JavaScript 前端开发 容器
如何使用Contentlayer和Tocbot创建博客网站目录?
如何使用Contentlayer和Tocbot创建博客网站目录?
82 0
|
11月前
【博客项目】—模板资源外链的路径(三)
【博客项目】—模板资源外链的路径(三)
|
12月前
|
安全 JavaScript 前端开发
如何下载博客模板部署在自己的服务器上
如何下载博客模板部署在自己的服务器上
56 0
|
C#
如何在 C# 项目中链接一个文件夹下的所有文件
在 C# 项目中通过链接方式引入文件可以让我们在项目中使用这些文件中的代码。常见的比如链接 AssemblyInfo.cs 文件,这样我们就可以在项目中使用这个文件中的版本号等信息。但是如果我们想要链接一个文件夹下的所有文件,该怎么做呢?今天我们就来看看如何在 C# 项目中链接一个文件夹下的所有文件。
125 0
如何在 C# 项目中链接一个文件夹下的所有文件
|
存储 网络协议 定位技术
部署Netlify站点博客
部署Netlify站点博客
244 0
部署Netlify站点博客
|
Serverless 数据库 SEO
装饰Hexo博客以及部署个人站点
装饰Hexo博客以及部署个人站点
134 0
|
Devops Serverless 网络安全
使用新版 CODING 静态网站服务 创建 Hexo 博客
产品介绍 CODING 静态网站服务是 CODING 联合腾讯云 Serverless 团队,为开发者提供的便捷、稳定、高拓展性的静态网站资源托管服务。无需自建服务器,即可一键部署网站应用,将静态网站分发至全网节点,轻松为您的网站业务增添稳定、高并发、快速访问等能力。
896 0
使用新版 CODING 静态网站服务 创建 Hexo 博客
|
JavaScript 搜索推荐 前端开发
VuePress 博客之 SEO 优化(二)重定向
本篇讲讲 SEO 与重定向。
207 0
VuePress 博客之 SEO 优化(二)重定向