flask的新建 引入功能包 工作原理 debug如何开启 文件指向 css路径的注意点 获得表单数据

flask框架

工作原理

通过访问@app.route(‘网址后缀’)网址,去执行app里我们设置好的函数, return render_template(“index.html”,bog =name),输出给前段一个html网页或者返回一个值。(一般是网页)

路径注意点:

**/ 的开始就是templates这个文件内。**如果没返回网页,就直接输出值。

如何兴建一个flask项目

直接新建项目flask,写入文件位置

项目文件说明

static :css js文件网页渲染(css的样式要放在这个文件夹,然后必须在网页中修改css的路径才可以渲染网页)

templates : 模板(网页文件)

@app.route('/')#路由,标志文件的地址 /代表根目录
def hello_world():    #函数名可以随便
    return 'Hello World!'#返回一个值。

@app.route(’/’) /代表根目录,类似网页的index,

主要是路由括号里的路径

@app.route(路径)相当于网址http://127.0.0.1:5000/ 路径

如何开启debug调试模式:

pycharm右上角运行旁边Flask(app.py)点击,

下拉栏有Edit Config。 打开界面,找到Flask debug调试模式

在这里插入图片描述

如何网址传参数:

在路由(路径)里做 “/”,这个路由route <内容>就可以是参数。网址传递值 给函数应用

在这里插入图片描述

路由的方法重载

会根据路径后缀的类型,自动选择对应的路由调用方法。

在这里插入图片描述
)]

路由路径注意点:

访问路径只是是唯一的。

路由只能通过路径在调用特定的函数。

如何调用网页内容(重要)

如果要引入模板,必须要引入包render_template

需要引入render_template包

使用render_template(”网页路径“)方法。

好调用存放在template目录里面的html文件

在这里插入图片描述

文件的路径设置

在这里插入图片描述

如何往html里传参数(重要)

return render_template(“index.html”,给html变量 =函数name)

@app.route('/')
def hello_world():
    name ="我就是我,不一样的烟火"    
    return render_template("index.html",name =name)
在html文档里用{{ 普通变量 }}

在这里插入图片描述

变量名不同,反正都是一样的。

@app.route('/')
def hello_world():    
    name ="我就是我,不一样的烟火"    
    return render_template("index.html",bog =name)

只是一种格式i而已。{{bog}}变量变化就相当于render_template给你一个网页,还把{{bog}}这个参数给你替换成 函数 输出的数值

在html文档里用语句

格式

控制语句的实现,for 跟 if 而已。没有其他

{% for data in li %} 用大括号百分号括起来
《br》{{ data }}《/br》 中间可以加html的符号
{% endfor %} for循环必须有结束

列表的for循环

在这里插入图片描述

在这里插入图片描述

字典的for循环

在这里插入图片描述

用 字典.item()方法将字典的key 跟 值 分成两种list列表,进行遍历

如何获取表单数据

在这里插入图片描述

pycharm替换快捷键

ctrl+r 替换,有时候需要批量更改css存放的地址。

echars使用

必须在网页头部加载echars的 JS渲染文件。

几个注意点

官网中到git去下载,echars.js echars min.js …很多种

并在头部声明

在这里插入图片描述

存放容器

在这里插入图片描述

给echars的列表转字符串

列表内如果是字符串在页面中的处理方法。

必须跟原来的样式源码一样的格式才会显示(踩坑)

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值