![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Springboot+Vue项目
文章平均质量分 89
一个商品管理系统
keson要进步
这个作者很懒,什么都没留下…
展开
-
Vue3+TypeScript项目(品牌管理模块)
2.el-table-column的type属性:对应列的类型。因为prop属性虽然能够展示数据,但是他默认是div,如果我们的图片使用prop展示的话,会展示图片的路径。3.el-table-column的prop属性:字段名称 对应列内容的字段名, 也可以使用 property属性。比如我们这里绑定的trademarkArr是个三个对象的数组,就会多出来3行。注意:因为我们之前已经绑定了数据,所以在这里直接使用数据的属性tmName。在数据展示模块,我们使用了element-plus的。原创 2024-03-17 18:56:15 · 609 阅读 · 1 评论 -
Vue3+TypeScript项目(属性管理模块)
属性管理分为上面部分的三级分类模块以及下面的添加属性部分。我们将三级分类模块单独提取出来做成全局组件。原创 2024-03-19 17:44:24 · 379 阅读 · 1 评论 -
Vue3+TypeScript项目(中)
创建 src\store\modules\types\type.ts//定义小仓库数据state类型创建src\utils\token.ts//封装本地存储存储数据与读取数据方法//存储数据//本地存储获取数据修改src\store\modules\user.ts//创建用户相关的小仓库//引入接口//引入数据类型//引入操作本地存储的数据方法//创建用户小仓库//小仓库存储数据的地方return {token: GET_TOKEN(), //用户唯一标识},原创 2024-03-05 17:33:44 · 402 阅读 · 1 评论 -
Vue3+TypeScript项目(用户管理模块)
添加用户按钮:我们在点击添加用户按钮的时候,先把之前的用户数据清空。截图修改一下,用户名字改为username,用户名称改为name。添加和修改的请求封装成一个。点击取消按钮之后:关闭抽屉。原创 2024-04-03 17:28:08 · 334 阅读 · 1 评论 -
Vue3+TypeScript项目(中)顶部导航组件
【代码】Vue3+TypeScript项目(中)顶部导航。原创 2024-03-13 00:45:03 · 978 阅读 · 1 评论 -
Vue3+TypeScript项目(SPU管理模块)
单元。是商品的最小单位,是一组可复用、易检索的标准化信息的集合,该集合描述了一个产品的特性。通俗点讲,、特性相同的商品就可以称为一个SPU。原创 2024-03-28 17:17:59 · 805 阅读 · 0 评论 -
Vue3+TypeScript项目(SKU管理模块)
注意:在这里切换页码和切换每页数据条数的回调不同是因为:它们都能对函数注入数据,切换页码注入的是点击的页码数,因此我们可以直接使用getHasSku作为他的回调。切换每页数据条数注入的是切换的页码条数,我们希望切换后跳转到第一页,因此使用handler,间接调用getHasSku。无外乎API(type),组件内发请求拿数据、将数据放到模板中。2:对数据结构的理解(可以将请求回来的数据放到正确的位置上)3:element-plus组件的使用。由于没有返回数据,所以没有ts类型。轮播图 carousel。原创 2024-04-02 17:16:06 · 1211 阅读 · 1 评论 -
Vue3+TypeScript项目(上)
一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范,需要使用preinstall来统一包管理工具。当我们 commit 提交信息时,就不能再随意写了,必须是 git commit -m 'fix: xxx' 符合类型的才可以,**需要注意的是类型的后面需要用英文的 :,并且冒号后面是需要空一格的,这个是不能省略的。stylelint为css的lint工具。原创 2024-03-04 15:32:04 · 2033 阅读 · 1 评论