活动实践 | 低代码高效构建企业门户网站

简介: 本方案介绍如何使用魔笔平台快速构建和部署企业网站。通过DNS解析与Mobi平台建立SSL加密连接,确保数据安全传输。魔笔提供丰富的组件库和拖拽式界面设计工具,简化开发流程,支持快速开发、易于学习和安全可靠的特点。首次使用需登录魔笔控制台开通功能,并通过ROS控制台一键部署模板。编辑网站时,可轻松添加组件、管理后台数据并发布更新。最后,可通过资源栈页面清理不再需要的资源,确保环境整洁。

一、方案

当用户访问网站时,请求通过DNS解析至Mobi平台,借助Mobi平台提供的SSL证书,建立客户端与Mobi之间的加密连接。同时,对网站数据的修改会同步更新至后端数据库,从而简化前后端数据交互的流程。
image.png

使用魔笔构建应用的主要优势包括:

  • 快速开发:魔笔提供了一套丰富的组件库和直观的拖拽式界面设计工具,使开发者能够以极高的效率完成应用的构建,大大缩短了项目周期。

  • 易于学习和使用:无论您是否拥有编程背景,都可以通过魔笔轻松上手,实现复杂业务逻辑的构建。这不仅降低了技术门槛,也为企业节省了培训成本。

  • 安全可靠:依托于阿里云的安全保障体系,魔笔能够为用户提供稳定、安全的服务环境,保护数据隐私不受侵犯。

二、部署

1、如果您是首次使用魔笔平台,请先登录魔笔控制台,以完成魔笔功能的开通。
image.png

2、打开一键部署模板链接前往ROS控制台,系统自动打开使用新资源创建资源栈的面板。

image.png

image.png
image.png

创建成功。
image.png

三、网站编辑

1、登录魔笔控制台,单击创建完成的应用,进入网站编辑页面。
image.png

2、选择左侧代码,单击init_data文件,将触发方式变更为手动触发。
image.png

3、单击界面左上方首页。在下拉列表中,选择后台数据_新闻数据,进入后台管理页面。
image.png

4、新增内容。
image.png

5、变更完成后,单击界面左上方后台管理_新闻数据 > 首页返回网站首页,查看新增数据在网页上的展示情况。

image.png

6、单击左侧添加组件按钮,向下滑动找到折线图组件,拖动至工作区。
image.png

7、创建新的数据表。
image.png
image.png

8、回到魔笔控制台,进入应用界面。新建集成操作。
image.png

选中折线图组件,清空右侧内容 > 数据源中的原始数据进行填写。
image.png

9、选中新创建的集成操作,单击集成资源,选中集成的数据库。在下方SQL语句中填写代码,遍历新创建的数据表。
image.png

10、单击运行,将数据加载至界面。
image.png

11、在页面左下角选择设置 > 登录配置,确认默认身份源是阿里云账号登录,关闭允许匿名访问。
image.png

12、配置完成后,单击页面右上角发布按钮。

image.png

选择开发环境,添加描述后,单击确定按钮。
image.png

等待弹窗提示成功发布即可。
image.png

四、清理资源。

在资源栈页面的顶部选择部署的资源栈所在地域,找到资源栈,然后在其右侧操作列,单击删除。
image.png

