KFormDesign的使用

最新推荐文章于 2024-08-08 07:51:12 发布
最新推荐文章于 2024-08-08 07:51:12 发布
阅读量272 收藏 5
点赞数 10
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84424519/article/details/139600285
版权

(一) 引用方式

<template> <div> <k-form-design /> </div> </template>

(二) 官方文档

k-form-design文档

(三) 新增功能

1. 全局访问路径

一、解决问题

网络获取数据中不用写完整路径，便于开发与运维

二、覆盖范围
  • 下拉选择器
  • 树形选择器
  • 级联选择器
  • 单选框
  • 多选框
  • 单选按钮
  • 多选按钮
  • 弹出选择器

三、功能介绍
开发模式：在开发模式下，会自动替换已api/开头的请求
生产模式：在k-form-build 实际使用中 可以使用 :workModel='prod' 当注入该属性后，则不替换，使用系统自己的代理，避免 开发反复修改地址

2401_84424519
关注
探索 K-Form-Design：高效前端表单构建利器
gitblog_00019的博客
04-09 615
探索 K-Form-Design：高效前端表单构建利器 k-form-design基于vue Ant-Design 的表单设计器，快速开发项目地址:https://gitcode.com/gh_mirrors/kf/k-form-design 项目简介 是一个强大的前端组件库，专为快速构建可配置、灵活的表单设计而生。它基于 React 框架，提供了丰富的预设组件和强大的表单设计能力，让开发者可以...
k-form-design 基础
2401_84424519的博客
06-11 688
基于kcz66开源的k-form-design的3.6.1分支进行的二次开发。它vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速表单设计器: 表单设计器。
k-form-design:基于vue Ant-Design 的表单设计器，快速开发
05-10
表单设计器 k-form-design 简介 设计器布局参考form-generator项目，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速 注：该项目不兼容vue3.0项目，暂无后续兼容vue3.0的计划 特性 可视化配置页面 提供栅格、表格等布局 布局嵌套使用 提供预览、保存、生成json、生成可执行代码等操作 支持表单验证 快速获取表单数据 自定义组件插入 自定义主题色 组件 KFormDesign 表单设计器（基于可视化操作快速设计出表单页面，生成配置json或页面） KFormBuild 表单构建器（根据设计器中获取的配置json数据，快速构建出表单页面） 安装 # 使用yarn yarn add k-form-design
k-form-design 项目教程
最新发布
gitblog_00470的博客
08-08 1003
k-form-design 项目教程 k-form-design基于vue Ant-Design 的表单设计器，快速开发项目地址:https://gitcode.com/gh_mirrors/kf/k-form-design 项目介绍 k-form-design 是一个基于 Vue 和 Ant-Design-Vue 实现的表单设计器。它允许用户通过简单的可视化操作快速设计出表单页面，并生成可保存...
表单设计器 k-form-design
ejinxian的专栏
02-26 3253
项目，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速。支持自定义组件、表单联动等高级功能，使用 vue2 + CompositionAPI + ts 实现伪 vue3 应用。基于 vue+ElementUI 的表单设计器。
k-form-desgin表格增加表格线级颜色
tonysh_zds的博客
11-16 388
2)KFormDesgin/module/formItemProperties.vue 增加td样式录入框。3）KFormDesgin/module/layoutItem.vue 组件显示增加表格样式显示。1）KFormDesgin/config/formItemsConfig.js 增加默认值。4)KFormBuild/buildBlocks.vue 预览组件显示增加表格样式显示。k-form-desgin表格增加表格线级颜色。
vue_form_design:基于Vue3.0的表单设计器
03-16
为了开始使用Vue Form Design，你需要先安装依赖（可能使用`npm install`或`yarn`），然后启动开发服务器（通常使用`npm run serve`）。在浏览器中查看生成的本地服务器地址，就可以看到表单设计器的界面，并开始...
vue 集成 k-form-design
06-10
可以使用 npm 或 yarn 安装 k-form-design： ``` npm install k-form-design --save ``` 或 ``` yarn add k-form-design ``` 2. 注册 k-form-design 组件库 在 main.js 中，引入 k-form-design 组件库并注册为...
elementui 集成 k-form-design
06-10
可以使用 npm 或 yarn 安装 k-form-design： ``` npm install k-form-design --save ``` 或 ``` yarn add k-form-design ``` 2. 在 main.js 中注册 k-form-design 在 main.js 中，引入 k-form-design 组件库并...
form-design OA 工作流表单设计器
04-13
一个工作流表单设计器开源项目form-design。可实现form表单组件的拖动，基于bootstrap,jquery。
漂亮的form表单-漂亮的form表单
04-19
漂亮的form表单-漂亮的form表单-漂亮的form表单
k-form-design 改成自己组件步骤
tonysh_zds的博客
11-16 2102
k-form-design 改成自己组件步骤
KFormItem 实现，就是用到了插槽很简单
天天的博客
02-13 329
FormItem: <template> <div class="app"> <p>KFormItem</p> <slot></slot> <p v-if="error">{{error}}</p> </div> </template> <script> import {Type} from "@/cons
FormDesign JSON
界面呈现布道所
09-14 773
{ "tableId": "table_4d61e32693d7423492dc284e504a64c6", "subTable": "{'ctrl_1492524804550':[{'ctrl_1492524813004':'11111','undefined':'','projectId':'eb238b466b2f496f8e074559151b58e9','ctrl_149
15个基于CSS的Form表单设计
weixin_30674525的博客
03-30 207
注：本文非原创，点击查看原帖 我们都知道，表单是网页的重要组成部分，它是网站与用户进行交互的窗口。然而表单中固定的诸如说明文字、输入框、提交按钮等元素，使得表单设计略显乏味，难有创新，这一点不少Web设计师深有体会。好的Web设计师就是可以在平凡处挖亮点，让表单设计或耳目一新，或整洁素雅。下面就来看这样的15个基于CSS的优秀表单设计。 Footytube Go Squared Nex...
vue-form-build 接口文档
u012429102的博客
04-25 1860
#此项目只需要配置static目录下的apiPath为你自己的,eg apiPath:10.0.192.16:8080 #在后端给定一个post 新增的api: /dataV/layout/add 查询api /dataV/layout/findLayout byId查询api /dataV/layout/findLayoutById 删除api /dataV/layo...
封装Form表单组件简易版
qq_43641110的博客
12-06 715
通过学习element-ui源码，简易封装form基本功能：表单验证和数据双向绑定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值