【案例共创】基于华为开发者空间，Astro+MaaS实现高考志愿择校推荐系统-优快云博客

本案例由开发者：xiaowuyun提供

一、概述

1. 案例介绍

华为开发者空间，是为全球开发者打造的专属开发者空间，致力于为每位开发者提供一台云主机、一套开发工具和云上存储空间，汇聚昇腾、鸿蒙、鲲鹏、GaussDB、欧拉等华为各项根技术的开发工具资源，并提供配套案例指导开发者从开发编码到应用调测，基于华为根技术生态高效便捷的知识学习、技术体验、应用创新。

开发者空间Astro低代码开发平台通过平台提供的界面、逻辑、对象等可视化编排工具，以“拖、拉、拽”的方式来快速构建应用，从而实现所见即所得的应用开发构建体验。

ModelArts Studio（MaaS）平台：是华为云推出的一款大模型即服务平台，可以一站式的对业界主流开源大模型进行部署托管，同时开放大模型API服务，可以结合业界主流Agent开发框架，轻松构建AI Agent应用。

2025年高考报名人数预计突破1300万，众多考生面临院校层次与专业兴趣之间的选择困境。全国3005所高校、792个本科专业构成的选择体系，已远超个人决策的认知负荷。

为此，我们开发了一套基于人工智能的高考志愿推荐系统。该系统依托DeepSeek大模型，结合学生成绩、专业偏好与地域倾向，为其智能生成院校志愿填报方案。

本案例以华为开发者空间 - 低代码应用开发平台为开发环境，通过模型集成、界面设计、页面布局、逻辑实现到应用打包的全流程实践，帮助学习者掌握Astro平台的基本操作及其与MaaS平台提供的大模型融合的开发方法，深入体验低代码技术在应用构建中的高效与优势。

2. 适用对象

企业
个人开发者
高校学生

3. 案例时间

本案例总时长预计90分钟。

4. 案例流程

说明：

领取华为开发者空间，登录华为开发者空间-低代码应用开发平台；
登录ModelArts平台，领取免费服务tokens，配置DeepSeek-V3-32K服务模型。
新建低代码应用，进入Astro轻应用服务控制台主页，开发应用；

5. 资源总览

本案例预计花费0元。

资源名称	规格	单价（元）	时长（分钟）
华为开发者空间 - 低代码应用开发平台	系统标配	免费	90
MaaS 平台商用模型	DeepSeek-V3 轻量体验包（¥3.50）	领取免费	/

二、基础环境与资源准备

1. 领取百万免费福利

参考案例《Versatile Agent中自定义接入大模型配置华为云Maas指导》中的“一、领取”章节内容，领取华为开发者空间百万token代金券福利，购买ModelArts Studio DeepSeek-V3 轻量体验包（¥3.50）。开通商用模型服务，最后获取API Key的参数值。

注：这是唯一一次查看此API Key的机会，请将其保存在安全且可访问的地方。此后将无法查看它，但可以随时创建新的API Key。

2. 设计对象字段

本案例中将每次询问的问题包装成一个“对象”（也可以称为Object），其所包含的字段可以对应成一张数据库表，用于保存业务系统需要的配置数据和业务数据。设计对象字段如下：

字段名称	唯一标识	字段类型	字段说明
大学择校推荐	university_Selection	文本区	用于返回推荐结果
高考省份	province	文本	高考省份和文理科
高考分数	score	数字	高考的分数
兴趣与能力	interest	文本	自身的兴趣爱好或者有哪方面的能力
学校性质	attribute	文本	想选择的学校性质如本科专科
性别	gender	文本	性别，更好的结合性别来推荐学校
希望就读城市或者地域	city	文本	希望就读的城市或地域

三、华为开发者空间-Astro平台开发应用

1. 登录华为开发者空间-低代码应用开发平台

华为开发者空间-低代码应用开发平台是华为云推出的一款可视化应用开发平台，旨在通过"拖拽式"组件和模板化设计，降低开发门槛，提升企业数字化应用构建效率。平台主要特点包括：

