Pycharm+Flask编写网页基本入门

先用pycharm生成flask文件Pycharm+Flask编写网页基本入门_第1张图片
我已经生成好了,生成完之后会有一个单独的app.py文件,感觉是把所有功能全都放在一起 ,对于初学者来讲感觉会对代码不明确,代码是这样的

from flask import Flask
app = Flask(__name__)

@app.route('/')

def hello_world():
    return 'Hello World!'

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

为了让项目架构更清晰,我把项目目录改成了这样
Pycharm+Flask编写网页基本入门_第2张图片
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文件啦,废话不多说,我们还是直接来看代码:




    
    Title


{{user.name}}

建立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就绑定成功啦!

你可能感兴趣的:(flask)