SOURCE

console 命令行工具 X clear

                    
>
console
var config = {
    resources: {
        /**
         * 配置数据(资源)
         * 首先我们需要配置`资源`、用于描述接口的`字段`组成、以及`api`的存取地址
         */
        res: {
            api: {
                // api前缀
                prefix:
                    'https://easy-mock.com/mock/5a0023effbbb09615044cb82/',
                // 读取数据接口
                read: 'read',
                // 更新数据接口
                update: 'update',
                // 更新数据接口
                list: 'list'
            },
            fields: {
                // 定义id和testRate两个字段
                id: {
                    type: 'text',
                    label: '文本'
                },
                testRate: {
                    type: 'rate',
                    label: '评分'
                }
            }
        }
    },
    /**
     * 配置区块
     */
    blocks: {
        /**
         * 接下来我们需要配置`区块`、用于表单的编辑,并配置一个更新数据的操作按钮、并进行数据校验
         */
        formEdit: {
            type: 'form',
            ctx: 'edit',

            // 指定block使用的资源为上面声明的res
            resource: 'res',

            /**
             * 配置操作
             */
            operations: {
                // 配置一个提交表单操作,触发submit event
                base: 'FORM_SUBMIT'
            },

            events: {
                init: '@read',
                submit: '@validate @update'
            }
        },
        /**
         * 接下来我们配置一个列表区块
         */
        listBlock: {
            type: 'list',

            // 指定block使用的资源为上面声明的res
            resource: 'res',

            events: {
                init: '@list'
            }
        }
    },
    render: true
};

// 注册block、使用配置生效
ams.block('demo', config);
body {
  background: #fff
}

本项目引用的自定义外部资源