可视化开发：通过图形化界面和预置组件，无需编写复杂代码即可快速搭建应用；
全场景支持：覆盖Web、移动端、大屏等多终端应用开发；
高效集成：内置连接器可快速对接华为云及其他主流企业系统；
智能辅助：提供AI辅助开发能力，如智能表单生成、流程自动化等；
企业级能力：具备权限管理、数据安全、高可用等企业所需特性。

Astro平台特别适合业务人员与开发者协同创新，能大幅缩短应用交付周期，典型适用于OA审批、数据看板、轻量级业务系统等场景。

登录华为开发者空间，在左侧菜单列表选择华为开发者空间 -> 开发平台 -> Astro 低代码开发，进入华为开发者空间-低代码应用开发平台。

2. 创建低代码应用

华为开发者空间-低代码应用开发平台页面点击新建低代码应用，在弹出的新建低代码应用对话框中，选择标准应用，点击确定按钮。

注：命名空间为租户数据唯一标识，为免重复，首次创建或使用工程时需定义命名空间。请务必慎重，一旦定义，不可修改，推荐使用公司前缀。本案例中使用pro_man作为命名空间。

在右侧弹出的新建空白应用配置界面中，配置应用名称和标签均为university。

点击右下角确认按钮，进入刚才创建的名为university的Astro轻应用配置页面。

注：在点击确认后，在Astro低代码开发平台，应用开发列表中，新增一条刚才创建的名称为xxxx_university的应用。

3. 集成连接器大模型

高考志愿择校推荐系统，其底层依赖于MaaS云平台的DeepSeek - V3大模型，我们首先对其进行配置。

在应用左侧菜单栏，依次点集成 > 连接器 > 连接器实例 > 大模型 > MaaS云平台。

点击右上角“+”，创建自定义连接器。在创建MaaS云平台弹窗，配置其基本信息，然后点保存：

标签：ds，可自定义；
名称：MaaS，可自定义；
模型名称：章节“二、基础环境与资源准备” > “1.领取百万免费福利”中获取到的model参数；
API Key：章节“二、基础环境与资源准备” > “1.领取百万免费福利”中获取到的API Key；

测试大模型连通性，点击测试按钮。

在弹出框中输入测试内容：“你好，我要上大学”。

点击测试等待返回结果。如上图正常返回消息，说明MaaS云平台DeepSeek- V3大模型添加成功。

4. 添加对象和全局结构体

4.1 创建大学推荐系统对象

在应用左侧菜单栏，选择数据 > 对象，点其后面的“+”，创建新对象。

在创建新对象界面，选择从空白创建页签，设置对象基本信息，然后点确定。

对象名称：大学择校推荐系统；
唯一标识：university；

4.2 创建对象字段

单击对象中的编辑图标，进入对象详情页。

在对象详情页，点击“添加”，添加字段，配置字段属性：
显示名称：高考省份
唯一标识：province
字段类型：文本
数据长度：64

与上一步操作相同，继续添加：
显示名称：大学择校推荐
唯一标识：university_Selection
字段类型：文本区

参考如让步骤，把案例中需要的全部字段完成创建。

字段名称	命名	唯一标识(样例)	字段类	字段说明
大学择校推荐	university_Selection	`pro_man__university_Selection__CST`	文本区	用于返回推荐结果
高考省份	province	`pro_man__province__CST`	文本	高考省份和文理科
高考分数	score	`pro_man__score__CST`	数字	高考的分数
兴趣与能力	interest	`pro_man__interest__CST`	文本	自身的兴趣爱好或者有哪方面的能力
学校性质	attribute	`pro_man__attribute__CST`	文本	想选择的学校性质如本科专科
性别	gender	`pro_man__gender__CST`	文本	性别，更好的结合性别来推荐学校
希望就读城市或者地域	city	`pro_man__city__CST`	文本	希望就读的城市或地域

创建完后，入下图：

4.3 创建全局结构体

