这篇博客将记录下我学习 Angular 9 的过程,通过实现一个简单的管理系统来完成。
Github Repo
技术选择
Backend: Django 3.0.6
Frontend: Angular 9.1.10
Database: Mysql 14.14
UI: Angular Material 9.2.4
需求分析
需要开发的是一款电脑设备的管理系统,涉及到的实体为:Computer
, Floor
, Building
. 每个Building
有多个Floor
,每个Floor
有多个Computer
.
主要页面如下:
- Dashboard: 显示所有
Computer
的概况. - Overview: 利用树形结构显示
Building
,Floor
,Computer
之间的关系,并可以在这个页面配置Building
和Floor
. - Configuration: 用表格的形式去显示所有
Computer
,实现基本的增删查改功能。
数据库设计
由于数据库不是这个项目的重点,因此只实现最基本的字段和功能。