{"id":13459669,"url":"https://github.com/GavinZhuLei/vue-form-making","last_synced_at":"2025-03-24T18:31:07.832Z","repository":{"id":37359649,"uuid":"132862785","full_name":"GavinZhuLei/vue-form-making","owner":"GavinZhuLei","description":"A visual form designer/generator base on Vue.js, make form development simple and efficient.（基于Vue的可视化表单设计器，让表单开发简单而高效。）","archived":false,"fork":false,"pushed_at":"2023-12-27T13:37:51.000Z","size":114028,"stargazers_count":5472,"open_issues_count":4,"forks_count":1449,"subscribers_count":147,"default_branch":"master","last_synced_at":"2024-10-28T08:56:01.130Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://form.making.link","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GavinZhuLei.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-05-10T07:12:05.000Z","updated_at":"2024-10-26T16:31:01.000Z","dependencies_parsed_at":"2023-02-09T03:01:20.949Z","dependency_job_id":"f08094fc-f81c-4535-bf8a-56fb49aeaa4b","html_url":"https://github.com/GavinZhuLei/vue-form-making","commit_stats":{"total_commits":142,"total_committers":9,"mean_commits":"15.777777777777779","dds":0.1338028169014085,"last_synced_commit":"9bc9d558d204daa5d6574ee256abae534d7a321d"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GavinZhuLei%2Fvue-form-making","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GavinZhuLei%2Fvue-form-making/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GavinZhuLei%2Fvue-form-making/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GavinZhuLei%2Fvue-form-making/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GavinZhuLei","download_url":"https://codeload.github.com/GavinZhuLei/vue-form-making/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221995746,"owners_count":16913553,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T10:00:24.363Z","updated_at":"2024-10-29T05:31:12.985Z","avatar_url":"https://github.com/GavinZhuLei.png","language":"Vue","funding_links":[],"categories":["前端相关","技术方案","Vue","语言资源库","Vue（104）","精选 LessCode 项目"],"sub_categories":["JavaScript"],"readme":"# vue-form-making\n\n\u003cp\u003e\n  \u003ca href=\"https://github.com/vuejs/vue\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/vue-2.6.5-brightgreen.svg\" alt=\"vue\"\u003e\n  \u003c/a\u003e\n  \n  \u003ca href=\"https://github.com/ElemeFE/element\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/element--ui-2.9.1-brightgreen.svg\" alt=\"element-ui\"\u003e\n  \u003c/a\u003e\n  \n  \u003ca href=\"https://www.npmjs.com/package/form-making\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dt/form-making\" alt=\"downloads\"\u003e\n  \u003c/a\u003e\n  \n  \u003ca href=\"https://github.com/GavinZhuLei/vue-form-making/blob/master/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/GavinZhulei/vue-form-making\" alt=\"license\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n[简体中文](./README.zh-CN.md) | English\n\nThe FormMaking developed base on [vue](https://github.com/vuejs/vue) and [element-ui](https://github.com/ElemeFE/element), equipts with the latest front-end technology stack, built-in i18n internationalization solution, all of those are aimed at making developmemt simpler, and more efficiently.\n\n**This project is the base version, and if you need to experience the [Advanced](https://form.making.link/#/en-US/), you can go to the advanced version, which provides more components and functionality, add support Vue3.**\n\n\n* [Preview](https://form.making.link/basic-version#/en-US/)\n* [Development](https://form.making.link/docs/en/bv/guide.html)\n* [Components](https://form.making.link/docs/en/bv/component.html)\n  * [MakingForm](https://form.making.link/docs/en/bv/component.html#form-designer-makingform) (Quickly design the form page based on the visual operation.)\n  * [GenerateForm](https://form.making.link/docs/en/bv/component.html#form-generator-generateform) (The generator will render a form page quickly base on the configuration json data captured in the designer.)\n* [Secondary Development](https://form.making.link/docs/en/bv/develop.html)\n\n## Feature\n\n* Visual configuration page\n* Provide grid layout and align with flex\n* One-click preview of configuration effects\n* One-click generation of configuration json data\n* One-click generate code, ready to run\n* Provide custom components to meet user's custom requirements\n* Provides a remote data interface for users to asynchronously fetch data\n* Provides powerful advanced components\n* Support for form validation\n* Get form data quickly\n* Internationalization support\n\n## Advanced version\n\nThe advanced version provides more functionality than the base version:\n\n\n* More beautiful pages;\n\n* Add fields quickly by clicking;\n\n* More property Settings, including data source and form events;\n\n* More control fields (subforms, custom components, etc.);\n\n* More layout containers and can be nested with each other (grids, tables, tabs);\n\n* More apis for more complex business needs;\n\n* Add custom fields, you can quickly introduce your own components;\n\n* Can quickly add custom styles;\n\n* Support data source, convenient form data configuration;\n\n* Support action events, which can make forms more flexible configuration;\n\n* Multi-terminal adaptation display;\n\n* Provides Ant Design-style components (modified by the introduction of ANTD Vue);\n\n* Support Vue3.\n\n[Click here](https://form.making.link/#/en-US/).\n\n## Third-party plug-ins\n\n* [vuedraggable](https://github.com/SortableJS/Vue.Draggable)\n* [element-ui](https://github.com/ElemeFE/element)\n* [ace](https://github.com/ajaxorg/ace)\n* [vue2-editor](https://github.com/davidroyer/vue2-editor)\n\n## Browsers support\n\nModern browsers and Internet Explorer 10+.\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eIE / Edge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari |\n| --------- | --------- | --------- | --------- |\n| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions\n\n## Licenses\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGavinZhuLei%2Fvue-form-making","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FGavinZhuLei%2Fvue-form-making","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGavinZhuLei%2Fvue-form-making/lists"}