最新案例动态，请查阅基于华为云码道，快速开发个人任务管理系统。小伙伴们快来进行实操吧！

1 概览

1.1 案例介绍

华为云码道（CodeArts）代码智能体是基于智能生成、智能问答两大核心能力构建起一套全方位、多层次的智能开发体系。在智能生成方面，它能够依据开发者输入的需求描述，准确且高效地生成高质量代码；智能问答功能则如同开发者身边的专属技术顾问。

本案例基于华为云码道（CodeArts）代码智能体，快速开发个人任务管理系统的开发，它是一个简洁清爽的任务管理工具，帮助你高效管理日常任务。

1.2 适用对象

在华为开发者空间，为开发者提供了以下能力支持：

• 个人开发者；
• 高校学生；
• 企业开发者；

1.3 案例时间

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

1.4 案例流程

说明：

• 用户下载安装华为云码道CodeArts代码智能体IDE；
• 华为云账号登录授权华为云码道CodeArts代码智能体，输入指令生成任务管理系统代码；
• 浏览器体验个人任务管理系统Web应用。

1.5 资源总览

资源名称	规格	单价（元）
华为云码道（CodeArts）代码智能体	通用体验版	免费

2 基础环境与资源准备

2.1 下载安装华为云码道CodeArts代码智能体ID

根据下载和安装教程，下载安装IDE:

2.2 登录华为云码道CodeArts代码智能体

安装完成之后，点击打开文件夹或新建项目，用于存放项目文件：

登录华为云码道CodeArts代码智能体：

注意：如果已经登录华为账号，直接跳转至登录授权页面，否则，直接拉起华为账号登录界面。

自动拉起华为账号登录界面，输入账号和密码：

首次使用CodeArts代码智能体，会进入开通页面（若已经开通，会进入批准登录界面）。需要勾选“我已阅读并同意”后，单击“立即开通”，等待套餐开通完成。

开通完成后，跳转至登录授权页面，点击确认授权：

CodeArts代码智能体登录成功：

登录成功之后，返回CodeArts代码智能体，即可体验使用。

2.3 验证CodeArts代码智能体

输入问题：“你好，请介绍你能做的事情”，验证CodeArts代码智能体：

3 个人任务管理系统开发

3.1 CodeArts代码智能体基础功能实现

在提示框内输入以下提示词，点击发送：

请帮我构建一个个人任务管理Web应用，要求如下：
1、在当前工作空间目录下创建项目并生成完整代码；
2、界面简洁清爽，分为任务输入区、任务列表区、筛选区三部分；
3、核心功能：输入任务名称、设置截止日期，点击"添加任务"存入列表；支持点击任务前复选框标记"已完成"（完成状态标灰划线）；提供"全部/待办/已完成"筛选切换；支持编辑任务内容、删除单个任务、一键清空已完成任务；
4、任务列表显示任务名称、截止日期、状态，排序方式按截止日期升序。

CodeArts代码智能体通过规划任务，开始创自动生成项目代码，时间大约几分钟：

注意：涉及变更文件的时候，我们点击全部接受。

大约几分钟之后，打开index.html，一个完整的个人任务管理系统的Web应用就生成了。

3.2 增强功能与优化体验

在输入框内输入提示词：

基于当前已经生成好的个人任务管理Web应用，在原有代码基础上继续优化和增强，不需要重新创建项目，具体要求如下：
1. 界面样式优化：把任务列表改成卡片式布局，整体风格更清爽现代；按钮、输入框增加 hover 交互效果；已完成任务的文字灰色+删除线样式更明显。
2. 交互体验优化：添加任务时，如果输入为空要给出提示，不允许添加空任务；删除单个任务和清空已完成任务时，弹出确认框防止误操作；任务添加成功后给出简短提示。
3. 功能增强：增加 localStorage 本地数据持久化，关闭页面、刷新浏览器后任务数据不丢失。
4. 细节优化：任务按截止日期升序排列，如果截止日期相同，按任务添加时间排序；优化页面整体排版和间距，让界面更整洁。

可以看到，CodeArts代码智能体在帮我们修改原来的文件，如提示是否采纳，选择全部采纳：

生成完成后我们可以看到优化后的版本：

用户打开系统后，可在任务输入区填写任务名称并设置截止日期，一键添加任务；
在筛选区切换查看全部、待办或已完成任务，任务列表会按截止日期自动排序；
支持对单条任务进行完成标记、内容编辑和删除操作，也可一键清空所有已完成任务；
所有任务数据会自动本地保存，刷新或关闭页面后再次打开仍可正常查看，操作简单直观，轻松实现日常任务的高效管理。

注意：个人任务管理系统是由Agent自动生成，每次提问生成的代码及最后的运行结果均存在出入，开发者可根据自己的需求，调教模型生成自己想要的结果。若想体验与案例一样的结果，可下载源码至本地运行。

至此，基于CodeArts代码智能体，快速开发个人任务管理系统的案例已全部完成。

4 反馈改进建议

如您在案例实操过程中遇到问题或有改进建议，可以到华为云社区论坛选择相应板块反馈即可，我们会及时响应处理，谢谢！