芋道系统生成代码步骤

pyniu2026-02-12 10:53

1.运行代码找到代码生成的部分

2.导入数据源

这里需要先配置数据源，可以在mysql或者其他数据库去创建表下面以mysql为例，在这里面创建相关表就可以了，注意只能在这里面创建，系统只支持在这里面导入数据源

然后选择需要的表这里以单表为例

可以点击预览按钮查看代码结构，也可以修改字段信息，最后点击生成代码就会下载压缩包，压缩包，压缩包有3部分如下，包含前端，后端和sql

3.复制代码到你的项目中

需要找到最后一级也就是你生成代码的那个级别，前面公共的不需要有，从没有的地方开始就可以把把整个文件复制到项目里面了。

比如前面都是公共的，就可以从test这个文件夹去复，找到对应的位置放在上一级目录下直接黏贴就行。前端同理但是前端会稍微复杂点，可能需要改路由，路由配置在下面的这个文件里面。

还有一点就是需要解除限制不然可能不会显示相应的按钮，这个在index.vue文件里面

复制代码

index.vue ctrl+f去寻找 搜索
删除 v-hasPermi="['system:test:create']"
导出也要删除不然不会显示
<el-form-item>
        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
        <el-button
          type="primary"
          plain
          @click="openForm('create')"
          v-hasPermi="['system:test:create']"

v-hasPermi=" $'system:test:create'$ "这一句给删了重新刷新就可以了，这里大半部分开发就算完成了，下面的就是根据自己的需要进行微调就可以了。