首页 > 其他分享 >.NET&Web前端-大三-员工疫情管理

.NET&Web前端-大三-员工疫情管理

时间:2022-12-18 10:03:23浏览次数:49  
标签:Web 疫情 员工 item user 录入 NET tb 大三


.NET&Web前端-大三-员工疫情管理_asp.net

.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. 功能要求:不得使用支架模板生成控制器和视图,不得使用第三方工具生成实体类、持久层代码, 否则不得分。

素材

.NET&Web前端-大三-员工疫情管理_.net_02

.NET&Web前端-大三-员工疫情管理_asp.net_03

 

.NET&Web前端-大三-员工疫情管理_前端_04

 

.NET&Web前端-大三-员工疫情管理_MVC_05


实现功能

本系统要求对员工疫情信息进行管理,具体实现功能如下:

1. 员工疫情信息首页,显示员工疫情信息列表。如图 1 所示。



.NET&Web前端-大三-员工疫情管理_前端_06

图 1 员工疫情信息首页

要求如下:

(1)当前状态:根据员工状态显示不同颜色的通行码图片,状态为 0(已打过疫苗)则显示绿码,

状态为 1(感冒状态)则显示黄码,状态为 2(从危险地区回来)则显示红码。

(2)录入时间:按照 XXXX 年 XX 月 XX 日的格式显示录入时间

2. 点击“录入员工疫情信息”,录入员工的疫情状态,如图 2 所示


.NET&Web前端-大三-员工疫情管理_前端_07

图 2 录入员工疫情信息

要求如下:

(1)使用单选按钮录入性别信息。

(2)当前状态下拉框中分为三种不同的状态:“已接种疫苗”,“感冒状态”,“从危险地区回来”。

(3)MVC 中录入时间使用日期控件实现输入

(4)点击“添加”按钮,需进行表单验证,其中,姓名、家庭地址、录入时间必须输入,如图 3 所

示;添加成功后跳转到员工疫情信息列表页面


.NET&Web前端-大三-员工疫情管理_.net_08

图 3 表单验证

(5)点击取消返回到员工疫情信息列表页面

数据库设计


1. 创建数据库(ManageDB)。


2. 创建员工信息表(tb_user),信息表结构见表 1。


.NET&Web前端-大三-员工疫情管理_asp.net_09

表 1 tb_user 表结构

具体要求及推荐实现步骤

1. 按以上数据库要求建库、建表,并添加测试数据至少 5 条,如图 4 所示。


.NET&Web前端-大三-员工疫情管理_MVC_10

图 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)点击取消返回到员工疫情信息列表页面


.NET&Web前端-大三-员工疫情管理_MVC_11


数据库创建


创建数据库-这里使用的是Navicat


.NET&Web前端-大三-员工疫情管理_asp.net_12


创建tb_user表,这里的id一定要点上主键以及标识,钥匙代表主键,标识代表自增。


.NET&Web前端-大三-员工疫情管理_数据库_13


.NET&Web前端-大三-员工疫情管理_.net_14


添加check约束


.NET&Web前端-大三-员工疫情管理_前端_15

添加数据

.NET&Web前端-大三-员工疫情管理_.net_16

建表sql

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


项目创建 

.NET&Web前端-大三-员工疫情管理_MVC_17

 

.NET&Web前端-大三-员工疫情管理_数据库_18

引入EF

.NET&Web前端-大三-员工疫情管理_MVC_19

新建sqlserver数据库链接

.NET&Web前端-大三-员工疫情管理_前端_20

.NET&Web前端-大三-员工疫情管理_前端_21

引入单表

.NET&Web前端-大三-员工疫情管理_前端_22

引入完毕

.NET&Web前端-大三-员工疫情管理_MVC_23

编码

需要使用的对象【ManageDBEntities】

.NET&Web前端-大三-员工疫情管理_.net_24

创建控制器

.NET&Web前端-大三-员工疫情管理_MVC_25

