笨办法学Python3 ,ex50--初识Flask,结合了html

最新推荐文章于 2023-06-26 16:31:15 发布
最新推荐文章于 2023-06-26 16:31:15 发布
阅读量181 收藏
点赞数 1
分类专栏： 笨办法学Python3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wggglggg/article/details/115344143
版权

小白我上周学到笨办法学Python3第ex50课,个人感觉跨度相当大,许多人或许会笑, 但是对于小白我来说, 直接从地球(python基基基基基础)---跳过了月球(html)----飞到了火星(flask).

于是先去了月球(html), 学习了几个标签后, 今天又看了bilibili上几个flask视频, 说实话上面许多视频讲的太深奥太书面话, 上来就是照着简介念, 似乎讲师自己念的也不太连贯.于是只好就自己用少的可怜的知识来测试ex50课

首先,我这个等级不法搞清楚bilibili讲师视频里的什么这个包这个方法,那个包含方法,这个方法的值传给了那个方法, 就照着Python创始人Zed的要求, 写入书中代码放到了app.py中

from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.route("/")
def index():
    return "Hi there, I`m flask"
    # return render_template("index.html")

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

为了更好的理解,我做了一些改动, 我没有用书中的 函数名  hello_wprld()   和return "Hello, World", 因为我想知道,我换了会怎样,这是测试的一部分.代码写完保存了Zed要求的app.py()

于是用书中的方法在虚拟环境中,我创建了项目名文件夹(gothonweb),又在项目名文件夹(gothonweb)下面的几个文件(bin, gothonweb , tests docs templates),注意这里是templates,有一个s, 在英语中是复数,也就是这里面有很多模板,网上有很多以为在app.py里面写的是template, 于是文件夹就命名为template, 后面python app.py就出事了.

现在在powershell里面进入虚拟环境, 再一路cd 到 gothonweb, 运行python app.py, 在浏览器中输入网址http://127.0.0.1:5000/

测试完后,如Zed所说的那样,浏览器中,如下图:

接下来,测试书中ZED提到的return render_template("index.html"), 我没有完全照书中所写,书中后面"index.html"后面还有greeting=greeting,因为对我来说有点复杂,大概意思也就是把greeting变量拿到的值传到html预挖好的坑中,因为zed的index.html有挖好一个坑{{    greeting  }},由于是初识flask,我就不整这些复杂的了. app.py代码改为

from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.route("/")
def index():
    
    return render_template("index.html")

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

然后自己又用可怜的html知识写了一个index.html文件,这个html就是在浏览器中显示一个表格,放入了templates文件夹中测试代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格</title>
	</head>
	<!-- 
		表格
			table 	表示表格
			tr 		表示表格中的行（每一行可以包含一个或多个td或th）
			td 		表示表格中的标准单元格
			th 		表示表格中的表头单元格（具有标题的效果，字体加粗，居中显示）
			
			table常用属性
				border 表格的边框
				width  表格的宽度 
					像素值或百分比（如果是百分比，参考的是上一级元素的宽度，如果上一次元素未设置，则参考屏幕宽度）
				height 表格的高度
				align  表格的对齐方式 （left、right、center）
				
			tr常用属性
				align   每行中文本内容的水平方向对齐方式（left、right、center）
				valign  每行中文本内容的垂直方向对齐方式
				bgcolor 设置行的背景颜色
				
				
			css样式
				border-collapse: collapse;	合并表格边框
				
				
				合并单元格
					<td>的colspan和rowspan分别规定单元格横跨的列数和行数
					纵向合并  rowspan
					横向合并  colspan
				
	 -->
	<body>
		<!-- <table border="1" width="500px" align="center" height="200px" style="border-collapse: collapse;">
			<tr>
				<th>班级</th>
				<th>姓名</th>
				<th>年龄</th>
				<th>性别</th>
			</tr>
			<tr align="center" valign="top" bgcolor="antiquewhite">
				<td>101班</td>
				<td>张三</td>
				<td>18</td>
				<td>男</td>
			</tr>
			<tr align="left">
				<td>101班</td>
				<td>李四</td>
				<td>19</td>
				<td>女</td>
			</tr>
			<tr align="right">
				<td>102班</td>
				<td>王五</td>
				<td>20</td>
				<td>男</td>
			</tr>
		</table>
		
		<hr />
		
		<h3 align="center">纵向合并  rowspan</h3>
		<table border="1" width="500px" align="center" style="border-collapse: collapse;">
			<tr>
				<th>班级</th>
				<th>姓名</th>
				<th>年龄</th>
				<th>性别</th>
			</tr>
			<tr align="center" >
				<td rowspan="2">101班</td>
				<td>张三</td>
				<td>18</td>
				<td>男</td>
			</tr>
			<tr align="center">
				<td>李四</td>
				<td>19</td>
				<td>女</td>
			</tr>
			<tr align="center">
				<td>102班</td>
				<td>王五</td>
				<td>20</td>
				<td>男</td>
			</tr>
		</table>
		
		<hr />
		
		<h3 align="center">横向合并  colspan</h3>
		<table border="1" width="500px" align="center" style="border-collapse: collapse;">
			<tr>
				<th colspan="2">班级+姓名</th>
				<th>年龄</th>
				<th>性别</th>
			</tr>
			<tr align="center" >
				<td rowspan="2">101班</td>
				<td>张三</td>
				<td>18</td>
				<td>男</td>
			</tr>
			<tr align="center">
				<td>李四</td>
				<td>19</td>
				<td>女</td>
			</tr>
			<tr align="center">
				<td>102班</td>
				<td>王五</td>
				<td>20</td>
				<td>男</td>
			</tr>
		</table> -->
		
			
		<div align="center"><h2><b>交接班记录表</b></h2></div>
		<div><pre><h3><b>                       单位：</b><b>                                        班：</b><b>                年    月</b></h3></pre></div>
		<table align="center" border="2" width="700px" height="800px" style="border-collapse: collapse">
			<tr>
				<th>日期</th>
				<th colspan="2">交接班时间</th>
				
				<th>接班人</th>
				<th>交接情况</th>
				<th>交接物品、工具等</th>
			</tr>
			<tr align="center" bgcolor="bisque">
				<td rowspan="7">1.1</td>
				<td>7:45</td>
				<td colspan="2" >张三,李四</td>
				<!-- <td>李四</td> -->
				<td>进度75%</td>
				<td>扫描枪和称</td>				
			</tr>
			<tr height="35px">
				<td></td>
				<td  width="100px"></td>
				<td></td>
				<td></td>
				<td></td>
				
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr bgcolor="bisque">
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			
		</table>
	</body>
