资讯专栏INFORMATION COLUMN

[译]Flask教程--静态文件

sf190404 / 1341人阅读

摘要:一个应用经常需要或之类的静态文件来帮助网页更好的展示内容通常服务器被用来提供这种静态文件服务但在程序的开发阶段这些文件需要被放置在应用根目录下的文件夹中启动后使用时前缀以开头在下面的例子中文件中定义了一个函数这个函数在中可以被一个按钮的事件

一个web应用经常需要javascript或css之类的静态文件来帮助网页更好的展示内容. 通常, web服务器被用来提供这种静态文件服务, 但在Flask程序的开发阶段, 这些文件需要被放置在Flask应用根目录下的static文件夹中, 启动后使用时url前缀以/static开头.

在下面的例子中, hello.js文件中定义了一个javascript函数, 这个函数在index.html中可以被一个按钮的OnClick事件触发. 而这个Flask应用在被访问到"/" url时将index.html渲染.

from flask import Flask, render_template
app = Flask(__name__)

@app.route("/")
def index():
   return render_template("index.html")

if __name__ == "__main__":
   app.run(debug = True)

index.html如下:


   
      
   
   
      
   

hello.js如下:

function sayHello() {
   alert("Hello World")
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/40881.html

相关文章

  • []Flask教程-模版

    摘要:我们可以让绑定到某个的函数返回比如下面的代码中函数会返回由包裹的字符串但大家看得出这样直接通过代码返回内容显得很笨尤其当我们碰到需要对输入变量做条件判断和循环时我们经常需要做字符串嵌入拼接这种体力活这种情况下我们需要利用自带的模版引擎我们可 我们可以让绑定到某个URL的函数返回HTML. 比如下面的代码中, hello()函数会返回由包裹的Hello World字符串. from fl...

    jifei 评论0 收藏0
  • []如何使用Flask开发一个增删改查的应用

    摘要:教程译文首发自我的博客我们将创建一个简单的数据库驱动的笔记本应用。本教程面向想学习如何使用开发网站或者应用的初学者。在刚创建的文件中,创建一个名为的文件。现在,我们将创建一个函数,并且使用装饰器将它绑定到一个上。 showImg(https://segmentfault.com/img/remote/1460000006765797); 教程译文首发自我的博客:Defshines Bl...

    tianlai 评论0 收藏0
  • []Flask教程--请求对象

    摘要:在中,页面发送过来的请求到了服务器这边,被转换成为一个全局请求对象。我们为了处理这个请求对象,需要从包中引用它。这个请求对象重要的属性如下这个字典对象的键值对分别代表请求中表单的参数和值。 在Flask中,web页面发送过来的请求到了服务器这边,被转换成为一个全局请求对象。我们为了处理这个请求对象,需要从Flask包中引用它。这个请求对象重要的属性如下: form 这个字典对象的键...

    邹强 评论0 收藏0
  • []如何使用Flask开发一个增删改查的应用(part2)

    摘要:获取成为开发专家的技巧。我们可以在两个文本框输入笔记的标题和内容。在本教程中,我们将使用一个名为的工具。它是一个火狐浏览器的扩展,我们可以使用它管理数据库。安装,打开火狐浏览器,点击,然后点找到的文件夹图标并点击它。 showImg(https://cdn-images-1.medium.com/max/600/1*Ou6FFJJD3zhcIUU8wBZqIw.png); 教程译文首发...

    adam1q84 评论0 收藏0
  • []Flask教程--重定向与错误

    摘要:类有一个方法当我们调用它时它会返回一个响应对象并且按指定的状态码将用户重定向到另一个位置方法的原型如下在上面的函数中我们要重定向的位置状态码会在头中发送给浏览器默认为用这个参数来初始化响应对象下面是一些标准的状态码重定向的状态码默认是也就是 Flask类有一个redirect()方法. 当我们调用它时, 它会返回一个响应对象并且按指定的状态码将用户重定向到另一个位置. redirect...

    leap_frog 评论0 收藏0

发表评论

0条评论

sf190404

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<