引入命名空间以及使用EF进行数据查询。

.NET&Web前端-大三-员工疫情管理_前端_26

添加视图

.NET&Web前端-大三-员工疫情管理_.net_27

.NET&Web前端-大三-员工疫情管理_.net_28

.NET&Web前端-大三-员工疫情管理_asp.net_29

遍历视图以及生成样式

@{
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>

.NET&Web前端-大三-员工疫情管理_前端_30

修改显示图片

引入三张状态图片

.NET&Web前端-大三-员工疫情管理_asp.net_31

编码处理

@{
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>

.NET&Web前端-大三-员工疫情管理_asp.net_32

添加页面与添加函数编码

/// <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");
}

添加页面视图

.NET&Web前端-大三-员工疫情管理_.net_33

视图编码

@{
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>

.NET&Web前端-大三-员工疫情管理_前端_34

信息添加测试

.NET&Web前端-大三-员工疫情管理_数据库_35

添加成功

.NET&Web前端-大三-员工疫情管理_asp.net_36

非空提示

.NET&Web前端-大三-员工疫情管理_.net_37

 完毕。

标签:Web,疫情,员工,item,user,录入,NET,tb,大三
From: https://blog.51cto.com/laoshifu/5950776

相关文章

  • ADO.NET连接MySQL注意细节
    Nuget安装MySQL包MySql.Data.MySqlClient几个数据库对象的前缀为:MySQL比如:MySqlConnection连接字符串可以参考这里:https://www.cnblogs.com/cqpanda/p/16316311.......
  • day7-2022.12.17-Webstorm基本设置
    一、快捷键设置1、点击左上角的File->settings,在输入框中查找Keymap,选择Eclipse,此处是改变快捷键的方式。Ctrl+F:本Vue文件内查找Ctrl+H:全文件查找  ......
  • telnet、wirshark等工具介绍
    1. telnet工具  1.1介绍       (1)telnet是一个命令行运行的客户端TCP通信工具      (2)可以接收数据、也可发送数据,windows和linux上都能用......
  • Kubernetes(k8s) kubectl rollout status常用命令
    kubectl在$HOME/.kube目录中查找一个名为config的配置文件。可以通过设置KUBECONFIG环境变量或设置--kubeconfig参数来指定其它kubeconfig文件。本文主要介绍K......
  • CSharp: Chain of Responsibility Pattern in donet core 6
     usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;usingSystem.Threading.Tasks;namespaceGeovin.Du.DuChainOfResponsib......
  • 基于.NetCore开发博客项目 StarBlog - (21) 开始开发RESTFul接口
    前言最近电脑坏了,开源项目的进度也受到一些影响这篇酝酿很久了,作为本系列第二部分(API接口开发)的第一篇,得想一个好的开头,想着想着就鸽了好久,索性不扯那么多了,直接开写吧~......
  • Json Net 简单的文件读取和写入
    ▲读写的文件XiaoMing.json:{"Name":"小明","Sex":"男","Age":12}JsonWriteTest.json:{"StartX":1.23,"StartY":1.24,"EndX":10,"EndY":"YY","Fa......
  • Arduino UNO使用esp8266以TCP方式连接onenet云
    1.在onenet云平台上先创建一个TCP类型的产品 <1>打开onenet云平台,选择旧版,点击控制台,选择多协议接入(没有注册的先注册)图1-1 <2>多协议接入中选择TCP透传 图1-2......
  • Web-SQL注入
    #Sql注入产生的原因可控变量,代入数据库查询变量未过滤或过滤不严谨导致注入点判断1.老方法:注入点and1=1回显正常(页面未受影响),and1=2回显错误代表存在注入。htt......
  • Edge浏览器爱上WebVR
    微软此前表示,Edge浏览器将会取代InternetExplorer成为Windows10的默认网页浏览器。近日,微软宣布计划让Edge浏览器支持WebVR功能,允许用户直接在网页里观看VR内容。......