同域:协议域名和端口号相同
解决跨域问题
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%,是不能够撑起来的