基于华为开发者空间+CodeArts代码智能体,实现商品管理Web应用快速开发
华为开发者空间结合CodeArts Doer智能开发工具,提供快速构建商品管理Web应用的实践案例。通过VS Code远程连接云开发环境,开发者可利用CodeArts Doer的智能代码生成和问答功能,在60分钟内完成应用开发。案例适用于企业、个人开发者和高校学生,全程免费使用华为提供的云主机和开发工具资源。操作流程包括环境连接、插件安装、智能开发和应用体验四个步骤,展示了华为根技术生态的高效开发
最新案例动态,请查阅基于华为开发者空间+CodeArts Doer,实现商品管理Web应用快速开发。小伙伴们快来进行实操吧!
案例简介:CodeArts Doer是基于智能生成、智能问答两大核心能力构建起一套全方位、多层次的智能开发体系。在智能生成方面,它能够依据开发者输入的需求描述,准确且高效地生成高质量代码;智能问答功能则如同开发者身边的专属技术顾问。
一、概述
1. 案例介绍
华为开发者空间,是为全球开发者打造的专属开发者空间,致力于为每位开发者提供一台云主机、一套开发工具和云上存储空间,汇聚昇腾、鸿蒙、鲲鹏、GaussDB、欧拉等华为各项根技术的开发工具资源,并提供配套案例指导开发者从开发编码到应用调测,基于华为根技术生态高效便捷的知识学习、技术体验、应用创新。
CodeArts Doer是基于智能生成、智能问答两大核心能力构建起一套全方位、多层次的智能开发体系。在智能生成方面,它能够依据开发者输入的需求描述,准确且高效地生成高质量代码;智能问答功能则如同开发者身边的专属技术顾问。
本案例基于华为开发者空间+CodeArts Doer,实现商品管理Web应用快速开发。
2. 适用对象
- 企业
- 个人开发者
- 高校学生
3. 案例时间
本案例总时长预计60分钟。
4. 案例流程
说明:
- 用户使用VS Code远程连接云开发环境并安装CodeArts Doer代码智能体;
- 使用CodeArts Doer代码智能体,自动生成商品管理Web应用;
- 浏览器体验商品管理Web应用。
5. 资源总览
本案例预计花费0元。
| 资源名称 | 规格 | 单价(元) | 时长(分钟) |
|---|---|---|---|
| CodeArts代码智能体 | 通用体验版 | 免费 | 60 |
| 华为开发者空间 - 云开发环境(容器) | 鲲鹏通用计算增强型 kc1 | 2vCPUs | 4G | HCE | 免费 | 60 |
二、基础环境与资源准备
1. VS Code远程连接云开发环境
参考案例《华为开发者空间 - 云开发环境(容器)IDE插件远程连接操作指导》,使用VS Code的Huawei Developer Space 插件,远程连接华为开发者空间云开发环境。
2. VS Code安装CodeArts Doer代码智能体
点击Extensions图标,搜索CodeArts Doer for Coding,点击Install安装插件:
安装完成后,点击CodeArts Doer插件图标,点击HUAWEI ID login:
点击Open,打开外部网站:
输入华为账号和密码,登录CodeArts Doer代码智能体:
CodeArts Doer代码智能体登录成功:
首次使用CodeArts Doer代码智能体,会进入开通页面。需要勾选“我已阅读并同意”后,单击“立即开通”,等待套餐开通完成。
返回VS Code测试CodeArts Doer代码智能体,输入问题:你好,请介绍自己!
3.设置Agent模式
点击Agent,再点击设置:
点击Auto Approve后面的Not enabled,授权所有操作:
点击返回后,即可使用CodeArts Doer代码智能体。
三、商品管理Web应用实践
1. CodeArts Doer生成代码
输入以下指令:
使用python+flask,构建简单商品管理web应用,要求如下:
1、UI布局合理,界面美观;
2、实现商品添加、编辑、删除等功能;
3、代码可直接运行。
点击发送按钮后,CodeArts Doer代码智能体会创建项目文件并生成代码:
大约几分钟之后,CodeArts Doer代码智能体帮助我们创建了项目文件,生成了完整的代码并安装了项目依赖:
代码目录结构:
2. 运行生成的代码
运行代码:
打开TERMINAL窗口,进入项目目录下,执行app.py文件:
cd product_management
python app.py
点击Open in Browser:
3. 测试体验商品管理Web应用
添加商品:
输入商品名称、商品类别、价格及库存数量,添加商品:
添加完成后,商品列表显示刚添加的商品:
编辑商品:
点击编辑按钮,修改商品价格:
点击更新商品按钮之后,商品价格发生变化:
删除商品:
点击删除按钮,弹窗中点击确定按钮,删除该商品:
商品列表中,该商品被删除:
注意:因为商品管理Web应用是Agent自动生成的,每次提问设计生成的代码及最后的运行结果均存在出入,开发者可根据自己的需求,调教模型生成自己想要的结果。若想体验与案例一样的结果,请下载源码至本地运行。
至此,基于华为开发者空间+CodeArts Doer,实现商品管理Web应用快速开发的案例已全部完成。
四、反馈改进建议
如您在案例实操过程中遇到问题或有改进建议,可以到论坛帖评论区反馈即可,我们会及时响应处理,谢谢!
更多推荐




所有评论(0)