大屏救星来了,专注大屏的低代码平台

576 阅读2分钟

简介

不久前,一款备受瞩目的专注于大屏低代码开发平台冲进了开发者们的视野。这个平台不仅功能强大,操作简便,而且为企业数智化转型提供了极大的便利。项目开源不久,现如今就已经收获了1200+的Star标星。

在这里插入图片描述

这就是最近非常火热的“顶流”低代码平台,名为Cola-Designer!

在这里插入图片描述

Cola-Designer 是一个基于VUE实现拖拽 + 配置方式生成数据大屏的设计器,为简化开发、提高效率而生。它不仅支持网页设计,还支持大屏设计,适用于各种场景的前端开发需求。

特性

  • 零代码开发:实现完全拖拽 + 配置式生成大屏,设计即生产(动态数据需要后端提供API接口)。
  • 快速开发与部署:项目采用行业流行架构SpringBoot+Vue,开发和部署都非常方便。
  • 组件丰富:内置element、dataV、echarts等优秀开源报表常用组件,满足基本的设计需求。
  • 高度自定义:如果设计器没有你需要的组件,可以通过详细文档在5分钟内开发出自己想要的组件。

界面演示

以下是一些Cola-Designer的界面截图,带你感受一下这款设计器的强大功能和便捷操作:

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

Cola-Designer的优势

相比于其他低代码平台,如MetaLowCode,Cola-Designer在以下几个方面具有显著优势:

  1. 更直观的界面设计:Cola-Designer的拖拽式设计器和配置化生成方式使得用户体验更加直观和友好。
  2. 丰富的内置组件:内置了element、dataV、echarts等常用组件,用户可以直接使用,无需额外安装。
  3. 高度自定义能力:Cola-Designer支持用户自定义组件,且文档详细,操作简单,5分钟即可开发出自己想要的组件。
  4. 快速部署和开发:采用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…

大家感兴趣的话也可以自己动手部署尝试一下。除此之外,大家有兴趣也可以研究一下对应的代码,这也是一个很好的项目学习材料。