AI 创建学生管理系统
使用腾讯元宝创建,整体效果不错。修正2个bug跑起来,达到了需要的功能
先上效果图:按钮分类别配色,界面清爽。喜欢这布局
创建过程:
prompt: 使用最新稳定vue版,使用pinia存储,基于typescript, 样式使用dart-sass,基于eslint规范,添加mockjs支持,及mock数据生成
输入文本:做一个学生管理系统,有学生添加,修改、删除,成绩登记,学科有语数英、道法、历史、生物、地理,物理8科
AI输出:
项目初始化
项目结构
类型定义
Pinia存储管理
组件实现:
补充2个bug:
1. import { Student } from '@/types'
修改为:import type { Student } from '@/types'
2. ScoreView.vue
添加定义:import ScoreList from '../components/ScoreList.vue';
意外惊喜:
元宝选取文字时,有个翻译功能,杠杠的,非常适用我这种英文不好的。