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

简介: 本方案介绍如何使用魔笔平台快速构建和部署企业网站。通过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

相关文章
|
2月前
|
人工智能 安全 前端开发
AI 智能体的开发
AI智能体已进化为能自主感知、规划、行动与记忆的“数字员工”,核心在于任务完成而非仅回答问题。2026年主流路径:选用LangGraph/CrewAI等框架,融合ReAct循环、Agentic RAG与人机协同;需应对循环、安全与成本挑战。开发始于SOP梳理。(239字)
|
安全 Java 关系型数据库
💖10分钟阿里云搭建个人网站(保姆级新手向)💖
我通常都会说自己搭建一个网站,利用阿里云/腾讯云/华为云/七牛云等等各种云服务器来快速搭建一个属于自己的装x小网站,虽然不是很牛x,但是对于说找实习、做毕业设计加分,这种纯粹是绰绰有余,别人会觉得你很有动手能力,话不多说,马上开始,给我十分钟,带你学会一个装x的小知识点。
2456 0
💖10分钟阿里云搭建个人网站(保姆级新手向)💖
|
6月前
|
存储 人工智能 安全
如何从零搭建出设备巡检二维码管理系统
通过为每台设备生成专属二维码,让每台设备都有自己的“电子档案”,记录设备基本信息以及巡检、维修等全生命周期数据
如何从零搭建出设备巡检二维码管理系统
|
6月前
|
算法 Python
ABCDE题|2025年华为杯|研究生数学建模|思路、代码、论文|持续更新中....
ABCDE题|2025年华为杯|研究生数学建模|思路、代码、论文|持续更新中....
501 1
|
关系型数据库 网络安全 数据库
如何快速搭建一个属于自己的网站?
本文将详细介绍如何使用低代码开发平台,以可视化的方式添加多种风格的门户组件,快速高效地构建移动端和PC端门户网站。
|
8月前
|
JSON API 开发者
淘宝商品 API 接口,开发者详解与使用指南
淘宝开放平台提供丰富的商品API,支持获取商品详情、搜索及批量查询功能。主要接口包括taobao.item.get、taobao.items.search和taobao.items.list,需申请权限并完成认证授权。开发者可通过AppKey/AppSecret与签名机制调用API,适用于电商选品、价格监控、比价应用等场景。本文含完整Python调用示例与常见问题解决方案。
|
11月前
|
数据安全/隐私保护
怎么更改AD域用户账号和密码_AD域管理中那些实用的软件
在AD域管理中,用户常需重置密码,管理员也面临大量密码相关工单的困扰。为此,ADSelfService Plus作为自助工具,支持用户通过短信或邮件验证修改密码,并提供密码过期提醒功能,极大减轻管理员负担。而ADManager Plus则专注于批量处理,帮助管理员高效完成账户和密码的批量重置等任务。两者各有侧重:ADSelfService Plus侧重用户自助,ADManager Plus提升管理员效率,结合使用可显著优化AD域管理流程。
756 4
|
9月前
|
IDE Shell Go
真香,Cursor懂的都懂(学习用哈),22.5k一键重置Cursor试用限制!被全网疯狂收藏!
go-cursor-help是一款用 Go 编写的开源工具,可在 3 秒内刷新 Cursor IDE 的机器码,绕过试用限制。支持 Windows、macOS 和 Linux,具备跨平台兼容性,自动配置系统架构。核心功能包括一键重写 `storage.json`、可选随机化 MAC 地址、禁用 Updater 避免版本升级干扰,以及内置历史版本回滚机制。
2430 1
|
存储 关系型数据库 数据库
极简开发,极速上线:构建端到端大模型应用
本文将以一个经典的 RAG(检索增强生成)知识问答系统为例,详细介绍从智能体设计到最终应用部署的全流程。
1846 82
|
12月前
|
搜索推荐 安全 前端开发
满血上阵!DeepSeek x 魔笔低代码平台创造专属知识空间
本文介绍了如何结合阿里云百炼和多端低代码开发平台魔笔,快速构建一个基于 DeepSeek 的智能化专属知识空间应用。通过使用DeepSeek R1等先进推理模型,该应用能够实现精准的知识推理与智能问答,极大提升信息处理效率。教程涵盖了从创建百炼智能体、获取必要配置参数到在魔笔平台上搭建及发布应用的全过程,并展示了如何对应用进行内容客制化以满足特定需求。此外,还探讨了未来扩展方向,如生产环境部署、多租户隔离以及多样化的用户身份认证方案,旨在为企业和个人提供更加安全、便捷的知识管理解决方案。
满血上阵!DeepSeek x 魔笔低代码平台创造专属知识空间