.NET&Web前端-大三-员工疫情管理
目录
.NET&Web前端-大三-员工疫情管理
语言和环境
素材
实现功能
数据库设计
具体要求及推荐实现步骤
数据库创建
编辑建表sql
项目创建
编码
添加视图
遍历视图以及生成样式
修改显示图片
添加页面与添加函数编码
视图编码
信息添加测试
添加成功
语言和环境
1. 实现语言：C#语言。 2. 环境要求：Visual Studio 2017 SQL Server 2014 或以上版本。 3. 实现技术：ASP.NET MVC EF（100 分）或 ASP.NET 三层 EF（90 分）。 4. 功能要求：不得使用支架模板生成控制器和视图，不得使用第三方工具生成实体类、持久层代码， 否则不得分。
素材
实现功能
本系统要求对员工疫情信息进行管理，具体实现功能如下： 1. 员工疫情信息首页，显示员工疫情信息列表。如图 1 所示。
图 1 员工疫情信息首页
要求如下： (1)当前状态：根据员工状态显示不同颜色的通行码图片，状态为 0（已打过疫苗）则显示绿码， 状态为 1（感冒状态）则显示黄码，状态为 2（从危险地区回来）则显示红码。 (2)录入时间：按照 XXXX 年 XX 月 XX 日的格式显示录入时间 2. 点击“录入员工疫情信息”，录入员工的疫情状态，如图 2 所示
图 2 录入员工疫情信息
要求如下： (1)使用单选按钮录入性别信息。 (2)当前状态下拉框中分为三种不同的状态：“已接种疫苗”，“感冒状态”，“从危险地区回来”。 (3)MVC 中录入时间使用日期控件实现输入 (4)点击“添加”按钮，需进行表单验证，其中，姓名、家庭地址、录入时间必须输入，如图 3 所 示；添加成功后跳转到员工疫情信息列表页面
图 3 表单验证
(5)点击取消返回到员工疫情信息列表页面
数据库设计
1. 创建数据库（ManageDB）。
2. 创建员工信息表（tb_user），信息表结构见表 1。
表 1 tb_user 表结构
具体要求及推荐实现步骤
1. 按以上数据库要求建库、建表，并添加测试数据至少 5 条，如图 4 所示。
图 4 tb_user 表中测试数据
2. 搭建系统框架 （1）正确创建项目（MVC 或者 ASP.NET）。 （2）创建实体数据模型。 （3）创建控制器、视图(或者三层)。 3. 首页数据的展示 (1)当前状态：根据员工状态显示不同颜色的通行码图片，状态为 0（已打过疫苗）则显示绿码，状态 为 1（感冒状态）则显示黄码，状态为 2（从危险地区回来）则显示红码。 (2)录入时间：按照 XXXX 年 XX 月 XX 日的格式显示录入时间 (3)MVC 模式表格标题采用模型注解方式展示 4. 录入员工疫情信息： (1)使用单选按钮录入性别信息。 (2)当前状态下拉框中分为三种不同的状态：“已接种疫苗”，“感冒状态”，“从危险地区回来”。 (3)MVC 中录入时间使用日期控件实现输入，可使用模型注解中的数据类型实现 (4)点击“添加”按钮，需进行表单验证，其中，姓名、家庭地址和录入时间必须输入；MVC 模式采用 模型注解方式实现验证；添加成功后跳转到员工疫情信息列表页面 (5)点击取消返回到员工疫情信息列表页面
数据库创建
创建数据库-这里使用的是Navicat
创建tb_user表，这里的id一定要点上主键以及标识，钥匙代表主键，标识代表自增。
添加check约束
添加数据
建表sql
代码语言：javascript复制CREATE TABLE [dbo].[tb_user] (
[id] int NOT NULL IDENTITY(1,1) ,
[Name] varchar(20) NULL ,
[Gender] varchar(10) NULL ,
[Address] varchar(70) NULL ,
[Status] int NOT NULL ,
[UpdateTime] date NOT NULL
)
GO
DBCC CHECKIDENT(N'[dbo].[tb_user]', RESEED, 8)
GO
-- ----------------------------
-- Records of tb_user
-- ----------------------------
SET IDENTITY_INSERT [dbo].[tb_user] ON
GO
INSERT INTO [dbo].[tb_user] ([id], [Name], [Gender], [Address], [Status], [UpdateTime]) VALUES (N'1', N'张三', N'男', N'***省***市***街道', N'0', N'2021-08-21');
GO
INSERT INTO [dbo].[tb_user] ([id], [Name], [Gender], [Address], [Status], [UpdateTime]) VALUES (N'5', N'李四', N'女', N'***省***市***街道', N'1', N'2021-08-22');
GO
INSERT INTO [dbo].[tb_user] ([id], [Name], [Gender], [Address], [Status], [UpdateTime]) VALUES (N'6', N'王五', N'男', N'***省***市***街道', N'2', N'2021-08-23');
GO
INSERT INTO [dbo].[tb_user] ([id], [Name], [Gender], [Address], [Status], [UpdateTime]) VALUES (N'7', N'赵六', N'男', N'***省***市***街道', N'1', N'2021-08-20');
GO
INSERT INTO [dbo].[tb_user] ([id], [Name], [Gender], [Address], [Status], [UpdateTime]) VALUES (N'8', N'钱七', N'男', N'***省***市***街道', N'0', N'2021-08-21');
GO
SET IDENTITY_INSERT [dbo].[tb_user] OFF
GO
-- ----------------------------
-- Indexes structure for table tb_user
-- ----------------------------
-- ----------------------------
-- Primary Key structure for table [dbo].[tb_user]
-- ----------------------------
ALTER TABLE [dbo].[tb_user] ADD PRIMARY KEY ([id])
GO
-- ----------------------------
-- Checks structure for table [dbo].[tb_user]
-- ----------------------------
ALTER TABLE [dbo].[tb_user] ADD CHECK (([Status]=(0) OR [Status]=(1) OR [Status]=(2)))
GO项目创建
引入EF
新建sqlserver数据库链接
引入单表
引入完毕
编码
需要使用的对象【ManageDBEntities】
创建控制器
引入命名空间以及使用EF进行数据查询。
添加视图
遍历视图以及生成样式
代码语言：javascript复制@{
ViewBag.Title = "Index";
}
<h2>员工疫情状态信息</h2>
<a>录入员工疫情信息</a>
<table class="table table-bordered">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>家庭地址</th>
<th>当前状态</th>
<th>录入时间</th>
</tr>
@foreach (var item in ViewBag.list)
{
<tr>
<td>@item.id</td>
<td>@item.Name</td>
<td>@item.Gender</td>
<td>@item.Address</td>
<td>@item.Status</td>
<td>@item.UpdateTime.ToString("yyyy年MM月dd日")</td>
</tr>
}
</table>
修改显示图片
引入三张状态图片
编码处理
代码语言：javascript复制@{
ViewBag.Title = "Index";
}
<h2>员工疫情状态信息</h2>
<a>录入员工疫情信息</a>
<table class="table table-bordered">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>家庭地址</th>
<th>当前状态</th>
<th>录入时间</th>
</tr>
@foreach (var item in ViewBag.list)
{
<tr>
<td>@item.id</td>
<td>@item.Name</td>
<td>@item.Gender</td>
<td>@item.Address</td>
<td>
@if (item.Status == 0)
{
<img src="~/img/green.png" width="30"/>
}
else if (item.Status == 1)
{
<img src="~/img/yellow.png" width="30"/>
}
else
{
<img src="~/img/red.png" width="30"/>
}
</td>
<td>@item.UpdateTime.ToString("yyyy年MM月dd日")</td>
</tr>
}
</table>
添加页面与添加函数编码
代码语言：javascript复制/// <summary>
/// 添加页面
/// </summary>
/// <returns></returns>
public ActionResult AddInfoPage() {
return View();
}
/// <summary>
/// 添加函数
/// </summary>
/// <param name="tb"></param>
/// <returns></returns>
public ActionResult AddInfo(tb_user tb) {
using (ManageDBEntities db = new ManageDBEntities())
{
db.tb_user.Add(tb);
db.SaveChanges();
}
return Redirect("~/Manage/Index");
}添加页面视图
视图编码
代码语言：javascript复制@{
ViewBag.Title = "AddInfoPage";
}
<h2>员工疫情信息录入</h2>
<hr/>
<form action="~/Manage/AddInfo" method="get">
<table width="500">
<tr>
<td>姓名</td>
<td><input type="text" class="form-control" name="Name" required/></td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" value="男" name="Gender" />男
<input type="radio" value="女" name="Gender" />女
</td>
</tr>
<tr>
<td>家庭地址</td>
<td>
<input type="text" name="Address" class="form-control" required/>
</td>
</tr>
<tr>
<td>当前状态</td>
<td>
<select name="Status" class="form-control" required>
<option>已接种疫苗</option>
<option>感冒状态</option>
<option>从危险地区回来</option>
</select>
</td>
</tr>
<tr>
<td>录入时间</td>
<td>
<input type="date" name="UpdateTime" class="form-control" required/>
</td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" class="btn btn-default"/>
<a href="~/Manage/Index">取消</a>
</td>
</tr>
</table>
</form>
信息添加测试
添加成功
非空提示
完毕。
