https://github.com/dgiot/dgiot-amis-editor

amis 是一个低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率。
https://github.com/dgiot/dgiot-amis-editor

amis amis-editor amis-editor-vue amis-vue dgiot dgiot-amis dgiot-amis-editor npm vue

Last synced: about 1 month ago
JSON representation

amis 是一个低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率。

• Host: GitHub
• URL: https://github.com/dgiot/dgiot-amis-editor
• Owner: dgiot
• License: mpl-2.0
• Created: 2021-11-22T05:27:07.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-22T07:50:34.000Z (over 3 years ago)
• Last Synced: 2025-04-17T07:17:18.599Z (about 2 months ago)
• Topics: amis, amis-editor, amis-editor-vue, amis-vue, dgiot, dgiot-amis, dgiot-amis-editor, npm, vue
• Language: JavaScript
• Homepage: https://dgiot-amis-editor.vercel.app/
• Size: 9.98 MB
• Stars: 27
• Watchers: 3
• Forks: 17
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# dgiot-amis-editor



  

	

	

	

	


	

	

	

	


	

	

  



![微服务架构图_02.png](https://dgiot-1253666439.cos.ap-shanghai-fsi.myqcloud.com/shuwa_tech/zh/frontend/web/%E5%BE%AE%E6%9C%8D%E5%8A%A1%E6%9E%B6%E6%9E%84%E5%9B%BE_02.png)

## Installation

```bash

yarn add @dgiot/dgiot-amis-editor

```

## Quick Start

### [main.js](https://github.com/dgiot/dgiot-amis-editor/blob/master/examples/main.js#L3)

```javascript

  import DgiotAmisEditor from '@dgiot/dgiot-amis-editor'

  Vue.use(DgiotAmisEditor)

```

### [examples.vue](https://github.com/dgiot/dgiot-amis-editor/blob/master/examples/App.vue#L11)

  ```vue

    

   data() {

      return {

        isPreview: false,

        isMobile: false,

        post: {

          json: '',

          amis_page_id: 15,

        },

        baseURL: 'https://prod.iotn2n.com',

        schema: {},

      }

    }

  ```

### Online examples

[![Edit gmullerb-react-reducer-provider](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/dgiot/dgiot-amis-editor)