diff --git a/dev.md b/dev.md new file mode 100644 index 00000000..37aa2e9d --- /dev/null +++ b/dev.md @@ -0,0 +1,30 @@ +[vue3 项目地址](https://gitee.com/xingyuv/yudao-ui-admin-vben) +[vue2 项目地址](https://gitee.com/-/ide/project/zhijiantianya/ruoyi-vue-pro/edit/master/-/yudao-ui-admin/src/views/infra/config/index.vue) + +* 为避免冲突,先fork vue3项目到自己仓库,然后clone下来,后续通过 pull request 方式提交代码 +* vue3 需要node>16.18,最好使用pnpm进行包管理 +* 安装pnpm +```base +npm add -g pnpm +``` +* 启动项目 +```base +pnpm i + +pnpm dev +``` +* 目前大部分api接口已经迁移过来,view初始页面已经创建 +* 基本上只需要在view里,将页面进行迁移即可 +* 迁移方式 +* 1. 在views下找到自己的开发模块 +* 2. 复制system/post下三个文件到需要开发的路径下 +* 3. 将post.data.ts 以及 PostModel.vue 更名为需要开发的名称(以下用role代替) +* 4. index.vue 中 修改script lang="ts" setup name="Post"中 name为Role PostModel 为RoleModel 详情看图 +index.vue +* 5. 修改post.data.ts 更名为role.data.ts 然后打开文档最上面的vue2代码,找到迁移的index.vue文件 +* 6. 修改 columns 为 vue2 中 el-table-column 的参数 title 为 vue2中label ,dataIndex 为 prop +* 7. 修改 searchFormSchema 为 vue2 中 搜索工作栏 下 el-form-item 的参数,component 可参考其他已完成页面修改 +* 8. 修改 formSchema 为 vue2 中 添加或修改参数配置对话框 的参数,component 可参考其他已完成页面修改 +* 9. 修改 PostModel.vue ,更名为RoleModel.vue,如果所示的其他字段 +index.vue +* 10. 基本上70%以上的页面这样就可以完成了,修改完成后测试一下增删改查,如果没有问题就可以提交pr了 diff --git a/docimg/1.png b/docimg/1.png new file mode 100644 index 00000000..7af21469 Binary files /dev/null and b/docimg/1.png differ diff --git a/docimg/2.png b/docimg/2.png new file mode 100644 index 00000000..e243a1a9 Binary files /dev/null and b/docimg/2.png differ