</html>

ctrl+C  暂停flask后,再次python app.py 去浏览器打开网址http://127.0.0.1:5000/  ,显示如下:

初始flask给我的感觉就像是一个网页服务器,能调试html, 目前小白我的理解也只到这. 欢迎大家留言指正.

前面书中提到的app.py, 这个文件名可以改成别的,也能正常运行．

wggglggg
关注
专栏目录
笔记51 笨办法学python练习51继续建立与浏览器的关系，笔记之二
weixin_41670255的博客
08-06 270
笔记51 笨办法学python练习51继续建立与浏览器的关系，笔记之二 继续笔记50的行程，在笔记51中设置一些初始文件。 一、在power.shell中设置init 1、在NAME中设置 2、在tests中设置 二、创建一个代码文件setup.py和NAME_tests.py 1、将setup.up放置到和skeleton并行的目录位置 2、将NAME放到tests目录之中 3、项目目录应该是以下照片中的并行目录 照片 3、在projects目录上运行nosetests。 代码结果 (1pthw) PS
python flask教程，html格式
11-01
python flask web开发框架教程，html格式，寻迹渐进。
《笨办法学python3》 ex50
weixin_44947827的博客
02-09 395
app.py文件要放在 bin doc gothonweb tests templates 同级别目录下
笨办法学Python-ex50
GuoziZzz的博客
09-26 744
创建自己的第一个网站 使用的是anaconda下的Python3，编辑器使用的是pycharm 发现这个编辑器总是存在找不到安装包的问题，可能是自己的使用方法不太对。反正就是有很多坑。。。 按照书上说的安装 lpthw.web框架后运行程序还是会出现一些问题，提是某些模块找不到就像下面这样，可能是Python版本不对 Traceback (most recent call last): Fi...
learn python the hard way ex50小坑
xieguifeng的博客
09-09 414
运行程序例子app.py,报错，no template named index解决方法：I am doing the same exercise and I simply go on cmd , cd to my lpthw directory which contains the folders of the project skeleton inside and do: python bin
笨办法学Python，其实一点都不笨
Python数据之道
07-30 4652
点击上方“Python数据之道”，选择“星标公众号”收藏文章的同时，不要忘记「在看」作者| Lemonbit出品 | Python数据之道笨办法学Python，其实一点...
SONY MZ-B50.pdf索尼MZB50MD维修手册
08-23
3. **播放和录音时间**：根据不同的MD盘片类型（MDW-80或MDW-74）和声道设置（立体声或单声道），最大录音时间为80分钟到160分钟，播放时间则为74分钟到148分钟。 4. **转速控制**：转速范围在400 rpm到1,800 rpm...
多媒体教学方案-腾龙.docx
12-03
本文推荐使用的索尼VPL-EX50投影机，采用3LCD单镜头投影系统，具有以下特点： - LCD液晶板分辨率高达1024×768像素，确保画面清晰细腻。 - 1.2倍变焦镜头，适合不同大小的教室使用。 - 输出亮度达到2500ISO21118...
单片机C语言实例--316-输出50个矩形脉冲.zip
01-13
8. **开发环境**："ex50.DSN"和"Last Loaded ex50.DBK"可能是开发环境的项目文件，用于保存工程配置、调试信息等。常见的单片机开发环境如Keil uVision、IAR Embedded Workbench等。 9. **调试与测试**：在实际开发...
Learn Python The Hard Way
12-25
《硬方式学习Python》是一本深受编程初学者喜爱的书籍，其英文版以TXT格式提供，便于在各种设备上阅读和学习。这本书以其独特的教学方法，鼓励读者通过实践来掌握Python编程语言。以下是对压缩包内文件的分析，以及...
python3 flask开发 02 渲染模板 加载html文件
weixin_33595571的博客
01-23 1145
# -*- coding: utf-8 -*- """ Created on Tue Jan 22 19:45:25 2019 QQ群：476842922(欢迎加群讨论学习) 在代码目录下新建templater文件夹 及index.html和user.html @author: Administrator """ from flask import Flask,render_template a...
【Python】Learn Python the hard way, ex50 第一个网站
守望的距离
11-23 1941
利用lpthw.web框架实现"Hello World"网页版，代码如下： import web urls = ('/', 'index') app = web.application(urls, globals()) render = web.template.render('templates/') class Index: def GET(self): gr
python+flask+html开发简单的网页
热门推荐
π仔
12-21 2万+
新手学习python，掌握的基本语法的使用，学习基本的数据类型（字符串、列表、元组、字典、集合等）、函数、数据结构等使用及理解后，后续的项目实战离不开web开发、爬虫、图像处理、深度学习、人工智能等。本博客作为学习小记，纯属简单的python学习交流文章，如有纰漏或者错误，还请多多指教，感谢！ 软件基础： 安装PyCharm（版本2019.3） 官网链接：https://www...
使用Python+Flask+HTML写一个测试小工具
最新发布
Test_the_rookie的博客
06-26 1993
由于公司安全规范限制，我司的测试、预发布、灰度、生产环境，接口间的数据通信通常是加密处理的，给我们日常定位缺陷带来了一定的阻碍，因此我决定使用Python写一个工具，将加密数据转换为正常数据，便于日常问题定位。根据数据间的加解密规则可以看出，安全规则的加密规范是rsa+aes混合加密，其中aes是对称加密，rsa是非对称加密。对称加密简单的来说是可以通过一个密钥完成数据的加解密，非对称加密是使用公钥加密，私钥解密。由于是第一次写页面化的测试工具，我将把自己的思路做完整的记录，便于日后回归以及套用。
基于flask的web应用开发——访问漂亮的html页面以及页面跳转
qq_53381910的博客
06-03 8637
基于flask的web应用开发——访问漂亮的html页面以及页面跳转
python3之flask快速入门教程Demo
JavaPub
10-22 2892
本代码是flask入门篇，适合初学者，阅读时间大概三分钟，实现输入固定账号密码跳转到百度首页，持续更新，需要请关注 HTML文件放在templates目录下 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Docum
python加入html_关于python：将HTML插入Flask的正确方法
weixin_30746795的博客
03-02 866
我知道在访问URL时如何使用render_template从Python发送一些纯文本：@app.route(/success.html")...return render_template("index.html", text="This text goes inside the HTML")模板将具有以下内容：{{text|safe}}但是，我不确定在需要插入几行HTML时该怎么做。 例如，一...
python3 Flask 简单入门(MVC模板类)
徐代龙的技术专栏
10-14 6589
跟上一篇文章一样的内容，Flask默认支持的模板是jinja2jinja2简单实用： - 1 在Jinja2模板中，我们用{{ name }}表示一个需要替换的变量。很多时候，还需要循环、条件判断等指令语句，在Jinja2中，用{% … %}表示指令 2 循环输出页码： {% for i in page_list %} <a href="/page/{{ i }}">{{ i }}</a
python3+flask 开发web(一)
测试媛
10-25 1万+
1、环境准备 1）安装Python：https://www.python.org/ 2）安装python ide,pycharm:https://www.jetbrains.com/pycharm/ 3）安装flask:安装好了python，电脑就自动安装了pip，在cmd中执行命令：pip install flask 2、写代码： 1）helloword: from flask i...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值