关注
分享
从 0 实现可视化表单组件 实战课
Vue.js 入门实战 JavaScript
297 人学过 49 次评价 难度: 中级 综合评分: 9.8 2023-07-12 更新
¥ 99
完成学生认证,立享5折优惠 >>
课程介绍
章节目录
课程问答&报告
课程评价 49
你将学到的
Vue 组件开发
vue-ele-form 表单组件使用
表单富文本扩展组件实现
vuedraggable 拖拽组件使用
可视化表单组件完整实
f-render 组件定制化和二次开发
详细介绍

随着 To B 市场的大热,企业出现了各种管理系统需求。对于前端而言,最大的工作量就是各种表单和表格的实现,但其本身开发并没有什么技术含量,很多时间是复制粘贴,改改参数,做的时间长了不免觉得无聊。

对于这类工作我们当然是能简化就要简化,最好用可视化的方式,妥妥拽拽就可以完成功能,这就是可视化表单诞生的最初原因。

另外流程引擎的设计上,是必须要借助动态表单才能实现。流程引擎上会有各种审批表单,这个表单需要动态设计,而不是固定代码。整体的流程就是:

  • 首先可视化表单进行设计;
  • 然后后端进行配置的存储;
  • 最后再回显给用户;
  • 采集数据。

以上就是可视化表单诞生的原因:解决大量重复的劳动和流程引擎动态表单需求。

效果图:

演示图

图片描述

先学课程

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 版权说明:课程内容为蓝桥云课原创或蓝桥云课在原作者授权下制作。未经书面同意,擅自爬取、转载和再分发课程内容,均将受到严肃追责。
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师
扫码加入社群
和10w学子共同进步
AI 小助手
有问题就来问我吧
立即咨询