介绍

AMS 目前提供以下能力：

  • 通过 @ams-team/ams 基础库，提供通过配置生成整个后台的能力，包含数据读取、数据展示、数据编辑、数据列表、数据校验等基本功能
  • 通过 @ams-team/cli 工具，提供快速搭建项目脚手架、编写定制模块、发布管理定制模块等功能。可前往查看编写定制物料>>

AMS假设你已经对其依赖的和Element组件库介绍 - 图2有一定了解。如果还没，建议先去了解一下再来吧！

快速起步

  2. Vue.use(ams);

建议通过我们的cli工具来创建一个AMS项目！

AMS的核心思想是通过的数据结构，再用类JSON的格式配置对应的 区块 和 ，即可渲染成有UI和数据交互的前端界面。

  1. ams.resource('demoRes', { // ”demoRes“为资源名
  2.     api: {
  3.         prefix: 'https://easy-mock.com/mock/5a0023effbbb09615044cb82/', // 接口前缀
  4.         update: 'update', // 更新表单数据，值为更新接口的path，和接口前缀组成最终请求的url
  5.         read: 'read', // 读取表单数据，值为读取接口的path
  6.     },
  7.     fields: { // 字段
  8.         id: { // “id”为字段名
  9.             type: 'text', // 字段类型
  11.         testRate: {
  12.             type: 'rate',
  13.             label: '评分'
  14.         },
  15.         testTextarea: {
  16.             type: 'textarea',
  17.             label: '评语'
  18.         }
  19.     }
  20. })
  1. ams.render('demo')

我们已经成功完成了第一个AMS应用的配置了，通过简单的配置，不需要写UI和复杂的逻辑代码，就可以搭建出具备了数据读取、数据展示、数据编辑等基本功能的表单页面。