- 已实现
- 进行中
- 无顺序
先实现第一版投入使用提高效率为主 | | | | | | —- | —- | —- | —- | |
- [ ]| 技术选择 | vscode,vite+v3 中间界面用vue2(可行性未知)
https://github.com/vueuse/vue-demi
https://juejin.cn/post/6977259197566517284
示例一、
vue3 调用 vue2 组件
https://blog.csdn.net/weixin_35241413/article/details/112448608 | |
|
- [ ]
| 所依赖的代码片段 | 干净的、简约、相对独立的业务代码。表单的有弹窗的无弹窗的,表格等。 | |
|
- [ ]
| 组件优化 | 表单增加了更多,可以把弹窗附加进去但是都是相互独立的。优化下代码,还有其他的 | |
|
- [ ]
| 代码功能分离 | 使用mixin 还是自己的方式实现,自己方式实现 会对 变量增加 scope
可以进行做vue2功能的
在使用 @vue/composition-api
这样在转vue3 还会更方便
https://github.com/vuejs/composition-api
https://vueuse.org/core/useDark/
https://blog.csdn.net/frontend_frank/article/details/108786784
逻辑拆分 暴露出来
创建自定义命令
每个组件 都有 一些方法 data 等等相当于一个 不同的积木
每个组件有对应的 需要添加 删除的 方法 暂时会选用 职责链 模式 进行
抽象成一个对象
https://juejin.cn/post/6972536019656638478?share_token=bf888794-ac80-4bb5-b890-711545854b46
自定义JSON parse stringify
template 如何增加 选用 数组暂定
对于多组件是否有公用 data methods 检测
由于 基础页面配置很多相同 例如 未选中 提示您还未选择 刷新操作等等都是相通类似的 考虑👀
如何 配置模板
- 让其填写每个部分 script template scss
- 等等
| |
|
- [ ]
| 优化代码目录结构 | 项目的components目录,统一方便调用,业务代码目录结构,拆分成相对应的功能
| |
|
- [ ]
| 使用子模块的方式 | 有更改修改的话可以在页面里或者 提交下拉。方式找最优的方式 | |
|
- [ ]
| 代码生成功能 | 生成对应逻辑结构的代码,自动添加到路由里,自动创建功能 | |
|
- [ ]
| | 代码里增加注释方便低代码操作跟生成结构,方便二次开发类似编辑
例如: 又增加一个新的弹窗还得自己写 创建相对来说麻烦, 因为做好了 代码template分离, 和逻辑分离 插入删除相对简单 | |
|
- [ ]
| | 也会对应生成README.md 对应的目录下的做的 或者 不需要过多一个主目录下的一个 | |
|
- [ ]
| |
1. 现有接口的情况下,可以在右侧配置直接完成 根据接口文档 (需要讨论下那个自动生成搜索栏跟表格的那个咋配合一下);
1. 没有接口情况下,会使用类似代码片段的 $1 这种会在左侧生成树,便于找到对应的直接修改
| |
|
- [ ]
| | 增加规范代码注释便于做操查看修改对应功能 自动生成 | |
|
- [ ]
| | 左侧 代码片段选项 | |
|
- [ ]
| | 中间内容就是渲染好的界面
中间的界面跟真实界面一样可以点击 然后还可以增加弹窗类似的东西 | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [x]
| 结合图表 | 基于G2的图表 二次封装 | |
|
- [ ]
| | 配合自动生成配置项 | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
|
- [ ]
| | | |
