关于 iCRUD

iCRUD 是一套基于 View UI Plus 的增强型表格组件，面向配置开发，快速搭建具备 增、删、改、查 功能的表格页面。支持 Vue.js 3。

在线预览

• 视频介绍
• 在线预览

产品特点

• 面向配置的开发模式，且提供了三个不同维度的配置，开发简单快速，省去大量业务代码；
• 支持 View UI Plus Table 组件的全部功能；
• 支持 vxe-table，及大数据量渲染、大数据量树形数据等。
• View UI Plus 的 Form 组件全面覆盖（17+）；
• 支持本地和远程的数据字典，且自动缓存；
• 支持多种表格数据渲染及查看渲染方式，且针对 17+ Form 类组件深度优化显示效果；
• 扩展的多选模式，支持异步跨页数据多选，支持批量删除数据；
• 支持导出表格数据，支持打印表格，支持调整列顺序、列显/隐等功能；
• 移动端响应式设计。

简单示例

只需简单的配置，就已经能实现非常复杂的功能了，更多功能可以到在线预览体验。

<template>
    <i-crud :data="data" :columns="columns" handle-row selection-row />
</template>
<script>
    export default {
        data () {
            return {
                columns: [
                    {
                        title: '姓名',
                        key: 'name',
                        width: 0,
                        type: 'Input'
                    },
                    {
                        title: '生日',
                        key: 'birthday',
                        width: 0,
                        type: 'DatePicker'
                    },
                    {
                        title: '城市',
                        key: 'city',
                        width: 0,
                        type: 'Select',
                        dict: {
                            data: [
                                { label: '北京', value: 'beijing' },
                                { label: '上海', value: 'shanghai' },
                                { label: '深圳', value: 'shenzhen' }
                            ]
                        }
                    }
                ],
                data: [
                    {
                        name: '张三',
                        birthday: '2019-01-11',
                        city: 'beijing'
                    },
                    {
                        name: '李四',
                        birthday: '2018-08-12',
                        city: 'shenzhen'
                    },
                    {
                        name: '王五',
                        birthday: '2011-12-11',
                        city: 'shanghai'
                    }
                ]
            }
        }
    };
</script>

适用环境

• iCRUD 产品适用于 Vue.js 3，View UI Plus 最新版本。
• iCRUD 产品适用于 vxe-table V4 版本。
• 支持 Chrome、Safari、Firefox 等现代主流浏览器。