教你如何用几行python代码编写出一个简易web服务器
python的库很丰富,只需要几行代码就能编写出一个简易 web 服务器,可以让我们快速测试python脚本。
我们这里实现的只是一个简易的 web 服务器,用在自己家软路由上还是可以的,如果你需要功能更丰富以及性能更好的web服务器,请用 apache、nginx 等专业软件。
在以前的文章中我们学习过python数据的持久化,那这里我们就提供一个web界面来进行数据的持久化和更新操作。
一、编写web服务器
使用 http.server 标准库只需要几行代码就可以启动一个web服务器了,如下代码(要用python3,python2没有http.server库):
用python3执行以上代码就会启动一个监听192.168.56.2:8080地址的web服务器了,在浏览器地址栏输入 http://192.168.56.2:8080/,如果web根目录下有index.html文件就会显示此文件,如果没有就会默认显示根目录结构,如下图:
web根目录结构
二、编写展示数据脚本
cgi脚本要放在web根目录下的cgi-bin目录下,如果没有这个目录请先创建它,然后在cgi-bin目录下创建一个student.py文件,内容如下:
在浏览器地址栏中输入:http://192.168.56.2:8080/cgi-bin/student.py
第一次加载时由于数据是空的,所以显示为空,如下图:
第一次加载显示数据为空
三、编写更新数据脚本
同样在cgi-bin目录下创建一个update.py文件,内容如下:
四:验证更新功能
编写完更新脚本后,在第二步中的输入框内输入信息,如下图:
输入各项信息
然后点击提交按钮,就会跳转到更新成功页面,如下图:
更新成功页面
倒计时3秒后会跳转到展示页,这时就会有数据了,然后我们修改数据,把score 修改为100,如下图:
修改 score 为 100
点击提交按钮等再次跳转到展示页时可以看到 score 已经更新为100了。
是不是很简单,你学会了吗?如果有问题,欢迎评论交流!
还在从头开发Web项目?这些模板请收下!
在过去的日子里,从头开始创建一个网站变得越来越容易。了解HTML、可能还有CSS的程序员,可以用很少的精力创建一个不错的网页,然后把它放在网络服务器上,就搞定了。比如:
当然,你可以选择这种创建方式,但有一些不错的改变,你可以试试。随着互联网的速度要求越来越快,浏览器变得越来越标准化和强大,网站的规模和复杂性也越来越多,即便是有经验的设计师都会使用具有高级功能的设计工具和代码编辑器来使开发过程更顺利。
如今,很少有程序员从头开始设计web网页了。大多数程序员都使用预制模板设计,自定义适合其内容管理系统的选择。即使是构建复杂Web应用程序的程序员也依赖于模板库。
但是,如果要为内容管理系统或静态站点生成器构建新模板,该怎么办?如果想使用单个目标网页或少量不太可能经常更改的静态网页构建简单网站,该怎么办?如果要编写JavaScript应用程序但不想使用复杂的框架或库来构建最终输出怎么办?
对我来说,最重要的是控制。随着时间的推移,网页越来越肥胖。程序员进行web开发时,应该以内容为重。问问自己,真的需要加载这个页面时显示这样的网络字体吗?必须用jQuery,还是可以用几行Vanilla JS完成同样的事情?
使用HTML模板和框架可以帮助程序员实现标准化,易于使用的布局网格,以及现代化的功能。与此同时,它们还很简单。这里有三个开源的HTML5模板以供参考。
1、Bootstrap
Twitter的Bootstrap也许是创建新网页最著名的模板框架之一。它的无所不在已经导致了网页设计界的反弹,Bootstrap很简单,几乎完全没有定制的实现。
Bootstrap可以轻松创建响应式设计,并具有许多开箱即用的功能:从图标到样式输入,并将标准化带到许多常见的页面元素,从breadcrumbs到警报到分页,同时还有大量现成的主题。
2、HTML5 Boilerplate
HTML5 Boilerplate包括大部分程序员会用到的元素,对很多项目开箱即用:分析片段以及一些默认的CSS和JavaScript模板。
HTML5 Boilerplate相当轻便,如果你不需要某个特定组件,很容易就可以剪掉。如果你在追求极简主义和功能全面之间的平衡,HTML5 Boilerplate可能是最佳选择。
3、Skeleton
Skeleton是一堆框架中最轻的。如果曾经使用过Web框架,并且发现它们太笨重,或者只是为了满足需要,可以考虑使用Skeleton来处理:一个简单的网格,格式很好的表单,列表,排版等基本要素,跨浏览器支持。
使用一些不错的模板和编辑器,程序员不需要复杂的JavaScript框架来构建一个简单的前端,无论是传统的页面还是轻量级Web应用程序。如果这三个都不满意,还可以考虑Initializr,一个可以预配置HTML5 Boilerplate的开源Web应用程序。
你最喜欢的web设计模板或框架是什么呢?你有哪些很棒的web设计方法呢?欢迎评论区交流
HTML5期末大作业:宠物网(8页)网页设计作业成品 web课程设计
常见设计题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
<h
1.网页作品简介 :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。
2.网页作品编辑:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页)。
3.网页作品技术:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。
<h <h <h <!DOCTYPE html><head> <meta charset=\”utf-8\” /> <title>宠物网</title> <link href=\”css/css.css\” rel=\”external nofollow\” rel=\”stylesheet\”/></head><body><div class=\”logo\”><a href=\”#\” rel=\”external nofollow\” rel=\”external nofollow\” rel=\”external nofollow\” rel=\”external nofollow\” ><img src=\”images/logo.jpg\” /></a></div><div class=\”nav\”><ul> <li><a href=\”index.html\” rel=\”external nofollow\” ><img src=\”images/nav1.jpg\”/>首页</a></li> <li><a href=\”zhidao.html\” rel=\”external nofollow\” ><img src=\”images/nav2.jpg\”/>知道</a></li> <li><a href=\”jieshao.html\” rel=\”external nofollow\” ><img src=\”images/nav3.jpg\”/>狗狗介绍</a></li> <li><a href=\”tuji.html\” rel=\”external nofollow\” ><img src=\”images/nav4.jpg\”/>宠物图集</a></li> <li><a href=\”lingyang.html\” rel=\”external nofollow\” ><img src=\”images/nav5.jpg\”/>领养宠物</a></li> <li><a href=\”liuyan.html\” rel=\”external nofollow\” ><img src=\”images/nav6.jpg\”/>在线留言</a></li> </ul></div><div class=\”topsite\”><div class=\”sear\” > <input type=\”text\” class=\”text\”/> <input type=\”button\” class=\”btn\” value=\”搜索\”> </div> <div class=\”link\”> <span>热门搜索:</span><a href=\”#\” rel=\”external nofollow\” rel=\”external nofollow\” rel=\”external nofollow\” rel=\”external nofollow\” >泰迪</a> <a href=\”#\” rel=\”external nofollow\” rel=\”external nofollow\” rel=\”external nofollow\” rel=\”external nofollow\” >金毛</a> <a href=\”#\” rel=\”external nofollow\” rel=\”external nofollow\” rel=\”external nofollow\” rel=\”external nofollow\” >博美</a> </div></div><div class=\”zhidao\”><h2>知道</h2> <p>之前你必须要知道的6件事,看完你再决定要不要!</p> <p>经常听周围朋友说,“啊,一个人好辛苦啊,不如养条狗吧。”,“哇,狗狗好可爱,好想养一只哦!”结果往往是第一天朋友圈还在晒着狗狗的萌照,一星期后就变成“求领走”了。</p> <p>因为种种原因,导致心血来潮买了狗的人没能把狗继续养下去。由此可见,之前必须做足功课,不然到最后无论是狗还是人,都会很不开心。</p> <p>好,恐吓完毕,接下来小编分类概述一下须知。新手奶爸如果不想重蹈覆辙的话,那之前就一定要知道这6件事。</p> <img src=\”images/zhidao.jpg\”> <p>首先,那就是狗的寿命平均在10-20岁之间,如果你的梦想是与它白头偕老,那恐怕很难实现。</p> <p>第二件事就是狗狗的繁殖情况,狗狗在7-12个月之间即可达到性成熟,每年可繁殖1-3胎,每胎可生1-6只。掐指一算……嗯,想养母狗的恐怕要提前做好替狗狗节育的思想觉悟了。</p> <p>第三件事就是母狗的孕期,幼犬在犬妈妈的肚子里的时间大概在58-65天之间,开眼时间大约在出生后10-16天。想当年,在刚放暑假的时候我家母狗怀上了仔仔,到了我开学的时候,幼仔都还没见过我!一整个暑假都白期待了好吗!</p> <p>第四件事就是要明白笼子对于狗狗的意义,没养过狗的萌新们一听到“笼子”两个字就满脸写着拒绝,说绝对不愿意把自己的狗关在笼子里。事实上,狗只是不愿意一直待在笼子里,但这并不代表它不爱笼子。<p> <p>第五件事就是对狗狗的吠叫有耐心,无论你有没有的经验,我们平时都能看到一只狗见到另一只陌生的狗时会全身紧绷,发出低吼,仿佛随时都可能进入战斗模式。</p> <p>最后一件事,就是正视我们的心态。现在很多人,都不是买狗,而是直接领养流浪狗。一些流浪狗受过冷落,可能会有一些心灵创伤,显得比较怂。这时候,你就要出杀招,让它克服心理障碍。这个杀招说难也难,说简单也简单,那就是——每天坚持遛它。就像人独自待久了会变得敏感孤僻一样,狗狗只有充分社交,多见见世面,以后见到其他狗才能抬头挺胸有气势。</p></div><div class=\”footer\”><p>宠物网</p></div></body></html>123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<h
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场,未经允许不得转载。