左侧菜单栏数据 > 结构体，点其后侧的“+”，创建一个新的结构体。在弹出的创建新结构体界面，输入名称和唯一标识，然后点保存。
名称：message，可自定义；
唯一标识：xxxx_message，可自定义。

创建完成后，为其添加字段。左侧菜单窗口中，点击选中message结构体，右侧结构体详情message页面，选择结构页签，点添加按钮，新增role和content两个字段，具体参数如下：

名称	标识	类型	必填
role	role	基本类型 > 文本	勾选
content	content	基本类型 > 文本	勾选

5. 推荐系统表单页面

5.1 创建/配置页面

左侧菜单栏界面 > 页面，点其右侧的“+”，在添加标准页面弹窗，选择空白标签，并设置其属性，然后点添加，创建一个标准页面。
标签：大学择校推荐
名称：university

创建完成后，在右侧选择属性页签，并设置页面属性：
样式 > 布局，设置为宽800px，高1024px，居中对齐；
样式 > 字体，设置字体大小为16px，行高为23。

5.2 添加/设置表单

添加表单

左侧选中页面 > 大学择校推荐，在基本组件 > 布局中将组件表单拖拽到页面中间。取消右侧的元数据表单配置向导。

设置数据绑定

点击数据绑定后的设置图标，在弹出的选择模型弹窗中，点击新增模型。

设置基本信息

模型名称：formData，来源：选择对象，单击下一步。

设置

选择对象，下拉框选择大学择校推荐系统(xxxx_university_CST)。选择字段：勾选全部字段。单击下一步。

方法

不进行其他操作，直接点确定。

选择模型：勾选formDat，单击确定。

注：在弹出框中，选择只绑定模型。

5.3 添加标题组件

在基本组件 > 基本中将组件标题拖拽到表单中间。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

设置标题属性

选中表单中间的标题组件，在右侧属性 > 基本属性，设置标题内容为大学择校推荐系统。

属性 > 样式 > 字体，设置字体颜色为#147AEC，字体大小为28px，上下间距为50，对齐方式选择居中。

注：当前配置系统会自动生成对应的css样式，可以在高级设置中查看。（无具体操作，供查看学习使用）

5.4 添加图片组件

在基本组件 > 基本中将组件图片拖拽到表单中间，标题下方。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

添加图片

单击图片地址后的选择图片图标。在选择图片界面，图片库选择SFTP，点上传图片。然后选中提前准备好的图片（图片自行准备），单击打开。

上传成功后，选中上传的图片，点确定。

设置图片属性

选中图片组件，右侧选择属性标签，在样式 > 图片宽高中设置图片宽度为100%。

注：选择或上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，图片大小不超过1MB。

5.5 设置副标题组件

在基本组件 > 基本中将组件标题拖拽到表单中间，图片组件下方。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

设置标题属性

选中表单中间的副标题组件，在右侧属性 > 基本属性，设置标题内容为高考志愿是未来蓝图的第一笔，至关重要。请填写以下核心信息，我将基于数据为你进行分步解析与规划。

标题类型为Heading 2。

5.6 添加表单采集项

5.6.1 表单采集项：高考省份

在基本组件 > 表单中将组件输入框拖拽到表单中间，副标题组件下方。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

设置输入框属性

选中上一步创建的输入框组件，在右侧属性 > 基本属性，设置标签内容：1、高考省份

在属性 > 表单校验，打开必填，设置必填错误信息：请输入你高考所在的省份。

数据绑定

在右侧属性 > 数据绑定，点设置图标。在弹出的选择模型对话框中勾选，formData > xxxx__province__CST，然后单击确定。

5.6.2 表单采集项：高考分数

在基本组件 > 表单中将组件输入框拖拽到表单中间，高考省份输入框组件下方。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

设置输入框属性

选中上一步创建的输入框组件，在右侧属性 > 基本属性，设置标签内容：2、高考分数

在属性 > 表单校验，打开必填，设置必填错误信息：请输入你高考的分数。

数据绑定

在右侧属性 > 数据绑定，点设置图标。在弹出的选择模型对话框中勾选，formData > xxxx__score__CST，然后单击确定。

