基于CodeArts代码智能体，快速完成教师点名签到系统开发

一、概述

1. 案例介绍

华为云码道（CodeArts）代码智能体是一款集IDE、Code Agent、代码大模型为一体的智能编码产品。它面向项目级代码生成、代码续写、研发知识问答、单元测试用例生成、代码解释、代码注释、代码调试、代码翻译、代码检查、代码优化等场景功能，为开发者提高研发效率，提供极致的智能化编码体验。

本案例基于CodeArts代码智能体，快速完成教师点名签到系统开发。

2. 适用对象

• 个人开发者
• 高校学生

3. 案例时间

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

4. 案例流程

说明：

1. 用户下载安装CodeArts代码智能体；
2. 登录CodeArts代码智能体，输入指令自动生成教师点名签到系统代码；
3. 浏览器体验教师点名签到系统。

5. 资源总览

本案例预计花费0元。

二、基础环境与资源准备

1. 下载安装CodeArts代码智能体

参考《AI IDE华为云码道（CodeArts）代码智能体安装部署》，下载安装IDE:

2. 登录CodeArts代码智能体

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

登录CodeArts代码智能体：

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

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

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

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

CodeArts代码智能体登录成功：

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

3. 验证CodeArts代码智能体

输入问题：“你好，请介绍自己！”，验证CodeArts代码智能体：

三、教师点名签到系统代码实战

1. CodeArts代码智能体生成代码

输入以下指令，点击发送：

复制代码

请帮助我构建一个教师点名签到的Web应用，要求如下： 1、在当前工作空间目录下创建项目，生成代码； 2、要求页面符合签到系统简洁，美观的风格； 3、教师点名、学生签到等应有的基本功能齐全； 4、在输入框中输入学生姓名，点击"添加学生"按钮将学生添加到列表中。点击"开始点名"按钮，系统将按顺序点名。学生可以点击"签到"按钮表示已签到。签到记录会显示在下方，包括学生姓名、角色、学号和签到时间。缺勤记录会显示在"缺勤记录"部分。点击"开始点名"后，按钮将变为"点名结束"，点击"点名结束"后，未签到的学生将被记录到缺勤记录中。

CodeArts代码智能体通过规划任务，开始创自动生成项目代码：

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

大约几分钟之后，CodeArts代码智能体帮助我们在当前工作目录下，创建了一个完整的教师点名签到Web应用：

2. 测试体验教师点名签到系统

在浏览器中打开index.html文件：

输入姓名和学号，点击添加学生按钮，添加的学生显示在学生列表中：

点击开始点名，签到的显示在签到记录中，未签到的显示在缺勤记录中：

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

至此，基于CodeArts代码智能体，快速完成教师点名签到系统开发的案例已全部完成。