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

news/2024/11/18 9:44:56/文章来源:https://www.cnblogs.com/alicloudros/p/18551728

什么是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 发布!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/836025.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Anaconda3 2023.03软件下载与安装教程】

1、安装包 Anaconda3py 2023(64bit): 链接:https://pan.quark.cn/s/f77de1704504 提取码:z7k2 2、安装教程 1) 下载解压软件安装包,双击Setup.exe安装,弹窗安装对话框2) 点击Next3) 点击I Agree4) 默认,点击Next5) 选择安装目录,建议…

MoD:轻量化、高效、强大的新型卷积结构 | ACCV24

来源:晓飞的算法工程笔记 公众号,转载请注明出处论文: CNN Mixture-of-Depths论文地址:https://arxiv.org/abs/2409.17016创新点提出新的卷积轻量化结构MoD,在卷积块(Conv-Blocks)内通过动态选择特征图中的关键通道进行集中处理,提高效率。 CNN MoD保留了静态计算图,这…

【Android Studio 2022软件下载与安装教程】

1、安装包 Android Studio 2022: 链接:https://pan.quark.cn/s/9821141ab2c7 提取码:aTaw 2、安装教程 1) 解压下载安装包,双击Setup.exe安装,弹窗安装对话框2) 点击下一步3) 默认,点击下一步4) 选择安装目录,建议选择C盘之外,点击下一步5)…

当然不是草台班子-冲刺日志6

作业所属课程 软件工程2024作业要求 2024秋软工实践团队作业-第三次( Alpha冲刺)作业目标 alpha冲刺完成项目核心功能团队名称 当然不是草台班子团队成员学号 姓名102201427 侯丽珂102201426 郑嘉祺102201241 戴康怡102201218 肖晗涵112200328 谢李东292300304 陈鹭102201242…

教你对接电商拍图识款接口

在网上购物时候,不止可以通过名称搜索商品,也可以拍照上传图片搜索商品。比如某宝上拍个图片就能搜索到对应的商品。腾讯、阿里都提供了类似的图像搜索服务,这类服务原理都差不多:在一个具体的图库上,新增或者删除图片。 通过图片搜索相似的图片。本文对接的是腾讯云的图像…

【Unity】ScriptableObject的应用和3D物体跟随鼠标移动:鼠标放置物体在场景中

使用ScriptableObject类实现资源的配置;实现3D物体跟随鼠标移动;实现物体放置在鼠标点击的世界坐标位置。需求说明 结合前篇,仓库管理 和 获取鼠标点击的世界坐标位置 两篇内容,已经实现了:鼠标或键盘控制玩家移动;玩家触碰物体后,将物体放入仓库;鼠标点击仓库栏中的物…

Kubernetes v1.16.3版本开启 Job ttlSecondsAfterFinished 自动清理机制

前言 Kubernetes v1.23 之前,Job 在处于 Completed 后,默认是不会被清理的。 完成的 Job 通常不需要留存在系统中。在系统中一直保留它们会给 API 服务器带来额外的压力。 Kubernetes v1.23 之后, TTL 控制器所提供的 TTL 机制。 通过设置 Job 的 .spec.ttlSecondsAfterFini…

当然不是草台班子-冲刺日志2

作业所属课程 软件工程2024作业要求 2024秋软工实践团队作业-第三次( Alpha冲刺)作业目标 alpha冲刺完成项目核心功能团队名称 当然不是草台班子团队成员学号 姓名102201427 侯丽珂102201426 郑嘉祺102201241 戴康怡102201218 肖晗涵112200328 谢李东292300304 陈鹭102201242…

当然不是草台班子-冲刺日志3

作业所属课程 软件工程2024作业要求 2024秋软工实践团队作业-第三次( Alpha冲刺)作业目标 alpha冲刺完成项目核心功能团队名称 当然不是草台班子团队成员学号 姓名102201427 侯丽珂102201426 郑嘉祺102201241 戴康怡102201218 肖晗涵112200328 谢李东292300304 陈鹭102201242…

制作网站修改公司,如何在制作网站过程中修改公司信息

在制作网站的过程中,修改公司信息可以确保网站的准确性和专业性。以下是具体步骤:登录后台:打开浏览器,输入网站的后台地址,使用管理员账号登录。进入公司信息管理:在后台左侧菜单栏中选择“内容” -> “公司信息”。 找到需要修改的信息,点击“编辑”。修改公司信息…

网站是用修改access数据库文件格式,如何在Access数据库中修改网站数据

Access数据库是一种常用的桌面数据库,常用于小型网站的数据管理。以下是具体步骤:打开Access数据库:打开Microsoft Access应用程序。 导入或打开现有的Access数据库文件(.mdb或.accdb)。导航到数据表:在Access主界面中,选择“表”视图。 找到需要修改的数据表,双击打开…

网站首页界面怎么修改,如何在网站后台或代码编辑器中修改首页界面

修改首页界面可以提升网站的视觉效果和用户体验。以下是修改首页界面的步骤:登录网站后台:打开浏览器,输入网站的后台地址,例如 http://yourdomain.com/admin。 输入管理员账号和密码,点击“登录”。进入模板管理:登录后,点击顶部菜单栏中的“模板”或“主题”。 选择“…