5.6.3 表单采集项：兴趣与能力

在基本组件 > 表单中将组件输入框拖拽到表单中间，高考分数输入框组件下方。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

设置输入框属性

选中上一步创建的输入框组件，在右侧属性 > 基本属性，设置标签内容：3、兴趣与能力

数据绑定

在右侧属性 > 数据绑定，点设置图标。在弹出的选择模型对话框中勾选，formData > xxxx__interest__CST，然后单击确定。

5.6.4 表单采集项：学校性质

在基本组件 > 表单中将组件复选按钮拖拽到表单中间，兴趣与能力输入框组件下方。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

设置复选按钮属性

选中上一步创建的复选按钮组件，在右侧属性 > 基本属性，设置标签内容：4、学校性质（可选多个）

点增加选项，依次配置大专、民办、公办、本科、211、985等选项。

数据绑定

在右侧属性 > 数据绑定，点设置图标。在弹出的选择模型对话框中勾选，formData > xxxx__attribute__CST，然后单击确定。

5.6.5 表单采集项：性别

在基本组件 > 表单中将组件单选按钮拖拽到表单中间，学校性质复选按钮组件下方。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

设置单选按钮属性

选中上一步创建的单选按钮组件，在右侧属性 > 基本属性，设置标签内容：5、性别

点增加选项，依次配置男、女选项。

数据绑定

在右侧属性 > 数据绑定，点设置图标。在弹出的选择模型对话框中勾选，formData > xxxx__gender__CST，然后单击确定。

5.6.6 表单采集项：希望就读城市或地域

在基本组件 > 表单中将组件输入框拖拽到表单中间，性别单选按钮组件下方。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

设置输入框属性

选中上一步创建的输入框组件，在右侧属性 > 基本属性，设置标签内容：6、希望就读城市或地域

数据绑定

在右侧属性 > 数据绑定，点设置图标。在弹出的选择模型对话框中勾选，formData > xxxx__city__CST，然后单击确定。

5.7 添加提交按钮

5.7.1 添加容器

在基本组件 > 布局中将组件容器拖拽到表单中间，希望就读城市或地域输入框组件下方。

注：本步骤中为表单添加组件时，请务必确认将组件拖曳到表单中，而非页面中间。

5.7.2 添加提交按钮

在基本组件 > 基本中将组件按钮拖拽到容器区域。
设置输入框属性

选中上一步创建的按钮组件，在右侧属性 > 基本属性，设置显示名称：提交，大小选择默认。

设置按钮事件

切换到事件标签，单击“+”，在添加动作弹窗中，页签选择自定义动作，在动作名称一栏设置JS代码名称：submit，其下方的代码区域中输入以下代码，然后点创建/保存。

代码部分如下：

// 表单校验
var _form = context.$component.form;
var validFlag = _form.formValidateUnPromise();
if (!validFlag) return false;

// 序列化表单数据
var model = context.$model.ref("formData").getData();
var modelCopy = JSON.parse(JSON.stringify(model));

// 处理非字符串字段
Object.keys(modelCopy).forEach(item => {
    if (modelCopy[item] && typeof modelCopy[item] !== "string") {
        modelCopy[item] = JSON.stringify(modelCopy[item]);
    }
});

// 提取问题字段值
var questionCodes = [];
const arr = ['province', 'score', 'interest','attribute', 'gender', 'city'];  // 修改：字段值依次替换为“三、华为开发者空间-Astro平台开发应用” > “4. 添加对象和全局结构体” > “4.2 创建对象字段”中创建的“高考省份”、“高考分数 ”、“兴趣与能力”、“学校性质”、“性别”、“希望就读城市或者地域”等字段命名列的值

for (let i = 0; i < arr.length; i++) {
    var fieldName = "pro_man__" + arr[i] + "__CST";   // 修改：本案例中样例命名空间“pro_man”，实际操作中请注意替换
    questionCodes.push(modelCopy[fieldName] || "");
}

