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

本文链接：https://blog.csdn.net/ayouleyang/article/details/94756829

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 sleep

def 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()