服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

15K Star!Github 上最火的低代码开发平台!

日期: 来源:技术胖学程序收集编辑:小秋

【导语】:用于构建管理面板、内部工具和仪表板的低代码平台。

简介

Appsmith 是一个用于构建管理面板、内部工具和仪表板的低代码平台,可以在几分钟内将任何数据源转换为内部应用程序,允许拖放 UI 组件来构建页面,连接到任何 API、数据库或 GraphQL 源,并使用 JavaScript 语言编写逻辑。

功能:

  • 使用现成的组件构建工作流,将表格、图表、表单等常见元素直接拖入应用程序,包括文本、表单、输入、按钮、表格、图像、复选框、开关、单选按钮、日期选择器、下拉列表、文件选择器、容器、地图、模式、富文本编辑器、选项卡和视频等。


  • Appsmith 可以使用 15+ 种 DB、Rest API 或 GraphQL 作为数据源,支持 OAuth 2.0 协议和 CURL。



  • 使用 JavaScript 语言编写逻辑,元素之间的代码交互、更新数据源或操作 SQL 查询都可以使用。


  • 可以与团队共享创建的应用程序,为团队成员分配角色,限定角色的访问权限。


  • 可靠安全的加密传输。Appsmith 应用程序默认是安全的,所有连接都经过 TLS 加密,凭据使用 AES-256 加密,防止数据泄露。

项目地址:

https://github.com/appsmithorg/appsmith

安装

官方最推荐两种方式,一种是直接使用 Appsmith Cloud 构建应用程序,一种是使用 Docker 进行安装。

使用 Docker 进行安装要求 Docker 版本 20.10.7 或以上,Docker-Compose 版本 1.29.2 或以上。

在 appsmith 安装文件夹中添加以下 docker-compose.yml 文件:

version: "3"

services:
  appsmith:
    image: index.docker.io/appsmith/appsmith-ce
    container_name: appsmith
    ports:
      - "80:80"
      - "443:443"
      - "9001:9001"
    volumes:
      - ./stacks:/appsmith-stacks
    labels:
      com.centurylinklabs.watchtower.enable: "true"
    restart: unless-stopped

  auto_update:
    image: containrrr/watchtower:latest-dev
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock
    # Update check interval in seconds.
    command: --schedule "0 0 * ? * *" --label-enable --cleanup
    restart: unless-stopped

如果是在远程机器上安装可以使用以下命令下载 docker-compose.yml 文件:

curl -L https://bit.ly/32jBNin -o $PWD/docker-compose.yml

这个配置文件会运行 Appsmith 示例和 Watchtower 实例,以便使 Appsmith 自动保持最新状态。

运行以下命令启动 docker 容器,如果提示没有权限需要以 sudo 身份执行命令:

docker-compose up -d

可以使用以下命令跟踪日志:

docker logs -f appsmith

启动成功后,会看到 Appsmith is Running! 的消息,通过 http://localhost 访问。

如果要进行应用程序的更新,可以到安装的根目录下执行以下命令:

docker-compose pull
docker-compose rm -fsv appsmith
docker-compose up -d

视频对应的安装步骤文档官网地址为:

https://docs.appsmith.com/setup/docker

简单使用

以数据库作为数据源简单介绍。

连接到数据库

Appsmith 会创建一个与数据库服务器连接的连接池,后续查询可以重用连接池中的连接,提高查询效率。

  1. 点击 Datasources 旁边的 + 号
  2. 看到 Appsmith 可以连接的数据源列表
  3. 从支持的列表中选中一个数据库
  4. 填写连接到数据库所需的配置信息
  5. 单击测试验证是否能连接成功
  6. 保存

显示数据

Appsmith 拥有一系列可用于构建 UI 的小部件,数据显示需要和这些小部件结合起来。

  1. 小部件可以用部件窗口中拖动防止到画布上,调整大小以适应他们需要显示的数据,具有可视化编辑的属性,可以设置数据、样式等。


  2. 在小部件中显示数据。可以打开属性窗口来编辑小部件属性,通过引用 Query 的名称(唯一标识符),可以在小部件属性中设置来自 Query 的数据。Appsmith 是响应式的,只要查询中的数据发生变化,小部件就会自动更新。例如,可以将查询的结果绑定如下:

{{ Table1.selectedRow.id }}


- EOF - 