// 构建提示文本
var suggestionText = `你是一个专业的大学推荐助手，该学生高考省份为 ${questionCodes[0]}，高考分数是 ${questionCodes[1]}分，兴趣与能力是 ${questionCodes[2]}，希望上的大学学校性质为：${questionCodes[3]}，性别是 ${questionCodes[4]} 生，希望就读城市或者地域为 ：${questionCodes[5]}。请根据以上信息给出该学生进行大学推荐,推荐内容包含大学的介绍和特色。`.replace(/"/g, "'");

// 初始化Flow
var _flow = context.flow("pro_man__ds");    //修改：pro_man__ds替换为“三、华为开发者空间-Astro平台开发应用” > “3. 集成连接器大模型”中创建的大模型连接器的标签名。
// 调用AI服务获取建议
try {
    // 提示信息
    context.$message.info("信息分析中，正在生成建议。。。。。。");

    const resp = await _flow.run({ input: suggestionText });
    const reader = resp.body.getReader();
    const decoder = new TextDecoder();

    let buffer = '';
    let msg = '';

    while (true) {
        const { done, value } = await reader.read();
        if (done) break;

        buffer += decoder.decode(value);
        const lines = buffer.split('\n');

        // 保留最后一行（可能不完整）
        buffer = lines.pop() || '';

        for (const line of lines) {
            if (!line.trim()) continue;

            try {
                const jsonStr = line.startsWith('data: ') ? line.substring(6) : line;
                if (jsonStr.trim() === '[DONE]') continue;

                const obj = JSON.parse(jsonStr);
                const newMsg = obj?.choices[0]?.delta?.content || '';
                if (newMsg) msg += newMsg;
            } catch (err) {
                console.warn('解析JSON失败，保留到下一轮处理:', err.message);
                buffer = line + '\n' + buffer;
            }
        }
    }
    // 最终保存结果
    modelCopy.pro_man__university_Selection__CST = msg;    // 修改：将pro_man__university_Selection__CST替换为“三、华为开发者空间-Astro平台开发应用” > “4. 添加对象和全局结构体” > “4.2 创建对象字段”中创建的“大学择校推荐”字段的唯一标识。
    context.$model.ref("formData").setData(modelCopy);

    // 提交数据
    const saveResult = await context.$model.ref("formData").save();
    if (saveResult.resCode == 0) {
        const recordId = saveResult.result[0]?.id;
        if (recordId) {
            context.$page.loadStdPage('pro_man__suggestion', "recordId=" + recordId); // 修改：本案例中样例命名空间“pro_man”，实际操作中请注意替换
            // 成功消息
            context.$message.success('生成成功');
        }
    }
} catch (error) {
    console.error("AI服务调用失败:", error);
    // 可以添加错误处理逻辑，如显示错误信息
}

注：代码中带有“修改”字样注释部分的内容。

6. 配置逻辑编排

6.1 添加服务编排

左侧菜单栏逻辑 > 编排，点其右侧的“+”，在添加服务编排弹窗，选择创建一个新的服务编排，并设置其属性，然后点添加。

标签：ds，可根据需要自行定义；
名称：pro_man__ds，命名空间+标签格式自动生成；
类型：选择Autolaunched Flow。

创建完成后的状态：

6.2 配置全局上下文

在ds编排服务界面右上角点“<”图标，展开全局上下文，然后点全局上下文 >，打开变量配置界面。

6.2.1 创建变量

在全局上下文变量配置界面，点变量右侧的“+”，依次新增变量input、output。

修改变量数据类型，input变量保持默认的文本数据类型，output变量修改为任意类型。点output变量右侧的“...”图标，选择设置，然后在变量弹窗中将数据类型修改为任意，然后点保存。

6.2.1 创建对象变量

继续创建对象变量。在全局上下文变量配置界面，点对象变量右侧的“+”。在弹出的对象变量弹窗中设置其参数，然后点保存。

对象变量：选择全局结构体；
名称：messages，可根据需要自行定义；
全局结构体：选择无 > pro_man__message，此处为“三、华为开发者空间-Astro平台开发应用” > “4. 添加对象和全局结构体” > “4.3 创建全局结构体”中所创建的全局结构体。
是否为数组：勾选

6.3 配置图元

6.3.1 配置开始图元

选中开始图元，在全局上下文点参数，展开参数面板。将上一步中创建的input、output变量分别拖拽到入参和出参区域。

6.3.2 新建配置赋值图元

新建赋值图元

在图元栏，找到赋值图元，并将其拖曳到画布中。

配置赋值图元

选中赋值图元，在全局上下文点赋值，展开赋值面板，点新增行，并配置其参数：

变量：messages[0].role，自动生成，将全局上下文 > 对象变量中messages的role字段拖拽到变量；
操作符：=；
值："user"，带英文双引号。

继续新增行，配置其参数：

变量：messages[0].content，自动生成，将全局上下文 > 对象变量中messages的content字段拖拽到变量；
操作符：=；
值：{!input}，自动生成，将全局上下文 > 变量中的input变量拖拽到值。

连接图元

连接开始图元与赋值图元。

6.3.3 新建配置连接器图元

新建连接器图元

在左侧工具栏连接器 > 大模型中找到 MaaS云平台，并将其拖曳到画布中。

配置基本信息

选中连接器图元，在全局上下文点基本信息图标，展开基本信息面板，在选择器一栏选择在“三、华为开发者空间-Astro平台开发应用” > “3. 集成连接器大模型”中创建的连机器大模型，样例：pro_man__MaaS。

配置连接器参数

选中连接器图元，在全局上下文点连接器图标，展开连接器面板，配置其输入参数、输出参数。

输入参数，点新增行，目标选择message，将之前创建的对象变量messages拖拽到源；
输出参数，点新增行，源选择result，将之前创建的变量output拖拽到源；

连接图元

连接赋值图元与连接器图元。

6.4 保存、启用、测试编排

顶部工具栏，依次点击保存，启用，调试。

点调试按钮后，自动进入调试页面。

在输入参数栏输入：{"input":"我要上大学"}，然后点运行。

编排任务测试成功。

7. 推荐系统推荐页面

7.1 创建/配置页面

左侧菜单栏界面 > 页面，点其右侧的“+”，在添加标准页面弹窗，选择空白标签，并设置其属性，然后点添加，创建一个标准页面。
标签：推荐
名称：suggestion

创建完成后，在右侧选择属性页签，并设置页面属性：
样式 > 布局，设置为宽800px，高1024px，居中对齐；
样式 > 字体，设置字体大小为16px，行高为23。

添加事件

切换到事件标签，单击“+”，在添加动作弹窗中，页签选择自定义动作，在动作名称一栏设置JS代码名称：university，其下方的代码区域中输入以下代码，然后点创建/保存。

完整代码如下：

// json化方法
function parseJSON(str) {
    var flag = false;
    try {
        JSON.parse(str);
        flag = true
    } catch (err) {
        flag = false;
    }
    return flag;
}

var recordId = context.$page.params.recordId;
if (!recordId) return;

try {
    // 获取Object对象
    var _object = context.object('pro_man__university__CST');   // 修改：本案例中样例命名空间“pro_man”，实际操作中请注意替换

    // 查询满足条件数据
    var _condition = {
        conjunction: 'AND',
        conditions: [{
            field: 'id',
            operator: 'eq',
            value: recordId
        }]
    };

    const res = await _object.query(_condition);

    if (res.resCode !== '0' || !res.result || res.result.length === 0) return;

    const data = res.result[0];

    // 解析JSON字符串字段
    Object.keys(data).forEach(item => {
        if (data[item] && parseJSON(data[item])) {
            try {
                const parsed = JSON.parse(data[item]);
                data[item] = parsed;
            } catch (e) {
                // 不是有效JSON，保持原值
            }
        }
    });
    $model.ref("form0").setData(data);
} catch (err) {
    console.error("数据查询或处理失败:", err);
}

注：代码中带有“修改”字样注释部分的内容。