- 博客(6)
- 收藏
- 关注
原创 vue3重构通用后台管理系统
env获得的是当前的环境,默认的是prod,用相关的es6语法进行匹配,envconfig得到env的值,得到baseApi和mockApi,仔设置一个mock为开关。ismock就是上面我说的情况,ismock默认的值为false,mock不存在的时候,ismock就是 使用baseApi mock存在的时候,isMock为true 使用的就是mockApi。在实现的时候,使用了elementplus(适用于vue3),谈几个创新的点。创建axios实例对象。
2023-05-05 18:56:16
352
原创 第一次项目实战(2)
在查询的按钮上绑定一个时间,点击查询就i会触发getlist事件,输入框又绑定了一个数据实现了动态变化(v-model)这样就可以根据输入的姓名进行查询,完成了一个简单的查询的功能。想要实现查询功能,就需要了解查询的逻辑,通过一个特殊的数据,也就是每个数据的独特性,在这里我选择了姓名,作为标识符,先看看mock里面的写法。建立一个tablist对象,当点击侧边的时候,就将对应的对象对象push进去,而面包屑再对于整个数据进行渲染,就完成了面包屑的功能。主要数据的渲染就是用了简单的饿了么组件,没什么好说的。
2023-04-21 17:24:25
110
原创 通用后台管理系统 第一次尝试项目(1)
大概的布局如上 除了main区域之外 其他的还是固定不变的 因为主要的路由的切换就是在main区域 router-view就是留给动态路由的。在右上角的区域 可以实现登出,除了基本的跳转界面,还应该清除对应的cookie,如果不进行清除,就会在登录功能的时候出现问题。有一点值得注意的是!我拿出了一部分路由的代码 默认的是home路由 默认会跳转到那里 其他的可以根据path的值的变化进行变化。关于这里的数据是用axios请求 从mock后端返回的,数据的请求使用到了axios相关的知识。
2023-04-19 22:29:05
147
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