Python制作网页Day 1（一个简单的网页）

已于 2023-02-09 23:54:20 修改
阅读量2.7w 收藏 338
点赞数 42
分类专栏： Python Study 文章标签： Html 网页 Python
于 2019-07-02 12:00:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/april_town/article/details/94409928
版权

目录

1 一个简单的网页

1.1 一个简单的网页

from flask import Flask

app = Flask(__name__)

@app.route("/haha")
def haha():
    return "哈哈哈哈哈"

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

易出错：

  1. 每个有"_“的地方都有两条，即”__"。
  2. if与下划线之间需要由空格

运行。
运行成功后，可以发现*Running on 后的一串网址，点击该网址即可弹出一个网页，在网址后加上"/haha"，回车后，即可查看运行结果：

注意：

  1. 我们在网址后添加的"/haha"，是与代码中@app.route(“/haha”)相对应2、的。我们当然可以把代码改为"/hello"，在网址后加上"/hello"即可。

1.2 URL可以传参的网页

我们还可以另写一个代码块，输入不同的域名得到不同的运行结果:

from flask import Flask

app = Flask(__name__)

@app.route("/haha")
def haha():
    return "哈哈哈哈哈"
    
@app.route("/hello")
def hello():
    return "hello world!"

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

在网址后添加"/haha"，得到与上一次一样的运行结果
在网址后添加"/hello"，得到"hello world!"在这里插入图片描述

2 在本机查看运行结果

2.1 代码

from flask import Flask

app = Flask(__name__)

@app.route("/haha")
def haha():
    return "哈哈哈哈哈"

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

我们在最后一行的括号里添加了：host = ‘0.0.0.0’
运行后可以发现网址已经变成：
在这里插入图片描述
刚才我们看到的网址主要由两部分构成： IP地址：端口号
IP地址，如：202.101.105.66
端口号，如：5000

当我们打开网页并在网址后添加"/haha"时，仍然无法成功看到结果，因为我们还需要把0.0.0.0这一地址更改成电脑在局域网下的IP地址，这样就可以在本机查看运行结果。那么如何获取IP地址呢？

2.2 IP地址的获取

  1. 想要获取IP地址，可以在电脑所有程序里搜索”cmd”，打开命令提示符：
    在这里插入图片描述
  2. 输入”ipconfig”，回车：
    在这里插入图片描述
  3. 找到IPv4 地址，则该地址（红框）为在电脑所联局域网下的IP地址：
    在这里插入图片描述

注意：

  1. 电脑需要联网。如果找不到IPv4地址，可以看看是否联网。
  2. 在不同的局域网下，IP地址不同

3 可显示输入内容的网页

如果想要在hello，xxx!中的xxx处显示自己随机输入的名字，可以在代码中添加变量。以下代码只显示被改动过的五、六、七行：

@app.route("/hello/<name>")
def hello_name(name):
    return "hello,%s!" %name

可以看到，我们添加了变量name，从代码中我们可以知道，在网址后需要添加：/hello/April_town

注意：

  1. April_town：就是我们自由输入的name，希望被展示在网页中的名字（输入时，不带<>）
  2. 同时，return中的%s对应替换成后面的%name，即%s会被替换成April_town

运行结果：
在这里插入图片描述

4 字体的修饰

如果我们想对字体进行修饰，比如加粗，换颜色等等，我们可以用各种标签实现。

4.1 标签

1、标签，由一对尖括号括起来<…> ，如<strong>等等。
2、标签，往往成对出现分为开始标签和结束标签。比如：<strong> </strong> ，结束标签比开始标签多了一个’/’
3、标签可以嵌套使用，如：
<span style = 'color:green'><strong>April_town</strong></span>
它是在<strong></strong>之外，嵌套了一层<span style = 'color:green'></span>。它的总作用是对April_town加粗并改为橙色。注意，嵌套时，内层标签对应内层标签，外层标签对应外层标签，顺序不可混乱。

4.2 代码

下面我们就来验证一下上述第4点的效果：

from flask import Flask

app = Flask(__name__)

@app.route("/hello/<name>")
def hello_name(name):
    return "<span style = 'color:orange'>hello</span>,<span style = 'color:green'><strong>%s</strong></span>!" %name

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

