501-820495-static_静态文件_渲染模板_模块.sy.md

show	version	enable_checker
step	1.0	true

flask 最小应用

回忆上次

• 上次 实现了
  • 动态 分配路由的 效果
• 可以 把路由工作
  • 动态地 分配给不同的文件 来处理
  • 这样就 可以实现 模块封装 了
    • 不同模块的 py文件
    • 放到不同的 文件夹
• 路由规则中
  • 始终有一个
  • 映射到static文件夹的
  • 路由

• 这如何理解？🤔

建立环境

mkdir my_flask
cd my_flask
vi app.py

• 编辑 app.py

from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello_world():
    return "<p>Hello, oeasy!</p>"

if __name__ == "__main__":
    app.run(debug=True,host="0.0.0.0",port=8080)

• :wq
  • 保存并退出

进行访问

• 在后台运行app.py
  • 并将输出追加到 flask.log

nohup python3 app.py >> flask.log 2>&1 &
firefox http://localhost:8080/

• 打开浏览器访问

• ctrl+c
  • 结束火狐浏览器

静态文件夹

pwd
mkdir static
cd static 
vi login.html

• 在my_flask下
  • 建立静态网页文件夹
  • static

编写

• 编写login.html

<form action="/login">
	username:<input name="username"/><br/>
	password:<input name="password"/><br/>
	<input type="submit">
</form>

• 保存并退出

firefox http://localhost:8080/static/login.html

• 尝试用火狐访问网页

访问结果

• 静态文件确实可以访问了

• 静态文件
  • 无需后台处理
  • 直接返回源文件

路由

• 所有的交互
  • 都是用户 使用url 完成的
• url 是
  • universal resources locator

• 注意所有的交互
  • 都基于url！！！

路径细节

url细节

• 根据一个url
  • 得到网站的路径

总结

• 这次 了解到了
  • 静态文件
• 静态文件
  • 位于前端
• py文件
  • 位于 后端
• 什么是 前端、后端 呢？🤔
• 下次再说