简介
不久前,一款备受瞩目的专注于大屏低代码开发平台冲进了开发者们的视野。这个平台不仅功能强大,操作简便,而且为企业数智化转型提供了极大的便利。项目开源不久,现如今就已经收获了1200+的Star标星。
这就是最近非常火热的“顶流”低代码平台,名为Cola-Designer!
Cola-Designer 是一个基于VUE实现拖拽 + 配置方式生成数据大屏的设计器,为简化开发、提高效率而生。它不仅支持网页设计,还支持大屏设计,适用于各种场景的前端开发需求。
特性
- 零代码开发:实现完全拖拽 + 配置式生成大屏,设计即生产(动态数据需要后端提供API接口)。
- 快速开发与部署:项目采用行业流行架构SpringBoot+Vue,开发和部署都非常方便。
- 组件丰富:内置element、dataV、echarts等优秀开源报表常用组件,满足基本的设计需求。
- 高度自定义:如果设计器没有你需要的组件,可以通过详细文档在5分钟内开发出自己想要的组件。
界面演示
以下是一些Cola-Designer的界面截图,带你感受一下这款设计器的强大功能和便捷操作:
Cola-Designer的优势
相比于其他低代码平台,如MetaLowCode,Cola-Designer在以下几个方面具有显著优势:
- 更直观的界面设计:Cola-Designer的拖拽式设计器和配置化生成方式使得用户体验更加直观和友好。
- 丰富的内置组件:内置了element、dataV、echarts等常用组件,用户可以直接使用,无需额外安装。
- 高度自定义能力:Cola-Designer支持用户自定义组件,且文档详细,操作简单,5分钟即可开发出自己想要的组件。
- 快速部署和开发:采用SpringBoot+Vue架构,开发和部署非常方便,极大地提高了开发效率。
使用方法
以下是Cola-Designer的使用方法,供大家参考:
# 克隆项目
git clone https://gitee.com/colaiven/cola-designer.git
# 进入项目目录
cd cola-designer
# 安装依赖
yarn install
# 启动项目(开发模式)
yarn serve
| 类型 | 链接 |
|---|---|
| Cola-Designer官网 | gitee.com/colaiven/co… |
| 演示地址 | cdesign.fun/login (用户名:demo,密码:123456) |
| 文档地址 | colaiven.github.io/cola-design… |
大家感兴趣的话也可以自己动手部署尝试一下。除此之外,大家有兴趣也可以研究一下对应的代码,这也是一个很好的项目学习材料。