最近做了一个网站,用到了flask框架,在我的理解当中,这个框架包含了前端和后端,在pycharm中新建一个flask项目时,会有两个文件夹和一个app.py,两个文件夹一个放html,另一个放js,css,img之类的,总体结构如下:
前端的就包括那两个文件夹,后端的就是这个py(当然还有数据库)。
前端的代码就是html,css,js之类的东西,这里就不累述了,在w3c school上有详细的介绍。主要是后端这个app.py文件。里面是这样的:
from flask import Flask
app = Flask(__name__)
@app.route('/')
def hello_world():
return 'Hello World!'
if __name__ == '__main__':
app.run()
我们主要关注的是中间蓝色代码开始的三行,其他的东西都是初始化之类的,不用管,照用就行了,如果要引入其他模块,在头部import即可,和普通的py程序没啥差别。
这三行第一行是路由,单引号里面的就是url,就是说进入这个url之后执行下面这个hello_world函数,在页面上打印出'Hello World!'
需要注意的是,这里默认的是127.0.0.1:5000/这个url,如果需要用其他端口也在w3c school上看一下就知道怎么改了。
还要注意的是,前端的代码引入js,css,img之类的时,应该如下方式引入:
引入js:
<script src="{{ url_for('static', filename = 'js/form.js') }}"></script>
引入css:
<link rel="stylesheet" href="{{ url_for('static', filename = 'css/bootstrap.min.css') }}">
引入图片:
<img src="{{ url_for('static', filename = 'img/TIM.png') }}" alt="" height="172">
基础的东西大概就这些,很简单,主要是之后的前后端怎么交互的问题,接下来慢慢叙述。