相关阅读

  • 前端发展趋势预测 !

  • 大家好,我是技术胖在WWC22[1]上,NPM联合创始人(当前是Netlify的数据分析师)「Laurie Voss」发表了对「web开发」未来发展方向的预测演讲。Laurie Voss本文让我们来看看这位有26
  • 强的离谱!这个效率神器,yyds!

  • 做技术管理的童鞋,往往会陷入这样一种困境:疲于奔命,到处救火填坑,沟通推进,却挤不出时间思考对团队和项目来说真正重要的事情。你有没有经历过这样的场景:1.下属老是改了接口但不
  • 为什么Vue(默认情况下)比React性能更好

  • 本文不是要辩论 Vue 好还是 React 好,而是要看看这两个框架在低层次上是如何选择的。我知道有些开发者在选择框架之前会倾向于看基准。然而,这并不是最关键的方面,因为99%的性
  • 两行 CSS 提升渲染性能7倍!

  • 喜欢就关注我们吧话不多说,先直接上代码:{ content-visibility: auto; contain-intrinsic-size: 1px 5000px;}就是这两行css代码,添加了以后页面渲染性能将提高大约7倍!为什么
  • 三伏天吃火锅,竟然有这个意思?

  • 元宵节的正确打开方式是啥?除了吃汤圆就是猜灯谜了!看了视频,你是不是也跃跃欲试了?上城区纪委监委与丁兰街道党工委、纪工委特地为大家准备了廉洁灯谜,一起来猜猜!
  • 30分钟吃掉wandb模型训练可视化

  • wandb是"我爱你,大baby"首字母的缩写。顾名思义,她是炼丹师的大宝贝,是炼丹师最爱的炼丹伴侣。公众号算法美食屋后台回复关键词:wandb,获取本教程 notebook源码 和 B站视频演示。
  • 货拉拉 Android 模块化路由框架:TheRouter

  • 点击上方蓝字关注我,知识会给你力量本文作者:张涛-货拉拉TheRouter 是一个 Kotlin 编写,用于 Android 模块化开发的一整套解决方案框架。Github 项目地址与使用文档详见 https:
  • 说回 TheRouter

  • 点击上方蓝字关注我,知识会给你力量❝补充:开源仓库地址:https://github.com/HuolalaTech/hll-wp-therouter-android❞没错,货拉拉开源的路由库 —— TheRouter 是我写的大约在1
  • TheRouter 的跨模块依赖注入实现原理

  • 点击上方蓝字关注我,知识会给你力量本文作者——张涛(货拉拉)TheRouter用于跨模块通信设计的ServiceProvider,核心设计思想是参考了SOA(面向服务架构)的设计方式。具体到 Androi

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 15K Star!Github 上最火的低代码开发平台!

  • 【导语】:用于构建管理面板、内部工具和仪表板的低代码平台。简介Appsmith 是一个用于构建管理面板、内部工具和仪表板的低代码平台,可以在几分钟内将任何数据源转换为内部应
  • 前端发展趋势预测 !

  • 大家好,我是技术胖在WWC22[1]上,NPM联合创始人(当前是Netlify的数据分析师)「Laurie Voss」发表了对「web开发」未来发展方向的预测演讲。Laurie Voss本文让我们来看看这位有26
  • 强的离谱!这个效率神器,yyds!

  • 做技术管理的童鞋,往往会陷入这样一种困境:疲于奔命,到处救火填坑,沟通推进,却挤不出时间思考对团队和项目来说真正重要的事情。你有没有经历过这样的场景:1.下属老是改了接口但不
  • 为什么Vue(默认情况下)比React性能更好

  • 本文不是要辩论 Vue 好还是 React 好,而是要看看这两个框架在低层次上是如何选择的。我知道有些开发者在选择框架之前会倾向于看基准。然而,这并不是最关键的方面,因为99%的性
  • 两行 CSS 提升渲染性能7倍!

  • 喜欢就关注我们吧话不多说,先直接上代码:{ content-visibility: auto; contain-intrinsic-size: 1px 5000px;}就是这两行css代码,添加了以后页面渲染性能将提高大约7倍!为什么
  • 2月才刚开始,我就用Python兼职赚了2w!

  • 朋友们好!先说个好消息,Python圈内一年一度的春季私活接单黄金期现已来临!现在是本季度中,最容易接到爬虫类私活的时期,不仅接单容易,报酬也很高。抓紧机会接私活,一个星期赚上万很