[FormMaking]Vue表单设计器动态生成还原表单项目编译包可直接引入Vue项目中启动（Vue2）

共9个文件

js：3个

woff2：1个

woff：1个

vue.js

需积分: 0 6 下载量 54 浏览量 2023-05-16 22:55:55 上传评论收藏 802KB ZIP 举报

温馨提示

基于 Vue 的可视化表单设计器，赋能企业实现低代码开发模式；帮助开发者从传统枯燥的表单代码中解放出来，更多关注业务，快速提高效率，节省研发成本。目前已经在OA系统、考试系统、报表系统、流程管理等众多项目中得到了广泛使用。本项目采用 Vue 和 Element 进行页面构建，内置 i18n 国际化解决方案，支持二次扩展开发，支持自定义组件扩展。项目分为设计器MakingForm 和生成器GenerateForm，可通过设计器可视化的完成表单的快速创建，并生成JSON Schema；生成器可通过加载JSON Schema渲染出表单。主要特性可视化主流的表单设计器页面，通过可视化操作，方便快捷的完成表单页面编辑。主流UI 支持创建 Element 和 Ant Design 风格的表单，使用范围广泛。最新技术栈最新的前端技术栈，支持 Vue2 / Vue3，内置了 i18n 国际化解决方案，方便二次开发。多终端适配支持 pc、pad、mobile 多终端布局适配，并可查看展示效果。丰富的布局提供了栅格、标签页、表格等复杂的表单布局，更贴近与企业级的需求

资源推荐

资源详情

资源评论

收起资源包目录

[email protected] （9个子文件）

dist

FormMaking.umd.min.js 1.04MB

FormMaking.common.js 1.04MB

FormMaking.umd.js 1.04MB

FormMaking.css 98KB

demo.html 723B

fonts

iconfont.44ed51c3.ttf 25KB

iconfont.83f46a12.woff 15KB

iconfont.448998ea.woff2 13KB

package.json 3KB

共 9 条

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <link rel="stylesheet" href="./FormMaking.css"> <style> html,body,#app{ height: 100%; } </style> </head> <body > <div id="app" >  <fm-making-form upload preview generate-code generate-json> </fm-making-form> </div> </body>  <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <script src="./FormMaking.umd.js"></script> <script> new Vue({ el: '#app' }) </script> </html>

评论收藏

内容反馈