Pycharm+Flask编写网页基本入门

最新推荐文章于 2024-05-29 11:53:04 发布

明年长到一米六

最新推荐文章于 2024-05-29 11:53:04 发布

阅读量5.9k

点赞数 4

分类专栏： flask 文章标签： python 网页

本文链接：https://blog.csdn.net/qq_36701743/article/details/89495861

版权

flask 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

先用pycharm生成flask文件在这里插入图片描述
我已经生成好了，生成完之后会有一个单独的app.py文件，感觉是把所有功能全都放在一起，对于初学者来讲感觉会对代码不明确，代码是这样的

from flask import Flask
app = Flask(__name__)

@app.route('/')

def hello_world():
    return 'Hello World!'

if __name__ == '__main__':
    app.run()

为了让项目架构更清晰，我把项目目录改成了这样
在这里插入图片描述
app文件是主模块，static用来存一些css这样的静态文件，templates用来放html文件。
app目录下的__init__.py文件主要用于初始化，代码很简单，意思是创建app应用,__name__是python预定义变量，被设置为使用本模块.后面两个都是为了让flask能找到我们的html和static文件。
我之前忘记加了static_folder=’…/static’，html引用css的时候，css一直显示404。

from flask import Flask
app=Flask(__name__,template_folder='../templates',static_folder='../static')

from app import route

注意！！from app import route一定要放在下面，我强迫症的把两个from放在一起了，就会报错，把from app import route删掉之后就会404！！！！
app目录下的route是为了建立路由，代码如下：

from app import  app

@app.route('/')
@app.route('/index')
def index():
    return "hello"

@app.route(‘/’) 这个是一个装饰器就是把url和函数绑定的方式，也就是说，我现在无论是访http://127.0.0.1:5000/ ，还是 http://127.0.0.1:5000/index 都能显示出helloworld啦
这是一种装饰器的写法，而之前有接触过django，他的写法是

def index():
    pass

# add_url_rule(url 规则, 端点名, 视图函数名)
app.add_url_rule('/', 'index', index)

这两种其实是等价的，都是为了把url和函数绑定。
之后为了不重名，把app改为了myapp,代码被改的非常简单：

from app import app

if __name__ == '__main__':
    app.run()

运行app.run()表示监听指定的端口, 对收到的request运行app生成response并返回. if name == ‘main’: 确保服务器只会在该脚本被 Python 解释器直接执行的时候才会运行，而不是作为模块导入的时候。

打完这些我们就可以点击运行看看我们的helloworld啦！

那么接下来我们进行下一步！！模板！！

css现在还不需要美化，我们就先空着，后面把他补上。
之后就是templates的index.html文件啦，废话不多说，我们还是直接来看代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>{{user.name}}</h1>
</body>
</html>

建立html时会自动生成这些代码，我们要做的就是加一行h1,接下来我们去修改一下路由的文件，继续看代码：

from app import  app
from flask import render_template
@app.route('/')
def index():
    user={'name':'qaq'}
    return render_template('index.html',user=user)

注意，这里模块里的第一个user指的是html里面的变量user，而第二个user指的是函数index里面的变量user 。
然后运行就发现我们的html和index就绑定成功啦！

明年长到一米六

关注

4
点赞
踩
27

收藏

觉得还不错? 一键收藏
8
评论
Pycharm+Flask编写网页基本入门

从今天开始写博客辣！！！！！先用pycharm生成flask文件我已经生成好了，生成完之后会有一个单独的app.py文件。为了让项目架构更清晰，我把项目目录改成了这样！app文件是主模块，static用来存一些css这样的静态文件，templates用来放html文件。...
复制链接

扫一扫