项目2 展示数据可视化看板

项目2展示数据可视化看板主讲:吴雪飞知识回顾项目引入在工业4.0智能工厂中，视觉检测系统每秒生成数万条缺陷数据。为实现生产质量的实时监控，需将海量检测数据动态转化为可交互的网页图表，支持生产主管通过多终端设备（如平板、电脑）实时追踪产线质量波动。如何通过编程实现基本数据类型的网页可视化呈现，是构建此类系统的首要技术环节。项目描述项目2将制作一个“网页版数据可视化看板”网页通过按钮展示不同的数据类型；页面上的展示内容会随着数据类型不同而变化；每种数据将有专属颜色或样式进行标识。项目效果语法变量名=变量值变量命名需遵循如下规则命名构成命名禁止小写字母（a-z）禁止以数字开头大写字母（A-Z）数字（0-9）禁止使用Python保留的关键字下划线（_)相关知识：变量相关知识：变量常见Python保留字变量命名建议遵循右侧规则驼峰命名法（CamelCase）：多个单词组成的标识符，除第一个单词外，其他每个单词的首字母大写。（如：firstName、phoneNumber、dateOfBirth）蛇形命名法（SnakeCase）：多个单词组成的标识符中的每个单词由下划线（_）连接。（如：first_name、phone_number、date_of_birth）0102相关知识：变量相关知识：变量除基本命名规则外，Python使用变量还有一些惯例，命名时尽量避免使用如下这些样式：前后有下划线的变量名通常为系统变量如_name_、_file_等；以两个下划线开头、末尾无下划线的变量如__abc是类的本地变量可通过dir(__builtins__)函数，查看系统内置对象名称，命名时尽量避免。数据类型对应名称示例值整型int1、100、1000浮点型float1.1、100.5、1000.05布尔型boolTrue、False字符串str“你好，世界！”列表list[“真”,True,1,...]元组tuple(1,’2’,3,...)集合set{“红”,”绿”,”橙”,...}字典dist{“键1”:“值1”,“键2”:“值2”,...}相关知识：数据类型Python常见的数据类型有：数值类型、布尔类型、序列类型、字典类型、集合类型以#开头，#右边所有东西都被当做说明文字，不会被程序执行，只起到辅助说明作用快捷键为：ctrl+/单行注释（行注释）如果希望编写的注释信息很多，一行无法显示，就可以使用多行注释使用一对连续的三个引号将需要注释的内容围起来多行注释（块注释）#这是一个单行注释'''这是一个多行注释在多行注释之间，可以写很多内容'''相关知识：注释键盘输入变量名=input("提示字符串")例：num=input("请输入一个数字")变量的输入输入输出的底层逻辑：和电脑对话让电脑问我们一个问题input("请输入一个数字：")并将该字符串显示到屏幕上等待用户输入电脑打印完提示后，程序会暂停，等待用户在键盘上打字，打完后按回车电脑获取输入内容用户输入的所有内容（比如输入5）会被input函数得到，并且变成一个字符串（哪怕你输入的是数字，电脑也先当作文字处理）赋值给变量num相关知识：变量的输入与输出键盘输入变量名=input("提示字符串")例：num=input("请输入一个数字")num=input("5")num=int(input("请输入一个数字"))变量的输入字符串“5”整数5请问：若从键盘输入一个5赋给num，这个num是什么类型？input的返回值是字符串类型！相关知识：变量的输入与输出提示信息显示：5相关知识：变量的输入与输出变量的输出print(*objects,sep='',end='\n',file=sys.stdout,flush=False)*objects（可变参数）表示要打印的内容，可以是多个对象（用逗号分隔）。a=4;b=5print(“a=”,a,“b=”,b)如果未提供任何对象，则打印一个空行。print()sep（可选，默认值为''）用于指定多个对象之间的分隔符。默认是一个空格。end（可选，默认值为'\n'）用于指定打印结束时的字符。默认是换行符\n。任务描述定义int_value,float_value,str_value三个变量，分别从键盘接收int、float、str类型的输入，再进行输出小练-从键盘输入变量值并直接输出(2-test-1.py)相关知识：格式化输出基本语法"字符串{占位符}".format(值)生活化比喻模板填空：亲爱的______，你好！今天是______天气。相关知识：格式化输出基本语法为什么要有这么麻烦的方法？直接print("Name:",name,"Age:",age)不行吗？直接打印也可以，但格式化输出在需要精确控制格式时更有用（比如生成固定格式的报告、对齐文本等）{}里面可以写东西吗？基础用法先学空的{}，后面可以学{0}、{1}指定位置，或者{:d}指定格式。相关知识：格式化输出索引参数"{索引}".format(值1,值2,...)可以通过索引（0,1,2...）指定{}中插入的值生活化比喻有两个人入座：第0个是小明，第1个是小红。有两个座位：第0个是座位1，第1个是座位2正常情况下，两人按顺序入座（小明坐座位1，小红坐座位2）。但如果我们想改变入座顺序，就可以用编号来指定谁坐哪里。”相关知识：格式化输出索引参数为什么索引从0开始而不是1？这是编程界的惯例，很多编程语言都这样设计。可以记成"第0个=第一个"什么时候需要用索引参数？想改变显示顺序时想重复使用同一个值时模板字符串和参数顺序不一致时相关知识：格式化输出命名参数"{变量名}".format(变量名=值)生活化比喻表格上有三个空：姓名：_____、年龄：_____、身高：_____。每个空白处前面都有明确的提示信息。使用命名参数就像这种填表方式：我们不看参数顺序，而是根据提示信息到参数中找对应的变量名来填写对应的内容。相关知识：格式化输出命名参数命名参数的名字必须和变量名一样吗？不需要！命名参数的名字是自定义的，只是标签而已。print("{a}{b}".format(a="Hello",b="World"))#也可以命名参数可以和顺序参数混用吗？可以，但不建议初学者混用，容易混乱。为什么要用:.2f这种奇怪的东西？这是格式控制，.2f表示保留2位小数，就像说"身高精确到厘米"。相关知识：格式化输出格式化选项相关知识：格式化输出格式化练习相关知识：格式化输出格式化练习相关知识：格式化输出格式化练习格式项识别口诀冒号后面第一个字符：如果是<>^→

