链接管理和静态文件

简介: 模板中的链接管理模板中导航条可以包含不同页面的链接。虽然可以直接在模板中编写简单路由的链接,但是对于动态路由就比较麻烦,而且直接编写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')


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

目录
相关文章
|
3月前
|
Java Spring
springboot静态资源目录访问,及自定义静态资源路径,index页面的访问
本文介绍了Spring Boot中静态资源的访问位置、如何进行静态资源访问测试、自定义静态资源路径和静态资源请求映射,以及如何处理自定义静态资源映射对index页面访问的影响。提供了两种解决方案:取消自定义静态资源映射或编写Controller来截获index.html的请求并重定向。
springboot静态资源目录访问,及自定义静态资源路径,index页面的访问
|
7月前
|
JavaScript 开发者 UED
静态网站生成:使用VuePress建立静态文档网站
【4月更文挑战第24天】VuePress是一款基于Vue.js的静态网站生成器,适用于构建文档类网站,以其Markdown渲染和Vue组件支持深受喜爱。要使用VuePress搭建静态文档网站,首先确保安装Node.js和npm,然后全局安装VuePress。创建项目,编辑Markdown文件,自定义样式和配置,通过`vuepress dev`启动本地服务器预览,最后用`vuepress build`生成静态文件进行部署。VuePress简化了内容创建和网站定制,是开发文档网站的理想选择。
145 4
|
7月前
|
JavaScript 前端开发 容器
如何使用Contentlayer和Tocbot创建博客网站目录?
如何使用Contentlayer和Tocbot创建博客网站目录?
98 0
【博客项目】—模板资源外链的路径(三)
【博客项目】—模板资源外链的路径(三)
|
7月前
|
JavaScript
uniapp 跳转外部链接
uniapp 跳转外部链接
164 0
|
安全 JavaScript 前端开发
如何下载博客模板部署在自己的服务器上
如何下载博客模板部署在自己的服务器上
62 0
uniapp-跳转外部链接
uni.navigateTo跳转到我们定义的一个内部页面,内部页面接收需要跳转到外部的URL 一、先建一个内部页面webview.vue
|
存储 网络协议 定位技术
部署Netlify站点博客
部署Netlify站点博客
257 0
部署Netlify站点博客
|
JavaScript 前端开发 Java
访问静态资源|学习笔记
快速学习访问静态资源
148 0
访问静态资源|学习笔记
|
JavaScript 搜索推荐 前端开发
VuePress 博客之 SEO 优化(二)重定向
本篇讲讲 SEO 与重定向。
211 0
VuePress 博客之 SEO 优化(二)重定向