第4章 实例11：用MongoDB开发员工信息管理系统

为了巩固第3章所学的MongoDB增加、删除、修改、查找功能，本章将带领读者制作一个简易的员工管理系统。



4.1  了解实例最终目标


本实例的最终结果会以网页形式呈现，读者只需要完成整个系统中关于  MongoDB  操作这部分代码的开发即可。

实例描述

本实例完成以后，将会得到一个人员信息管理网页，如图4-1所示。

在页面的末尾可以看到用于新增数据的“添加人员”按钮，如图4-2所示。通过这个网页，可以查看当前的所有人员信息，可以增加、修改、删除人员信息。

图4-1  实例运行效果

图4-2  “添加人员”按钮在页面最下方

1．添加信息

（1）在图4-2中单击“添加人员”按钮，打开“添加信息”对话框。

（2）在“添加信息”对话框中输入相应的信息，则信息会被添加到  MongoDB  中，同时也出现在网页中，如图4-3和图4-4所示。

图4-3  添加新的人员信息

图4-4  人员信息被添加

2．编辑信息

（1）单击图4-4中每条信息后面的“编辑”按钮，会打开“编辑信息”对话框，如图4-5所示。“编辑信息”对话框中已经自动填入了当前人员的信息，除“工号”与“年龄”外，其他信息都可以修改。其中，年龄会通过修改“出生年月日”而自动修改。

图4-5  “编辑信息”对话框

（2）修改一项或多项以后，单击“更新”按钮更新本条数据。运结效果如图4-6和图4-7所示。

图4-6  修改部分信息

图4-7  信息列表发生相应变化

3．删除信息

单击每一条信息后面的“删除”按钮，则可以将当前信息删除，如图4-8所示。

图4-8  工号6与工号8之间已经没有工号7的信息了

工号一旦被自动生成就固定不变，不会因为删除某个人的信息而导致后面人的工号发生改变。