hai
创建一个app.py文件,写入代码
from flask import Flask, render_template, request, jsonify
#创建Flask对象app并初始化
app = Flask(__name__,static_url_path='',root_path='')
#通过python装饰器的方法定义路由地址
@app.route("/")
#定义方法 用jinjia2引擎来渲染页面,并返回一个index.html页面
def root():
return render_template("index.html")
#定义app在55279端口运行
app.run(port=55279)#真正运行时不要debug=True
在创建 flask 实例时,注意渲染模板文件 template_folder, 静态文件 static_foler、static_url_path 这三个参数。
修改的flask默认的static文件夹只需要在创建Flask实例的时候,把static_folder和static_url_path参数设置为空字符串即可。
在未指定这三个参数的情况下,会默认搜索 “ templates ” 文件夹下的页面模板;默认搜索 “ static ” 文件夹的CSS JS等静态配置。直接修改template_folder参数,免去了修改HTML文件中各个相关文件的路径
注意:./为同级目录 ../为上级目录
注意app.py文件与static templates 文件,必须在同一级别,不在同一级别无法访问
Flask总是打开上一个py文件的网页
原因:端口被反复占用,无法自动终止上一个进程,需要手动终止
方法; win+R cmd
1、终端命令行输入netstat -ano,查看端口使用情况
2、携带端口号查询 netstat -ano|findstr “5000”,占用的pid
3、杀掉对应pid,taskkill /pid 9828 /f 9828为进程号
完成后重新运行程序即可打开最新的网页
或者
这个为红色,表明正在运行,如果有多个正在运行,点击后可以选择关闭
注意点
1.
2.
使用jinja2时,前端的html文件不要可以写注释,否则会报错
3.使用flask表单
需要导入包: wtforms flask-wtf
注意 :pip时,写flask-wtf
导入包时,写flask_wtf
使用navicat
网上直接下载,下载完成后,开始进行连接
先 win+R 进入cmd
mysql -u root -p
输入密码
然后,常见数据库,因为有中文,所以要设置编码
create database flaskdb//创建数据库 flaskdb
default charset utf8;//设置编码为utf8
4.在社区版pycharm中设置jinja2
Jinja2语法自动补全配置
说明
- 在使用Pycharm社区版进行Web开发时,Jiaja2的语法是不会自动提示补全的,为了提高开发效率,需要根据个人习惯进行一些常用语法的自动补全配置,具体如下。
配置
步骤一
为了避免和原先其它配置相混乱,方便以后的添加及查看,我们需要建立自己的分组。
在文件-->设置-->编辑器下找到实时模板,点击右侧'+'选项,接着选择'2.Templates Group...'选项新建一个分组,并将其命名为'Jinja2',完成后左侧会显示名为'Jinja2'的分组,如图所示。
步骤二
选中左侧'Jinja2'分组后,点击右侧'+'选项,选择'1.动态模板 选项。
步骤三
完成'缩写'、'描述'、'Template '三处地方的填写。
- Abbreviation:即缩写,填入你想要自动补全的语句的缩写形式。如:我想要在html文件中输入
{#
后按下某个快捷键(默认是Tab),让Pycharm给我补全为'Template text'中的内容,那么我就在这里填写{#
。 - Description:用来描述当前这个'Abbreviation',你可以填写任何你想要描述的内容。在这里,我填写的是
{# comment #}
。 - Template text:补全后的内容。在这里,我填写的是
{# $comment$ #}
。类似于$comment$
这样的变量可以在补全后,让光标定位到该处,接着你可以在该处键入你想要的内容然后按下回车,如果有另一个类似但非$comment$
的变量,则按下回车后光标会定位到该变量,直至遍历完所有不相同的变量。如果没有$END$
,则遍历完后光标会定位到'Template text'中内容的末端;如果有$END$
,则遍历完后光标会定位到$END$
处。(注意:$END$
只能是大写形式)
步骤四
点击下方的'定义'选项,选择'HTML',表示将该自动补全功能应用于HTML文件中。
步骤五
如果你在'Template text'中和我一样使用了类似$comment$
这样的变量,那么右侧的'编辑变量'按钮是可以点击的。点击之后,在弹出的界面中,可以在'默认值'这一列为相应的变量'comment'赋予默认值。(注意:'Default value'里的默认值要加上双引号"")
如要添加其它的Jinja2语法的自动补全功能,只需重复上述的步骤二至步骤五