注意:vuex仓库存储数据----不是持久化(刷新数据清空)
KV一致,省略V
常用的:prevent 阻止事件默认行为;stop 阻止事件冒泡;once 事件执行一次
1)删除选中全部产品的操作
注意:没有一次删除很多产品的接口,但是有通过ID可以删除产品的接口【一次删一个】
Promise.all([p1,p2,p3])
p1|p2|p3:每一个都是 Promise对象,如果有一个Promise失败,都失败,如果都成功,返回成功
![](https://i-blog.csdnimg.cn/blog_migrate/c607e0a78f20590eb3fd2c3901a1e9ca.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3d5a9ce9eaff015c4e8fb52bfe4614c9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/58f8ae720d3fe28bea9e81b5e0e78088.png)
2)全选操作
![](https://i-blog.csdnimg.cn/blog_migrate/c4a0a81faf1d3b0b86152eb2f06be27e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2a128bc4c8963cc5a234c8bae8ede3e1.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1ec343c5740913e8172ac003e4f3e273.png)
3)登录与注册静态组件--(处理共用图片资源问题)***
登录与注册功能(git),必须要会的技能
3.1登录与注册的静态组件
3.2 assets文件夹---放置全部组件共用静态资源
3.3在样式当中也可以使用@符号【src别名】,切记在前面加上~
4)注册的业务--表单验证先不做
4.1获取 验证码
---/api/user/passport/sendCode/{phone}
4.2注册用户
![](https://i-blog.csdnimg.cn/blog_migrate/da0ba1fb18a7f5d763b17d04a0d0dbf0.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5c3ceeaaee12b8c2d205b2fb94786fe5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b8d9a03b7e1adcdac4cfdc54a1178a4f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/43b9b5270a0174174cdc3bd069905b21.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2478a249cc82bf1062fea9ebadde8aee.png)
5)登录业务
5.1注册--通过数据库存储用户信息(名字、密码)
5.2登录---登录成功的时候,后台为了区分你这个用户是谁-服务器下发token【令牌:唯一标识符】
登录接口:做的不完美,一般登录成功服务器会下方token,前台持久化存储token【带着token找服务器要用户信息进行展示】
注意:vuex仓库存储数据----不是持久化
登录|退出登录
![](https://i-blog.csdnimg.cn/blog_migrate/32ca19b7d40335d997553a34e4daccf3.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5cb56e86473cdc70d3e0d1e3bba58ec5.png)
api
![](https://i-blog.csdnimg.cn/blog_migrate/60114fba34c1b09c40d438c9c1465467.png)
token令牌
![](https://i-blog.csdnimg.cn/blog_migrate/9c912a864b600973469ef45322f73374.png)
vuex
![](https://i-blog.csdnimg.cn/blog_migrate/ea6f461a3bdb338e27d9bdf54d869725.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d8a0522870e64b027e27fb6fd0c26ca4.png)
展示
![](https://i-blog.csdnimg.cn/blog_migrate/8785170213653f01116e6d5daefdcd36.png)
![](https://i-blog.csdnimg.cn/blog_migrate/221bfe737cf808e573308193b3f48a76.png)
![](https://i-blog.csdnimg.cn/blog_migrate/88e04e330dc843eae1a1266da616f9c4.png)