在代码中，我们可以推测出，hello为橙色，用户自由输入的部分为加粗&绿色，',‘和’!'为默认的黑色。本次运行，依旧输入April_town的名字。

运行结果：
在这里插入图片描述

5 html模板的创建和使用

5.1 创建

在工作的文件夹下创建一个新的文件夹，并命名为templates，注意，名字不能随意取。
在这里插入图片描述

5.2 使用

  1. 在这个新的文件夹下创建html file，命名随意，这里命名为hahahaha。
    在html file下的<body> </body>区域内添加字符：
<body>
<span style = 'color:orange'>hello</span>,<span style = 'color:green'><strong>April_town</strong></span>!
</body>
  1. 回到.py的代码区，将代码做更改。
from flask import Flask,render_template

app = Flask(__name__)

@app.route("/hello/<name>")
def hello(name):
    return render_template('hahaha.html')

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

请注意观察第一行：from flask import Flask,render_template
和第七行： return render_template('hahaha.html')

运行结果：
在这里插入图片描述
可以发现，我们并没有在.py文件中直接输出字符，而是调用了hahaha.html，输出了html文件中的字符。

但是我们也发现，用户自己输入的name:aaaaaa并没有起作用，为了让aaaaaa传入html中显示出来，我们需要在两文件之间用一个变量联系起来，这个变量命名随意（最好与原变量name区分开来），如namex，它的作用是接受name所赋的字符，然后在html中替换{{namex}}。

.html文件：

<body>

<span style = 'color:orange'>hello</span>,<span style = 'color:green'><strong>{{namex}}</strong></span>!
</body>

.py文件:

@app.route("/hello/<name>")
def hello(name):
    return render_template('hahaha.html',namex=name)

运行结果：
在这里插入图片描述

5.3 html文件中的图片插入

  1. 在工作文件夹下，按层级依次创建static文件夹、image文件夹
    在这里插入图片描述

  2. 将图片拖入image文件夹中，或者复制粘贴至文件夹中。
    在这里插入图片描述
    注意：

    • 图片命名最好不要出现中文字符和数字字符，因为在运行时，可能无法显示图片而只显示一个图标
    • 若图片做拖入处理，很可能导致图片在原文件夹中丢失，所以尽量做复制粘贴操作，或从网页复制。

  3. 在html文件中的代码：（添加了第二行代码）
    在这里插入图片描述

'image/DSC_0458.jpg'     是文件的路径

在.py文件中运行。运行结果：
在这里插入图片描述

