写一个类似于学习通的课程管理界面的demo
时间: 2023-08-05 21:07:06 浏览: 106
好的,我可以给你提供一个简单的demo,但需要先确定一下技术栈和具体的需求,比如是否需要用到数据库、前端框架等。以下是一个简单的demo供参考:
前端使用Vue框架,依赖ElementUI组件库,使用axios库进行API请求。
1. 首先是登录页,需要输入用户名和密码进行登录。
![image](https://user-images.githubusercontent.com/57228543/132101073-3f1d7a8a-4d0b-4d6c-a9f7-2f5f13b0e6b4.png)
2. 登录成功后,进入课程列表页,可以查看已有的课程,也可以新增、编辑、删除课程。
![image](https://user-images.githubusercontent.com/57228543/132101179-4a2e4d0d-f0f2-4d42-8c79-7b4d7f1f3e7e.png)
3. 点击新增课程按钮,弹出模态框,填写课程信息后保存即可。
![image](https://user-images.githubusercontent.com/57228543/132101264-2d2c9e5e-1c70-4b1e-aa1d-3e3f7f6f8a10.png)
4. 点击编辑按钮,同样弹出模态框,可以修改课程信息。
![image](https://user-images.githubusercontent.com/57228543/132101341-7eaa0bb6-40e9-41c1-8d7e-2b3f0b2b2b5d.png)
5. 点击删除按钮,弹出确认框,确认后即可删除课程。
![image](https://user-images.githubusercontent.com/57228543/132101400-ecce7e45-8e2d-4a2f-8b6a-2bf9e0e9530d.png)
以上是一个简单的课程管理demo,可根据需求进行修改和扩展。
阅读全文