这是对齐符，填充符是空格如果是其他字符

→

这是填充符，下一个字符是对齐符若确定有填充字符，则后面一定是对齐符宽度识别：对齐符后面的数字就是宽度精度识别：小数点.后面的数字是精度相关知识：格式化输出f-string字符串格式化Python3.6引入的一种字符串格式化方法相关知识：格式化输出f-string字符串格式化f-string不仅可以嵌入变量，还可以嵌入任何有效的Python表达式相关知识：格式化输出f-string字符串格式化f-string支持在{}中使用格式化选项，类似于str.format()方法中的格式化语法示例2.1输入输出综合练习（2-ex-1.py）任务描述从键盘输入一个7位小数的浮点数。通过str.format()设置精度为3，实现输出“值为：X.XXX”。通过f-string设置精度为2，总宽度为12，左对齐，填充*，实现输出“值为：X.XX********”。Python运算符（7种）算术运算符比较运算符赋值运算符位运算符逻辑运算符成员运算符身份运算符相关知识：运算符表达式是由值、变量和运算符组成的代码片段，它们可以通过计算得出一个值。表达式可以包含各种不同的元素，例如数字、字符串、布尔值、函数调用、列表、字典等等。01数字表达式：3+5*202字符串表达式："Hello"+""+"World"03布尔表达式：1<2and2<304函数调用表达式：len("HelloWorld")05列表表达式：[1,2,3,4,5]06字典表达式：{"name":"John","age":30}相关知识：表达式相关知识：优先级运算顺序为算术运算符>位运算符>比较运算符>成员/身份运算符>逻辑运算符>赋值运算符优先级相同，大部分运算符从左到右计算（左结合）a+b+c——(a+b)+c但幂运算和赋值运算在优先级相同情况下为从右到左计算（右结合）a**b**c——a**(b**c)a=b=c——a=(b=c)任何复杂的表达式均可通过()明确优先级示例2.2运算符与表达式综合练习（2-ex-2.py）任务描述定义整型变量first_value和second_value，分别赋值为5和3。计算并打印first_value与second_value的和、乘积、浮点除法（保留结果为浮点数）和整数除法的结果。比较first_value与second_value，并打印first_value是否大于second_value以及second_value是否大于等于first_value的布尔值结果。将first_value和second_value的类型改为字符串，并分别赋值为"Hello"和"World"。连接这两个字符串后打印结果。示例2.2运算符与表达式综合练习（2-ex-2.py）试一试2.1圆的面积与周长计算（2-try-1.py）任务描述定义一个变量circle_radius，用于接收圆的半径的输入（半径取值范围0<circle_radius<=5）。计算这个圆的面积与周长（π取3.14）。将圆的面积和周长分别赋值给变量circle_area和circle_perimeter，并按以下要求格式化输出（所有格式化输出均要求保存两位小数）。输出1：周长为---circle_perimeter---。输出2：面积为****circle_area。输出3：周长与面积的乘积为circle_perimeter*circle_area。试一试2.1圆的面积与周长计算（2-try-1.py）项目效果回顾项目拆解任务1：效果展示在“Python-code”文件夹中为“项目2_原始素材”文件夹建立一个副本，命名为“项目2”打开项目2的unit2.py文件，查看各数据类型初始值，如右图所示。打开项目2的main.py文件，单击右上角“在专用