四月青城
关注
专栏目录
通过Python实现一个简单的html页面
09-16
主要介绍了通过Python写一个简单的html页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
爬虫技术做到哪些很酷很有趣很有用的事情
screaming的博客
03-18 3万+
能利用爬虫技术做到哪些很酷很有趣很有用的事情？ 准备学习python爬虫。各位大神都会用爬虫做哪些有趣的事情？ 今天突然想玩玩爬虫，就提了这个问题。跟着YouTube上的一个tutor写了个简单的程序，爬了一点豆瓣的数据。主要用到request和bs4（BeautifulSoup）模块。虽然简陋，毕竟是人生中的第一只爬虫啊……以示纪念，代码写在博客里了：我的第一只爬虫：爬取豆瓣读书
新手入门web，python，flask示例（做一个简单的网页界面）
最新发布
vh62505的博客
09-14 477
Flask 应用将在 上运行。打开浏览器访问该地址，你将看到主页。点击 “About” 链接可以导航到关于页面。（示例图片）：你可以使用任何图片并将其命名为。如果没有具体的图片，你可以使用。1. 创建 Flask 应用程序 （，并将所有文件放置在相应的位置。3. 创建 HTML 模板。
基于python语言的网页设计（手把手教你设计一个个人博客网站）
2401_83155259的博客
07-02 2696
设计网页的思路涉及多个方面，从前端的页面结构和样式，到后端的数据处理和逻辑实现。
Python搭建网站的基本模板,Python搭建网站数据库
chatgpt001的博客
12-15 2025
要掌握 Django，必须了解 Django 的 MTV 模型，这是非常重要的内容，不管是 Django1 还是 2 以及后面正在更新的 3 系列，MTV 模型是永远不会变的。M：「Model」 模型，数据管理T：「Template」 模板，网页展示V： 「View」 视图，逻辑控制这三者是 Django 的网页的运行机制，下面单独介绍下 MTV 每个模板的功能。Model 模型，是负责管理数据的。每个网站都需要有数据库用于存储网站数据，网站需要展示数据时，也需要从数据库查询并读取数据。
使用python开发一个简易的网页
07-27 1万+
接下来，我们可以使用 PyQt5 中的 QWebEngineView 控件来实现浏览器的基本界面。以下是一个基本的 Python 代码示例，该示例创建一个带有地址栏和用于浏览网页的控件的简单浏览器窗口。这个例子中，我们创建了一个工具栏来放置前进、后退、刷新和添加到书签的按钮，并将它们连接到相应的操作。
python制作简单网页_怎么用python简单的制作一个网页
热门推荐
weixin_36199877的博客
03-02 3万+
用python简单的制作一个网页的方法和详细的操作步骤如下：1、首先，打开sublime text 3并创建一个新的PY文件，如下图所示。2、其次，import os，因为涉及系统文件的路径，因此首先在此处导入系统模块，如下图所示。3、接着，html = open("E:\\Download\\new\\new.html", "w")，创建一个变量，然后设置文件名，注意用w写方式，创建一个新的HT...
python制作简单网页_用python制作简单网页
weixin_39750195的博客
11-21 3958
Django项目是一个定制的框架，可以和Python一起相结合制作网页。Django框架是用于创建模型的对象关系映射，也是为最终用户设计完美的管理界面。学习python语言的朋友可能尝试过用Django做一个网站，有的朋友可能会用bootstrap的CSS库来做，事实上做的还挺好看的。本文给大家介绍的是一个简单的网页制作，利用python Django来做的，下面我们一起来看看吧。1 、创建一个d...
如何使用Python制作网站？
weixin_34372728的博客
06-14 6680
网站/ Web应用程序包含两个主要部分。前端：客户端。后端：服务器端。前端/客户端只不过是您在浏览器上看到的用户，即网页，布局，图像以及按钮和徽章等小部件。设计我们需要的任何网站/ Web应用程序的前端 HTML：在我们的网页上添加标题，文字，段落等元素。这是一个普通HTML网站的常规网站：很平淡无聊，不是吗？为了使事物更好看并添加颜色，我们使用称为CSS或层叠样式表的内容来...
python可以开发网页吗_请问python可以进行web开发，可是网页是什么网页？
weixin_39703926的博客
11-21 952
Python是可以开发网站的，国内的豆瓣就是典型的Python开发的；使用python Django做网页的步骤：1 、创建一个django项目（使用django-admin.py startproject MyDjangoSite ）2、建立视图from django.http import HttpResponsedef hello(request): return HttpResponse(...
python网页制作
08-19
- *1* *2* *3* [Python制作网页Day 1（一个简单的网页）](https://blog.csdn.net/April_town/article/details/94409928)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...
day06_markdown_python教程_
10-01
此外，Markdown也常用于Jupyter Notebook，这是一个流行的交互式Python环境。在Notebook中，用户可以混合编写Markdown和Python代码，从而轻松创建带有注释、公式和图表的报告或教程。 总结一下，"day06_markdown_...
2024年Python最全Python数据分析 之 制作酷炫的可视化大屏，特简单(1)
2401_84584831的博客
04-30 1414
Python崛起并且风靡，因为优点多、应用领域广、被大牛们认可。学习 Python 门槛很低，但它的晋级路线很多，通过它你能进入机器学习、数据挖掘、大数据，CS等更加高级的领域。Python可以做网络应用，可以做科学计算，数据分析，可以做网络爬虫，可以做机器学习、自然语言处理、可以写游戏、可以做桌面应用…Python可以做的很多，你需要学好基础，再选择明确的方向。这里给大家分享一份全套的 Python 学习资料，给那些想学习 Python 的小伙伴们一点帮助！
【Python百日进阶-Web开发-Feffery】Day306 - Flask网页中嵌入多个dash应用
岳涛的博客
03-17 854
文章目录一、Flask网页中嵌入多个dash应用1.1 页面效果1.2 完整代码1.2.1 flask_app.py1.2.2 dash_app1.py1.2.3 dash_app2.py1.2.4 wsgi.py1.2.5 index.html 一、Flask网页中嵌入多个dash应用 Dash 有一个小秘密：它是在 Flask 的帮助下实现的。 事实上，Dash 实际上扩展了 Flask：每次我们制作 Dash 应用程序时，我们实际上都是在创建一个带有额外花里胡哨的 Flask 应用程序。 这听起来很合
Python爬虫1：爬虫原理、网页构造与第一个爬虫程序
wjyxld的博客
04-02 554
Python爬虫1：爬虫原理、网页构造与第一个爬虫程序 本部分介绍15篇爬虫及文本分析的相关文章，基本上学完就可以处理部分爬虫和文本。 第一讲有三个内容，包括1 爬虫原理、2 网页构造、3 第一个爬虫程序。 1.爬虫原理 （1）网络连接 网络连接像是在自助饮料售货机上购买饮料一样：购买者只需选择所需饮料，投入硬币（或纸币），自助饮料售货机就会弹出相应的商品。网络连接也正是如此，如下图所示，本...
你如何使用Python制作网站？
很酷的站长的博客
01-13 8324
在本文中，我们将讨论如何使用Python制作网站。Python 是一种 1991 年的编程语言，在过去十年中越来越受欢迎。如今，Python编码器在计算机行业中的需求量很大。Python是一种通用编程语言，这意味着它几乎可用于开发任何类型的计算机程序，包括网站。它是一种使任何开发人员受益的编程语言，因为它学习起来非常简单，同时对于一些最复杂的应用程序来说仍然足够强大。如果你想学习如何用Python设计一个网站，你需要熟悉语言以及网站是如何工作的。
再见HTML ! 用纯Python就能写一个漂亮的网页
cainiao_python的博客
07-02 1万+
我们在写一个网站或者一个网页界面的时候，需要学习很多东西，对小白来说很困难！比如我要做一个简单的网页交互：要懂后端，比如Python里面的Django或者Flask，或者是Java里面的...
Python实战——1_1.网页制作
wangishero的专栏
05-15 1万+
Python实战——1_1.网页制作引言网页的组成部分： CSS样式 - 给结构以装饰 Html - 结构部分 JavaScript- 功能实现 代码部分第一部分为网站的基本结构（在IDE中新建网页后既给出）<!DOCTYPE html> <html lang="en"> <head><!--head部分,填入给浏览器看的内容(以下文字部分均为注释)--> <meta charset="UT
python创建web网页
2301_81785487的博客
02-06 1728
Python的web端开发库有flask、Django，但flask适用于个人小项目，轻量便捷；后者适用于大公司企业级的开发使用。豆瓣、知乎就是由python搭建的。动态网站开发所需的web构件：客户端浏览器、web前端（HTML）、web服务器、服务器端编程语言（python）、数据库管理（MySQL）。1.C/S客户机/服务器，需要安装配对的软件，使用流畅体验更好；2.B/S浏览器/服务器，直接在网站登录，方便快捷。有错误之处欢迎批评指正！
Python网页开发
04-03
Python网页开发是使用Python语言进行网页应用程序开发的过程。Python提供了多种框架和库，使得开发者可以轻松地构建功能强大的网页应用。 常用的Python网页开发框架包括Django和Flask。Django是一个全功能的Web应用框架，提供了强大的数据库操作、表单处理、用户认证等功能。Flask则是一个轻量级的框架，更加灵活，适合小型项目或者快速原型开发。 在Python网页开发中，还有一些常用的库和工具，如： 1. HTML/CSS/JavaScript：用于构建网页前端的标记语言和脚本语言。 2. SQLAlchemy：用于数据库操作的Python库，提供了面向对象的数据库访问接口。 3. Jinja2：模板引擎，用于生成动态网页内容。 4. Requests：用于发送HTTP请求和处理响应的库。 5. BeautifulSoup：用于解析HTML和XML文档的库。 总结一下，Python网页开发是使用Python语言及相关框架、库和工具来构建功能丰富的网页应用程序的过程。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值