《web应用基础》课程结业报告
内容介绍:
此次网站主要使用了angular+bootstrap进行开发,内容是一个简易的学生信息管理系统,可以实现对学生信息的增加删除编辑操作。
首页
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c39f13b6bb46d1337491d2b8089b038c.png)
新增学生界面
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/006793d7bb1be0207b3b6a9983f759f1.png)
编辑学生界面
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7aff48dcda16c531eb2bc07868269ab7.png)
开发过程
安装node.js,npm,配置angular环境,通过vscode进行开发。
全部组件
NavbarComponent 导航条
StudentComponent 学生信息的展示
StuEditComponent 学生信息编辑
StuNewComponent 新增学生信息
编辑路由
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/22d1c3a79aae1b1cf1ffd2f5d1012ebe.png)
实体类