<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 引入样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus/dist/index.css">
<link rel="stylesheet" href="./index.css">
<style>
html,body,#app{
height: 100%;
}
</style>
</head>
<body >
<div id="app" >
<fm-making-form preview generate-code generate-json>
</fm-making-form>
</div>
</body>
<!-- 引入组件库 -->
<script src="https://cdn.jsdelivr.net/npm/vue@next/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/element-plus"></script>
<script src="./form-making-v3.umd.js"></script>
<script>
Vue.createApp({}).use(ElementPlus).use(FormMakingV3).mount('#app')
</script>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
[FormMaking]Vue表单设计器动态生成还原表单项目编译包可直接引入Vue项目中启动(Vue3)
共20个文件
png:12个
js:2个
ds_store:2个
需积分: 0 12 下载量 7 浏览量
2023-05-16
23:08:49
上传
评论
收藏 1.32MB ZIP 举报
温馨提示
基于 Vue 的可视化表单设计器,赋能企业实现低代码开发模式;帮助开发者从传统枯燥的表单代码中解放出来,更多关注业务,快速提高效率,节省研发成本。 目前已经在OA系统、考试系统、报表系统、流程管理等众多项目中得到了广泛使用。 本项目采用 Vue 和 Element 进行页面构建,内置 i18n 国际化解决方案,支持二次扩展开发,支持自定义组件扩展。 项目分为 设计器MakingForm 和 生成器GenerateForm,可通过设计器可视化的完成表单的快速创建,并生成JSON Schema; 生成器可通过加载JSON Schema渲染出表单。 主要特性 可视化 主流的表单设计器页面,通过可视化操作,方便快捷的完成表单页面编辑。 主流UI 支持创建 Element 和 Ant Design 风格的表单,使用范围广泛。 最新技术栈 最新的前端技术栈,支持 Vue2 / Vue3,内置了 i18n 国际化解决方案,方便二次开发。 多终端适配 支持 pc、pad、mobile 多终端布局适配,并可查看展示效果。 丰富的布局 提供了栅格、标签页、表格等复杂的表单布局,更贴近与企业级的需求
资源推荐
资源详情
资源评论
收起资源包目录
form-making-v3-tmp@3.5.5.zip (20个子文件)
dist
.DS_Store 6KB
form-making-v3.umd.js 1.07MB
favicon.ico 4KB
form-making-v3.es.js 1.97MB
images
.DS_Store 6KB
json5.png 96KB
json3.png 123KB
json6.png 129KB
json2.png 62KB
json7.png 57KB
json11.png 92KB
json1.png 110KB
json4.png 77KB
json8.png 98KB
json9.png 80KB
json10.png 102KB
json00.png 14KB
demo.html 732B
index.css 177KB
package.json 1KB
共 20 条
- 1
资源评论
lonelysoul1991
- 粉丝: 1
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功