2018~2019第二学年17级信管班杨秀璋老师《大数据技术及运用》课堂python代码学习汇总（第四部分）

本文主要是介绍2018~2019第二学年17级信管班杨秀璋老师《大数据技术及运用》课堂python代码学习汇总（第四部分），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、网页基础

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="shortout icon" href="gc_logo.png"><title>test2</title><style>*{background-color: rgb(215, 245, 245);}.div1{width: 600px;height: 100px;background-color: aqua;font-size: 30px;font-family: FZLiuXingTi-M26S; }</style>
</head>
<body><h1>h1这是标题样式1</h1><h2>h2这是标题样式2</h2><p>p这是一个段落</p><br><b>b可以单独用我加粗字体</b><br><strong>strong可以单独用我加粗字体</strong><br><i>i我是斜体直段</i><br><del>del把我用线划掉</del><br><a href="http://www.baidu.com">a标签超链接：百度一下</a><br><hr><p><img src="11.jpg" alt="这是张图片" width="200px" height="100px">img图片标签，并设置宽高</p>   
<div class="div1">人家叫我div盒子模型，我div可以装很多东西,并通过css对我设置内部属性,我和span是行块级的区别！
</div>
</body>
</html>

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

2、网页登录页面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="shortcut icon" href="11.jpg">
<style>
*{margin: 0;padding: 0;
}.box{margin: 50px auto;width: 280px;height: 380px;background-color: rgba(66, 209, 209, 0.637) }img{width: 48%;height: 300px;}#anv{background-color: rgb(39, 230, 204)  }a{
float: right;}</style><title>Document</title>
</head>
<body background="11.jpg"  >
<marquee behavior="alternate" direction="right"><img src="12.jpg" alt="这是一张图片"><marquee behavior="alternate" direction="left"><img src="13.jpg" alt="这是一张图片"></marquee>
</marquee><hr size="9px" color="#666" >
<div class="box" ><center><h2>欢迎注册</h2></center><table  cellspacing="16" cellpadding="16"  ><tr><td>姓名：</td><td><input type="text" value="" ></td></tr><tr><td>密码：</td><td><input type="password" name="" id=""></td></tr><tr><td>性别：</td><td><input type="radio" name="sex" id="">男<input type="radio" name="sex" id="">女</td></tr><tr><td>爱好：</td><td> <input type="checkbox" name="ah" id="">阅读<input type="checkbox" name="ah" id="">跑步<input type="checkbox" name="ah" id="">听歌</td><tr><td>生日：</td><td><input type="date" name="" id=""> </td></tr><tr><form action="" method="get"><td><label>学校：</label></td><td><select name=""><option value="0">贵州大学</option><option value="1">贵州财经大学</option><option value="2">贵州师范大学</option><option value="3">贵州医科大学</option></select></td></form></tr><tr><td><input type="button" value="提 &nbsp交" id="anv" ></td><td><input type="reset" value="重&nbsp 置" id="anv" ></td></tr></table><input type="file" name="" id="">
<a href="https://www.gufe.edu.cn/www/">贵州财经大学</a>
</div>
</body>
</html>

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

3、ECharts

ECharts 是一个纯 JavaScript 的图表库，能流畅的运行在电脑端和移动设备上，兼容；当前绝大部分主流浏览器（包括 IE8/9/10/11、Chrome、Firefox、Safari 等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观、生动、可交互和个性化定制的数据可视化图表。
ECharts 提供了常规的折线图、柱状图、散点图、饼图、K 线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、Treemap、多维数据可视化的平行坐标，还有用于 BI 的漏斗图、仪表盘等，并且支持图与图之间的混搭。
图显示 ECharts 官网示例，ECarts 官网：http://echarts.baidu.com/，推荐大家从官网进行学习，它提供了详细的实例及使用文档
在这里插入图片描述
HTML引入ECharts 文件：

<!DOCTYPEhtml>
<html> 
<head>
<metacharset="utf-8">
<!-- 引入ECharts 文件 --> 
<script src="echarts.min.js"></script> 
</head> 
</html>

4、python扩展学习（画玫瑰）

import turtle# 设置初始位置
turtle.penup()
turtle.left(90)
turtle.fd(200)
turtle.pendown()
turtle.right(90)# 花蕊
turtle.fillcolor("red")
turtle.begin_fill()
turtle.circle(10, 180)
turtle.circle(25, 110)
turtle.left(50)
turtle.circle(60, 45)
turtle.circle(20, 170)
turtle.right(24)
turtle.fd(30)
turtle.left(10)
turtle.circle(30, 110)
turtle.fd(20)
turtle.left(40)
turtle.circle(90, 70)
turtle.circle(30, 150)
turtle.right(30)
turtle.fd(15)
turtle.circle(80, 90)
turtle.left(15)
turtle.fd(45)
turtle.right(165)
turtle.fd(20)
turtle.left(155)
turtle.circle(150, 80)
turtle.left(50)
turtle.circle(150, 90)
turtle.end_fill()# 花瓣1
turtle.left(150)
turtle.circle(-90, 70)
turtle.left(20)
turtle.circle(75, 105)
turtle.setheading(60)
turtle.circle(80, 98)
turtle.circle(-90, 40)# 花瓣2
turtle.left(180)
turtle.circle(90, 40)
turtle.circle(-80, 98)
turtle.setheading(-83)# 叶子1
turtle.fd(30)
turtle.left(90)
turtle.fd(25)
turtle.left(45)
turtle.fillcolor("green")
turtle.begin_fill()
turtle.circle(-80, 90)
turtle.right(90)
turtle.circle(-80, 90)
turtle.end_fill()
turtle.right(135)
turtle.fd(60)
turtle.left(180)
turtle.fd(85)
turtle.left(90)
turtle.fd(80)# 叶子2
turtle.right(90)
turtle.right(45)
turtle.fillcolor("green")
turtle.begin_fill()
turtle.circle(80, 90)
turtle.left(90)
turtle.circle(80, 90)
turtle.end_fill()
turtle.left(135)
turtle.fd(60)
turtle.left(180)
turtle.fd(60)
turtle.right(90)
turtle.circle(200, 60)
turtle.done()

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

5、python扩展学习（一箭穿心）

from turtle import *
from time import sleepdef go_to(x, y):up()goto(x, y)down()def big_Circle(size):  # 函数用于绘制心的大圆speed(1)for i in range(150):forward(size)right(0.3)def small_Circle(size):  # 函数用于绘制心的小圆speed(1)for i in range(210):forward(size)right(0.786)def line(size):speed(1)forward(51 * size)def heart(x, y, size):go_to(x, y)left(150)begin_fill()line(size)big_Circle(size)small_Circle(size)left(120)small_Circle(size)big_Circle(size)line(size)end_fill()def arrow():pensize(10)setheading(0)go_to(-400, 0)left(15)forward(150)go_to(339, 178)forward(150)def arrowHead():pensize(1)speed(1)color('red', 'red')begin_fill()left(120)forward(20)right(150)forward(35)right(120)forward(35)right(150)forward(20)end_fill()def main():pensize(2)color('red', 'pink')# getscreen().tracer(30, 0) #取消注释后，快速显示图案heart(200, 0, 1)  # 画出第一颗心，前面两个参数控制心的位置，函数最后一个参数可控制心的大小setheading(0)  # 使画笔的方向朝向x轴正方向heart(-80, -100, 1.5)  # 画出第二颗心arrow()  # 画出穿过两颗心的直线arrowHead()  # 画出箭的箭头go_to(400, -300)write("I love you:Ayouleyang", move=True, align="left", font=("宋体", 30, "normal"))done()main()