feat: 从表结构生成前端基础文件 · Pull Request !105 · huge-dream/django-vue3-admin

# feat: 从表结构生成前端基础文件

## 摘要

使用MySQL读取表结构，根据表结构生成前端基础文件，包括`api.ts`、`crud.tsx`、`index.vue`等文件。并自动配置`crudOptions`、`apiPrefix`、`component name`。

## 使用

``` shell
sh crud-gen.sh <app_name> <view_name> <table_name>
```

## 示例

``` shell
sh crud-gen.sh db DeviceViewSet device
```

脚本会在`./web/src/views/`下创建`db/DeviceViewSet`文件夹，并生成`api.ts`、`crud.tsx`、`index.vue`等文件。脚本将根据MySQL返回的表结构，在`crud.tsx`中配置基础的`crudOptions`，包括自动配置类型，是否必填等。一个`columns`样例如下：

``` json

username: {
                    title: 'username',
                    type: 'text',
                    search: { show: true },
                    column: {
                        minWidth: 120,
                        sortable: 'custom',
                    },
                    form: {
                        component: {
                            placeholder: '请输入 username',
                        },
                    },
                },
```

- 自动生成的组件名为：`DeviceViewSet`。
- 自动生成的`apiPrefix`为：`/api/DeviceViewSet/`。
- 自动生成的权限格式为：`auth('DeviceViewSet:<Behavior>')`

> 使用需要`.env`中已经配置`MYSQL_PASSWORD`。

类型	指派人员	状态
审查	dvadmin 已审查通过	已完成 (1/1人)
测试	dvadmin 已测试通过	已完成 (1/1人)

huge-dream/django-vue3-admin .gitee-modal { width: 500px !important; }

搜索帮助

huge-dream/django-vue3-admin