相关文章
|
网络安全 数据库
【保姆级教程】基于阿里云搭建网站,看这篇就够了!
本文演示了三种网站的搭建,分别是:博客、论坛、个人作品。从域名选择,到阿里云服务器的购买,到最后的网站搭建。
【保姆级教程】基于阿里云搭建网站,看这篇就够了!
|
6月前
|
JSON 供应链 API
商品条码查询 API 实战指南:掌握商品“唯一身份标识”
商品条码查询API简介:基于1974年诞生的条码技术,该API通过输入13/14位条码,快速获取商品基本信息(名称、品牌、规格等)和成分信息(营养成分、配料表等)。其核心功能包括商品条码查询接口与成分查询接口,广泛应用于零售、电商、物流及健康饮食等领域。支持HTTP POST请求,提供便捷的代码调用示例。作为数字化转型的重要工具,它不仅方便消费者查询商品详情,还助力商家优化库存管理与销售流程,提升运营效率。
1587 3
|
安全 Java 关系型数据库
💖10分钟阿里云搭建个人网站(保姆级新手向)💖
我通常都会说自己搭建一个网站,利用阿里云/腾讯云/华为云/七牛云等等各种云服务器来快速搭建一个属于自己的装x小网站,虽然不是很牛x,但是对于说找实习、做毕业设计加分,这种纯粹是绰绰有余,别人会觉得你很有动手能力,话不多说,马上开始,给我十分钟,带你学会一个装x的小知识点。
2395 0
💖10分钟阿里云搭建个人网站(保姆级新手向)💖
|
3月前
|
存储 人工智能 安全
如何从零搭建出设备巡检二维码管理系统
通过为每台设备生成专属二维码,让每台设备都有自己的“电子档案”,记录设备基本信息以及巡检、维修等全生命周期数据
如何从零搭建出设备巡检二维码管理系统
|
3月前
|
算法 Python
ABCDE题|2025年华为杯|研究生数学建模|思路、代码、论文|持续更新中....
ABCDE题|2025年华为杯|研究生数学建模|思路、代码、论文|持续更新中....
381 1
|
10月前
|
关系型数据库 网络安全 数据库
如何快速搭建一个属于自己的网站?
本文将详细介绍如何使用低代码开发平台,以可视化的方式添加多种风格的门户组件,快速高效地构建移动端和PC端门户网站。
|
5月前
|
JSON API 开发者
淘宝商品 API 接口,开发者详解与使用指南
淘宝开放平台提供丰富的商品API,支持获取商品详情、搜索及批量查询功能。主要接口包括taobao.item.get、taobao.items.search和taobao.items.list,需申请权限并完成认证授权。开发者可通过AppKey/AppSecret与签名机制调用API,适用于电商选品、价格监控、比价应用等场景。本文含完整Python调用示例与常见问题解决方案。
|
8月前
|
数据安全/隐私保护
怎么更改AD域用户账号和密码_AD域管理中那些实用的软件
在AD域管理中,用户常需重置密码,管理员也面临大量密码相关工单的困扰。为此,ADSelfService Plus作为自助工具,支持用户通过短信或邮件验证修改密码,并提供密码过期提醒功能,极大减轻管理员负担。而ADManager Plus则专注于批量处理,帮助管理员高效完成账户和密码的批量重置等任务。两者各有侧重:ADSelfService Plus侧重用户自助,ADManager Plus提升管理员效率,结合使用可显著优化AD域管理流程。
630 4
|
7月前
|
数据挖掘 API 开发者
京东商品详情 API 接口全攻略:从入门到精通
京东商品详情API接口是京东开放平台为开发者提供的服务,用于获取商品详细信息。通过调用接口,开发者可获得商品属性、价格、库存、促销信息等数据,适用于电商应用、价格比较工具及数据分析平台等场景。支持GET/POST请求方式,参数包括API版本、密钥等。示例代码展示了如何使用Python的requests库调用该接口,并获取JSON格式的返回数据,包含商品基本信息、价格、库存和用户评价等内容。
329 16
|
8月前
|
数据采集 API 数据格式
Python 原生爬虫教程:京东商品详情页面数据API
本文介绍京东商品详情API在电商领域的应用价值及功能。该API通过商品ID获取详细信息,如基本信息、价格、库存、描述和用户评价等,支持HTTP请求(GET/POST),返回JSON或XML格式数据。对于商家优化策略、开发者构建应用(如比价网站)以及消费者快速了解商品均有重要意义。研究此API有助于推动电商业务创新与发展。

热门文章

最新文章