Django 3 + Angular 9 实战:电脑管理系统

这篇博客将记录下我学习 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，实现基本的增删查改功能。

数据库设计

由于数据库不是这个项目的重点，因此只实现最基本的字段和功能。