前端功能页面展示笔记（一）

同域：协议域名和端口号相同

解决跨域问题  

CORS(app)      from flask_cors import CORS

app = Flask(__name__)
CORS(app)
@app.route('/', methods=['GET'])
def generate_images():配置路由后面要紧跟调用的函数

通过this.images调用的数据一定要存在于data（）中声明

后端启动后才能够运行前后端响应，查看前端页面检查，如果出现net相关错误考虑
是否后端未启动

将后端生成的图片准为字节流数据，存储在数组中
seek(0) 方法的作用是将文件指针移动到数据流的起始位置，即位置 0。
这个操作在你需要重新读取或者处理整个数据流时很有用，确保你从数
据的开头开始读取。

        # 保存图表到字节流
        img_bytes = io.BytesIO()JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。
        plt.savefig(img_bytes, format='png')
        img_bytes.seek(0)
        images.append(img_bytes.getvalue())

将字节流数据转变为Base64编码的字符串，然后给前端读取
JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。
img_base64 = base64.b64encode(img_data).decode('utf-8')
images_base64.append(img_base64)

localstorage的用法
localStorage.setItem('','')
来实现参数传递
API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。

多线程用法：
设置为多线程使用，Thread = True

1.读取编辑框的值并且传给父亲组件，在父组件测试能够接收成功；
2.设置菜单框参数；显示哪些和不显示哪一些；

1.将商品参数真正的保存在数据库中；
2.调用接口inserTbItem，将商品参数插入数据库，注意传入的参数，imag参数比较特殊，需要转为字符串
3.测试添加商品添加成功，并且显示在页面上；
4.添加商品成功后，跳转页面

1.重置页面，图片和文本编辑没清空
2.图片处理-----找属性filr-list，存储图片列表，注意传递参数，添加查看属性介绍，查看是否成功，在上传图片文件处理
2.图片处理----file-list会隐式上传图片，只需要添加方法将该数组置空就可以了,注意默认效果
3.父亲组件需要获取子组件的清空方法，ref = "upload"

1.html为空

子元素100%，但是父亲元素没有100%，是不能够撑起来的