网站首页 > 技术教程 正文
python的库很丰富,只需要几行代码就能编写出一个简易 web 服务器,可以让我们快速测试python脚本。
我们这里实现的只是一个简易的 web 服务器,用在自己家软路由上还是可以的,如果你需要功能更丰富以及性能更好的web服务器,请用 apache、nginx 等专业软件。
在以前的文章中我们学习过python数据的持久化,那这里我们就提供一个web界面来进行数据的持久化和更新操作。
一、编写web服务器
使用 http.server 标准库只需要几行代码就可以启动一个web服务器了,如下代码(要用python3,python2没有http.server库):
import os
from http.server import HTTPServer, CGIHTTPRequestHandler
webdir="/var/www"
os.chdir(webdir)
HTTPServer(("192.168.56.2", 8080), CGIHTTPRequestHandler).serve_forever()
用python3执行以上代码就会启动一个监听192.168.56.2:8080地址的web服务器了,在浏览器地址栏输入 http://192.168.56.2:8080/,如果web根目录下有index.html文件就会显示此文件,如果没有就会默认显示根目录结构,如下图:
二、编写展示数据脚本
cgi脚本要放在web根目录下的cgi-bin目录下,如果没有这个目录请先创建它,然后在cgi-bin目录下创建一个student.py文件,内容如下:
#!/usr/bin/env python3
import pickle
import os
student_keys = ("name", "gender", "age", "score")
if os.path.exists("student.data"):
with open("student.data", "rb") as file:
student = pickle.load(file)
student = student or {}
else:
student = {}
if not student:
student = dict.fromkeys(student_keys, "")
header = "Content-Type: text/html\n"
content = """
<html>
<body>
<form action="/cgi-bin/update.py" method="POST">
<table>
<tr>
<td>name: </td>
<td><input name="name" value="{name}"/></td>
</tr>
<tr>
<td>gender:</td>
<td><input name="gender" value="{gender}"/></td>
<tr>
<tr>
<td>age: </td>
<td><input name="age" value="{age}"/></td>
</tr>
<tr>
<td>score: </td>
<td><input name="score" value="{score}"/></td>
</tr>
<tr>
<td style="padding-top: 10px" align="center" colspan="2">
<button type="submit">Submit</button>
</td>
</tr>
</table>
</form>
</body>
</html>
"""
print(header + content.format(**student))
在浏览器地址栏中输入:http://192.168.56.2:8080/cgi-bin/student.py
第一次加载时由于数据是空的,所以显示为空,如下图:
三、编写更新数据脚本
同样在cgi-bin目录下创建一个update.py文件,内容如下:
#!/usr/bin/env python3
import os
import cgi
import pickle
student_keys = ("name", "gender", "age", "score")
if os.path.exists("student.data"):
with open("student.data", "rb") as file:
student = pickle.load(file)
student = student or {}
else:
student = {}
if not student:
student = dict.fromkeys(student_keys, "")
form = cgi.FieldStorage()
for key in student_keys:
if key in form and form[key].value:
student[key] = form[key].value
with open("student.data", "wb") as file:
pickle.dump(student, file)
header = "Content-Type: text/html\n"
content = """
<html>
<body>
<h1>update successfully, will skip to display page: <span id="count_down">3</span></h1>
<script>
var count = 3
timer_id = setInterval(function(){
count = count -1
if(count == 0) {
clearInterval(timer_id)
location.href="/cgi-bin/student.py"
} else {
document.getElementById("count_down").innerHTML = "" + count
}
},1000)
</script>
</body>
</html>
"""
print(header + content)
四:验证更新功能
编写完更新脚本后,在第二步中的输入框内输入信息,如下图:
然后点击提交按钮,就会跳转到更新成功页面,如下图:
倒计时3秒后会跳转到展示页,这时就会有数据了,然后我们修改数据,把score 修改为100,如下图:
点击提交按钮等再次跳转到展示页时可以看到 score 已经更新为100了。
是不是很简单,你学会了吗?如果有问题,欢迎评论交流!
猜你喜欢
- 2024-10-12 一文看懂WebRTC建连过程 webrtc createoffer
- 2024-10-12 「Web前端干货知识」如何建站? web前端构建工具
- 2024-10-12 真香!自带 HTTPS 的开源 Web 服务器,附快速上手教程
- 2024-10-12 我创建了第一个Web3网页,很简单你也可以
- 2024-10-12 WebRTC 云服务器搭建 AppRTC 环境
- 2024-10-12 蓝易云 - Nodejs快速搭建简单的HTTP服务器详细教程。
- 2024-10-12 TrueNAS-搭建简单的家用、企业共享盘—文件服务器教程
- 2024-10-12 利用Docker 或者NAS给浏览器制作一个完美导航页-Heimdall(汉化)
- 2024-10-12 Linux系统搭建web服务器,cms建站系统安装详细教程
- 2024-10-12 如何搭建WebRTC信令服务器 webrtc lib
你 发表评论:
欢迎- 最近发表
-
- 函数公式的7大潜规则,这次给你讲透了
- 数据逆向查找不止有vlookup,你该知道的三种逆向查询操作
- Vlookup函数怎么一次查找能返回多个结果?
- vlookup函数的嵌套你用过吗?一次可以引用3个表格的数据
- Vlookup函数的新用法,查询合并单元格,很多Excel高手都不知道
- 分明有数据,公式也没错,为什么vlookup还是会返回错误值
- 条件判断还在用if函数就out了,vlookup函数模糊查询一键完成
- EXCEL函数 VLOOKUP函数 HLOOKUP函数
- excel中vlookup函数的用法(excel中vlookup函数公式)
- 自动获取vlookup函数的第三参数,再也不用一列一列的数了
- 标签列表
-
- sd分区 (65)
- raid5数据恢复 (81)
- 地址转换 (73)
- 手机存储卡根目录 (55)
- tcp端口 (74)
- project server (59)
- 双击ctrl (55)
- 鼠标 单击变双击 (67)
- debugview (59)
- 字符动画 (65)
- flushdns (57)
- ps复制快捷键 (57)
- 清除系统垃圾代码 (58)
- web服务器的架设 (67)
- 16进制转换 (69)
- xclient (55)
- ps源文件 (67)
- filezilla server (59)
- 句柄无效 (56)
- word页眉页脚设置 (59)
- ansys实例 (56)
- 6 1 3固件 (59)
- sqlserver2000挂起 (59)
- vm虚拟主机 (55)
- config (61)
本文暂时没有评论,来添加一个吧(●'◡'●)