基本例子
from flask import Flask
app = Flask(__name__)
@app.route('/')#检查访问的网址，根路径走这里
def hello_world():
return 'hello world'#返回hello world
if __name__ == '__main__':
# 绑定到指定的IP地址和端口
app.run(host='0.0.0.0', port=1000, debug=True)##绑定端口1000；打开调试模式；
#‘0.0.0.0’表示所有网段都可访问，‘127.0.0.1’表示只有本地可以访问
运行脚本，即可访问1000端口
返回一个html页面
python
from flask import Flask,render_template
app = Flask(__name__,template_folder='html')#这里指明html存放路径为html目录下，默认是在template目录下
@app.route('/')
def hello_world():
return render_template('main.html')
if __name__ == '__main__':
# 绑定到指定的IP地址和端口
app.run(host='0.0.0.0', port=1024, debug=True)
html,需要放在html目录下，名字为main.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flask App</title>
</head>
<body>
<h1>Welcome to My Flask App</h1>
<p>This is a sample HTML page.</p>
</body>
</html>
Html 简单知识
HTML（超文本标记语言）是一种用于创建网页的标记语言。它由一系列标签组成，这些标签描述了网页中的内容的结构和语义。HTML 是 Web 页面的基础，用于定义页面的结构、内容和布局。
HTML 使用标签来描述页面中的各种元素，例如标题、段落、链接、图像等。每个标签都由尖括号 < 和 > 包围，并且可以包含属性和属性值。标签通常成对出现，分为起始标签和结束标签，结束标签在标签名前添加一个斜杠 /。
<!DOCTYPE html>：声明 HTML 的文档类型。
<html>：HTML 文档的根元素。
<head>：包含文档的元数据，如标题、样式表和脚本。
<title>：定义页面的标题，显示在浏览器的标题栏中。
<body>：包含页面的主要内容，如文本、图像、链接等。
<h1>：定义一个一级标题。
<p>：定义一个段落。
<a>：定义一个链接。
<img>：定义一个图像。
返回一个含有图片的静态界面
python
from flask import Flask,render_template, send_from_directory
app = Flask(__name__,template_folder='html')
# 注册新的静态文件目录
@app.route('/html/photo/<path:filename>')
def custom_static(filename):
return send_from_directory('html/photo', filename)#这里我修改了图片存在的路径，默认路径是static
@app.route('/')
def hello_world():
return render_template('main.html')
if __name__ == '__main__':
# 绑定到指定的IP地址和端口
app.run(host='0.0.0.0', port=1024, debug=True)
这里图片要放到 html/photo下，代码中修改了路径
html: html/main.html
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<a href="http://127.0.0.1:1024/">这是一个超链接</a>
<img src="{{ url_for('custom_static', filename='image.jpg') }}" alt="image" width="800" height="600">
</body>
</html>
{{ url_for(‘custom_static’, filename=‘image.jpg’) }} 这个表示自动去获取路径，文件名为 image.jpg
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这个用来标识页面在不同设备中显示用的，关键字viewport； 设置宽度为设备宽度，设置缩放比例为1；不缩放
