【Flask】指定前端文件路径以及静态文件路径

flask 默认的 前端路径再 templates下,静态文件再 static下

如果不移动或者修改 app默认路径,可以直接这样写:

app = Flask(__name__)
如果有修改,可以这样写:
app = Flask(__name__,template_folder='../xxxx',static_folder="../xxxx")
#template_folder='../xxxx' 指 前端文件的目录
#static_folder="../xxxx"  指 静态文件的目录
不然会报错,如 TemplateNotFound 、Uncaught SyntaxError: Unexpected token <  等实际文件存在却找不到的错误
要使用 Flask 实现前端展示,需要做以下几个步骤: 1. 安装 Flask:可以通过 pip 工具来安装 Flask,命令为:`pip install flask` 2. 编写 Flask 应用程序:在 Python 文件中编写 Flask 应用程序,包括路由、视图函数等。 3. 编写 HTML 模板:使用 HTML 和 CSS 编写网页模板,可以使用模板引擎(如 Jinja2)来将模板与 Flask 应用程序集成。 4. 指定静态文件路径:在 Flask 应用程序中指定静态文件路径,如 CSS 样式表、JavaScript 脚本等。 5. 运行 Flask 应用程序:使用 Flask 提供的 `run()` 方法来启动应用程序,然后在浏览器中输入对应的 URL 即可访问网页。 一个简单的 Flask 应用程序可以像这样编写: ``` from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') if __name__ == '__main__': app.run() ``` 在这个例子中,我们创建了一个名为 `app` 的 Flask 应用程序,并定义了一个 `/` 路由,当用户访问该路由时,会调用 `index()` 函数来处理请求,并使用 `render_template()` 方法加载名为 `index.html` 的模板文件。最后,通过 `app.run()` 方法来启动应用程序。 在 `index.html` 模板文件中,可以使用 HTML 和 CSS 来编写网页的内容和样式,如下所示: ``` <!DOCTYPE html> <html> <head> <title>Welcome to Flask</title> <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> </head> <body> <h1>Hello, Flask!</h1> </body> </html> ``` 在这个例子中,我们使用了 Flask 提供的 `url_for()` 方法来指定静态文件路径,其中 `filename` 参数指定了要加载的 CSS 文件名。注意,在 Flask 应用程序中,静态文件通常存放在 `static` 目录下。 通过以上步骤,就可以使用 Flask 实现前端展示了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值