首页 > 其他分享 >在阿里云快速启动Appsmith搭建前端页面

在阿里云快速启动Appsmith搭建前端页面

时间:2024-11-18 09:29:36浏览次数:1  
标签:Appsmith 服务 按钮 点击 阿里 服务商 页面 搭建

什么是Appsmith

Appsmith是一个开源的低代码开发平台,它使得开发者能够快速地构建内部工具、业务管理系统、CRM系统等。Appsmith通过提供一系列预建的UI组件(如表格、图表、表单等),以及对数据库、API调用的直接支持,简化了开发过程。开发者可以使用这些组件和服务来构建复杂的业务应用,而无需从头开始编写大量代码。

截止2024年11月15日,GitHub Star数已达到34.7K,可见其火爆程度。

更多信息,请查看官网

Appsmith有什么优势

  • 开源和自托管: Appsmith可以在自己的服务器上托管,这对于需要完全控制数据和应用环境的企业来说非常重要。
  • 低代码开发: 通过拖放组件和简单的逻辑配置,即使是非专业开发者也可以构建应用。
  • 支持多种数据源: 可以连接到各种数据库(如PostgreSQL、MySQL、MongoDB等)和API服务,使得数据集成变得简单。
  • 自定义JavaScript代码: 虽然Appsmith是一个低代码平台,但它还允许开发者在需要时编写自定义JavaScript代码,以增强应用的功能或实现特定的业务逻辑。
  • 丰富的UI组件库: 提供了丰富的UI组件,可以快速构建用户界面,并通过配置来满足特定的需求。
  • 安全性和权限管理: Appsmith提供了内置的安全特性和细粒度的权限管理,帮助企业保护数据并确保只有授权用户才能访问应用。

快速入门Appsmith

Appsmith页面如下:

整个界面分左中右三部分:

  • 左侧:有项目的页面(pages);部件(widgets),例如按钮、表格;查询(queries),例如刷新表格数据、数据库相关(datasources)
  • 中央:项目的ui
  • 右侧:配置,例如配置按钮的颜色、显示文字、事件等

如何制作一个hello world按钮

需求:点击按钮,弹出信息

做法是:

  • 左侧拖拽 BUTTON 部件到舞台中央
  • 点击舞台中央的按钮
  • 在右侧进行配置,例如修改Label、添加事件(onClick)等

点击舞台中央的按钮,或右上角的Deploy(部署)进行测试。结果如下图所示:

更多信息,可参考文档

如何部署Appsmith

前提条件

  • 已开通阿里云账号
  • 确保账户余额超过100元

重要

使用阿里云资源,需要收费,请仔细阅读阿里云控制台的订单信息,然后再进行下一步操作。

操作步骤

  1. 访问计算巢Appsmith社区版部署链接 ,按提示填写部署参数,确认参数后点击下一步:确认订单

  1. 确认订单完成后同意服务协议并点击立即创建 进入部署阶段。

  1. 等待部署完成后就可以开始使用服务,进入服务实例详情点击立即使用链接。

  1. 输入基本信息,即可开始使用Appsmith。

了解更多

本文通过计算巢服务完成了Appsmith的快速部署,什么是计算巢服务?

计算巢是一个开放给企业应用服务商、IT集成服务商、交付服务商、管理服务提供商(以上都统称为服务商)和最终用户的服务管理PaaS平台。服务商能通过计算巢服务更好地在阿里云上部署服务、交付服务及管理服务。最终用户能通过计算巢管理在阿里云上订阅的各类服务商提供的服务。计算巢为服务商和用户提供了更高效、便捷、安全的服务使用体验。点击计算巢服务官方文档了解更多。

参考资料

计算巢服务官方文档

更多信息,请访问计算巢官网

本文由博客一文多发平台 OpenWrite 发布!

标签:Appsmith,服务,按钮,点击,阿里,服务商,页面,搭建
From: https://www.cnblogs.com/alicloudros/p/18551728

