基于python flask的web服务

基本例子

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;不缩放

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值