当前位置: 首页 > 软件库 > Web应用开发 > Vue 组件 >

vue-form-making

可视化表单设计器
授权协议 LGPL
开发语言 JavaScript
所属分类 Web应用开发、 Vue 组件
软件类型 开源软件
地区 国产
投 递 者 龙高超
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

基于 vue 和 element-ui 实现的表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,可以让表单开发简单而高效。

特性

  • 可视化配置页面
  • 提供栅格布局,支持Flex和响应式布局
  • 一键预览配置的效果
  • 一键生成配置json数据
  • 一键生成代码,立即可运行
  • 提供自定义组件满足用户自定义需求
  • 提供远端数据接口,方便用户需要异步获取数据加载
  • 提供功能强大的高级组件
  • 支持表单验证
  • 快速获取表单数据
  • 国际化支持

  • 项目地址 简介 Vue动态生成表单组件 可以根据数据配置表单 使用的UI库是iView  在Vue里 一般要用到什么组件或数据 都得提前声明 所以要根据数据来生成表单 只能使用Vue的render函数 要做这一个组件 其实并不难 看一下Vue官方示例 再找个UI组件库 差不多就能写出来 如果对项目有兴趣 可以fork或克隆项目 自行研究  有问题或BUG欢迎提issues 文档 在线DEMO 表单

  • 资料 官网 在线演示网站-基础版 基础版-文档 在线演示网站-高级版 高级版-文档 版本对比 基础版本 高级版本 功能 提供了一些基础表单控件,表单校验,获取数据等基础功能。 相较于基础版本,高级版本提供了更丰富的功能:页面更加美观 通过点击即可快速添加字段; 更多的属性设置,包括数据源与表单事件; 更多的控件字段(子表单、自定义组件等); 更多的布局容器,并且可以相互嵌套(栅格、表格、标签页);

 相关资料
  • 从4.0版开始,Visual C++支持一种新型的工具条资源,这使得工具条的创建比以往更加方便灵活了。在MFC中,工具条的功能由类CToolBar实现。工具条资源和工具条类CToolBar是工具条的两个要素。创建工具条的基本步骤是: 1.创建工具条资源。 2.构建一个CToolBar对象。 3.调用CToolBar::Create函数创建工具条窗口。 4.调用CToolBar::LoadToolB

  • 5.1.1 计算可视化 随着计算机硬件和软件技术的发展,计算机图形技术越来越成熟,如今已经在各行各业中得到了广泛应用。有一些应用本身的任务就是绘制图形,例如制作动画片、艺术设计之类; 还有一些应用不以绘图为目的,但会利用图形来辅助完成任务,例如统计应用的目的是计算 各种数值指标,但常用图形来直观地展示统计结果。 可视化(visualization)是指将抽象事物和过程转变成视觉可见的、形象直观的图

  • 介绍 用于数据录入、校验,支持输入框、单选框、复选框、文件上传等类型,2.5 版本开始支持此组件。 引入 import { createApp } from 'vue'; import { Form } from 'vant'; const app = createApp(); app.use(Form); 代码演示 基础用法 在表单中,每个 Field 组件 代表一个表单项,使用 Field

  • 基本表单使用 <form id="my-form" action="/test"> <div class="field-row"> <label class="field-label">姓名:</label> <span data-ui-id="uNameTextBox"><input type="text"></span> </div> <div class

  • 表单组件。 Usage 全部引入 import { Form } from 'beeshell'; 按需引入 import { Form } from 'beeshell/dist/components/Form'; Examples Standard 布局设计 一个 Form.Item 内部分成三个区域,label 放在左边,Form.Item 的 children 的第一个元素放在右边,其

  • form 表单 效果展示 基本用法 <form class="page-wrap" method="post" action="./doc/json/ajaxDone.json" onsubmit="return validateCallback(this, navViewAjaxDoneClose)" > <header> <div class="toolbar">