Task 3. Magic Picture

学习目标

1. 巩固 Linux 系统命令行操作
2. 巩固 Python 基础编程
3. 掌握基础概念：字符、字节、二进制位、字
4. 掌握 Python 文件编程
5. 初步接触 HTML 标签
6. 了解 bmp 位图内部格式

知识准备

1. 使用 scp 命令，从 windows 传输文件到云服务器

# 在 windows 上打开命令提示符： 按键 Win+R, 输入 cmd, 回车 
# 在 windows 命令提示符上执行，命令格式：
scp 本地文件绝对路径 user_name@47.92.169.162:云服务器文件夹绝对路径
# 注意：需要把要传输的文件拷贝到纯英文路径的文件夹，路径里面有汉字会出现乱码和报错
# 示例如下：使用 mercury 用户，把 C 盘 scp 文件夹的 zhendong.bmp 传输到云服务器的 /home/mercury/ 目录
scp C:\scp\zhendong.bmp mercury@47.92.169.162:/home/mercury/

批注 2020-02-17 205257.png

2. 基础概念：字符、字节、二进制位、字 https://blog.csdn.net/Simon798/article/details/97236279

3. bmp 位图格式 https://blog.csdn.net/aidem_brown/article/details/80500637

4. Python 文件操作 https://blog.csdn.net/ManWZD/article/details/104170778

   • Python 中文件的读写是基于文件指针的：
     1.可以理解为每打开一个文件，都附带着一个该文件的指针；
     2.刚开始指针指向文件的开头，并且以字节(Bytes)为单位移动；
     3.每次读文件，是从指针的位置读，每次写文件，是在指针的位置覆盖式插入；
     4.指针会随着读写操作自动向后移动
     a. 如果读出了 3 个字节，则指针向后移动 3 个字节
     b. 如果写入 10 个字节，则指针向后移动 3 个字节
     5.可以用 tell() 获取当前指针位置，可以用 seek() 手动修改指针位置。
   • 常用函数
     1. open()，打开文件，文件指针的位置和打开时的读写模式有关
     2. .close()，关闭文件，释放文件句柄，建议使用 with 操作
     3. .write()，以当前文件指针，向文件写数据
     4. .read()，以当前文件指针，从文件读数据
     5. .readline()，以当前文件指针，从文件读一行文本
     6. .tell()，显示当前指针位置
     7. .seek()，移动指针位置

5. HTML 标签简单实例

   • HTML 超文本语言利用标签来装饰普通文本，在浏览器中效果会被渲染出来
   • 普通文本：你好
   • 字体加颜色标签 <font color='#0000ff'>你好</font>：<font color='#0000ff'>你好</font>
   • 字体斜体标签 <i>你好</i>： <i>你好</i>
   • 字体加黑标签 <b>你好</b>： <b>你好</b>

操作流程

1. 准备一张 24 位的 bmp 图片（有意义的照片），可以使用 PS、画图 等软件转换格式；
2. 把位图传输到云服务
3. 使用 Python 编程，补充修改模板程序，解析 bmp 文件的内容，把图片转换为 HTML 标签

# 
cp /tmp/task3/magic_pic.py ./

4. 发布文件

cp test.html /tmp/flask/static/magic_$LOGNAME.html

交付和验证

1. 浏览器打开网址 http://47.92.169.162/magic/[用户名]
2. 例如，登录用户名是 test 则打开 http://47.92.169.162/magic/test
3. 如果展示内容是你自己编辑的内容，则成功交付