相关文章

  • MariaDB Galera Cluster集群搭建
    MariaDBGaleraCluster是什么?   GaleraCluster是由第三方公司Codership所研发的一套免费开源的集群高可用方案,实现了数据零丢失,官网地址为http://galeracluster.com/其在MySQLInnoDB存储引擎基础上打了wrep(虚拟全同步复制),Percona/MariaDB已捆绑在各自的发行版本中Maria......
  • Android Studio 2023搭建Flutter开发环境
    1、安装PluginsFlutter,搜索出来,就点击Install。安完之后重启AndroidStudio。            2、再到Plugins查看Installed,是否安装成功了Flutter和Dart。3、安装FlutterSDK,下载地址:https://docs.flutter.dev/get-started/install/windows/mobile4......
  • 『云产品最佳实践』1Panel 搭建操作指南
    一、前言为什么出此篇文章?当我们搭建完成了自己的云服务器之后,对于服务器的管理和维护都是非常重要的。那么1Panel是什么?1Panel是一个现代化、开源的Linux服务器运维管理面板。在腾讯云的双十一活动中,很多用户会选择购买高性价比的云服务器来搭建自己的业务。这里插一......
  • 【DreamQuest Mod之旅 01】搭建制作mod的环境
    在我今天正式开始之前,我曾经尝试给《雪居之地》里面一个比较大的mod叫做《snowfall》做汉化mod。因此我了解到一个关键词叫做“Harmony”,并尝试搭建了一下汉化环境。但是我发现snowfall或者说雪居之地似乎不是很支持中文mod,所以最终放弃了做汉化mod的想法。今天在b站尝试搜索......
  • Hbase架构和搭建
    一、了解Hbase1、什么是hbase?HBase是一个高可靠性,高性能、面向列,可伸缩的分布式存储系统,用于存储海量结构化或者半结构化,非结构化的数据(底层是字节数组做存储的)二、HBase相关概念1、数据模型(三维有序)一个hbase表中,行键之间是按照字典顺序排序的一行中每一个列名按照字典顺......
  • Hadoop伪分布式搭建教程
    Hadoop伪分布式在Linux上的搭建教程目录前言 前期工具准备一、JDK、Hadoop的安装二、JDK配置2.1配置环境变量2.2.使配置文件生效2.3查看Java版本 三、Hadoop配置文件3.1编辑hadoop-env.sh3.2编辑yarn-env.sh3.3编辑core-site.xml3.4编辑hdfs-site.xml3.5编......
  • gofiber: 模板: 页面上用range循环显示
    一,代码:1,controllerfunc(dc*ArticleController)ListArticle(c*fiber.Ctx)error{ //处理获取文章的逻辑 article1:=new(Article) article1.Id=1 article1.Title="三国演义毛宗岗批本" article1.Author="罗贯中" article2:=new(Article) article2.Id......
  • 「LUCKY STUN穿透」使用Cloudflare的页面规则固定和隐藏网页端口
    关于本教程索引│├─关于本教程│├─在STUN穿透环境中使用WEB服务│├─动态端口带来的麻烦│├─“隐藏端口”和固定端口│└─可用的解决方法│├─使用邮件进行通知端口变化│└─使用HTTP重定向│├─网络环境优化和STUN穿透规则设置......
  • Prometheus 和 Grafana 监控系统搭建
    Author:ACatSmilingSince:2024-11-11Prometheus的架构架构理解:Prometheus既然设计为一个维度存储模型,可以把它理解为一个OLAP系统。生态圈组件:PrometheusServer:主服务器,负责收集和存储时间序列数据。ClientLibraies:应用程序代码插桩,将监控指标嵌入到被监控应用......
  • zblog获取当前页面的标题/链接/ID等属性
    方法:使用全局变量$zbp。在函数内部使用global$zbp;声明。常用属性:当前页面链接:$zbp->currenturl当前页面标题:$zbp->template->GetTags('title')当前页面ID:分类页:$zbp->template->GetTags('category')->ID文章页:$zbp->template->GetTags('article�......