发表于: 2019-11-02 19:05:07

1 1031


今天完成的事情:


完成编辑功能


直接在html里面加入一个编辑选项

为这个选项增加一个鼠标点击事件,触发方法(edit),这个方法是个有参方法,绑定数据对象data。

现在我们来定义这个方法

点击编辑,渲染页面,queryparams的作用是发送额外的函数,把这个数据的所有参数都传递到我要跳转的页面

然后我们在要跳转的页面中,在TS文件里的初始化中

设定一个数组

通过来接收数据

由于URL有着数据长度的限制,所有我们要到后台去去除完整的数据。

然后我们在服务里面定义一个方法

用拼接字符串的方式,进去到这个端口页面中你要编辑的图片

然后通过这个方法,取到这张图片的所有数据

从后台里面取出数据最后赋值给omg。我们在新增的时候定义的对象。

然后在ui组件库里面找到UI组件的TS代码,把你编辑的这张图片的连接传给ui组件库里的预览图片的代码,这样你进去之后就能看到你要编辑的是哪张图片

然后就可以对这个图片进行编辑操作了。

操作完成后,就是上传了

由于进去的是新增页面,新增的上传和编辑的上传其实就是一个方法

唯一要区别的就是到底是从新增进来的还是从编辑进来的

这两个的端口是不一样的

用IF判断语句

判断是否有ID,如果有那就是编辑,如果没有那就是新增

这两个的方法的差别就是端口差别,


新增是增加一个

编辑是在原有的上面进行修改

编辑的端口和新增的端口差别就是ID

在请求头上面用字符串拼接的方法加上ID,通过ID找到你要编辑的图片,这样就可以完成你在原有照片上进行修改了。




返回列表 返回列表
评论

    分享到