用MVC写的查询，添加，删除，修改，登录。

已于 2022-06-01 12:47:13 修改 523 收藏 2
文章标签： sql asp.net mvc
于 2022-05-21 19:55:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56650103/article/details/124900366
版权

一.SQL数据库代码

CREATE DATABASE MVCLession31
GO
USE MVCLession31
GO
CREATE TABLE Dept (
    DeptId int IDENTITY(1,1) PRIMARY KEY NOT NULL,
    DeptName varchar(50)  NOT NULL
);
GO
insert into Dept values('销售部'),('开发部'),('研发部')
CREATE TABLE Employee (
    EmpId int IDENTITY(1,1) PRIMARY KEY NOT NULL,
    DeptId int references Dept(DeptId)  NOT NULL,
    EmpName varchar(50)  NOT NULL,
    EmpPhone varchar(50)  NOT NULL,
    EmpArea varchar(50)  NOT NULL,
    EmpSalary decimal(18,2)  NOT NULL
);
GO
insert into Employee values(1,'李四','15914541452','北京',12345),(2,'王麻子','15154541452','北京',22345),(3,'张三','15414541452','北京',52345)
go
CREATE TABLE UserInfo
(
UserId int IDENTITY(1,1) PRIMARY KEY NOT NULL,
UserName varchar(50)  NOT NULL,
Password varchar(50)  NOT NULL
)
go
insert into UserInfo values('123','123456'),('admin','1234567'),('admin2','11234567')

二.查询

1.查询页面

<body>
    <center>
        <h1>员工查询</h1>
        <a href="AddEmpFrom">添加员工</a>
    </center>
    <div>
        <table align="center" border="1" cellspacing="0" width="700">
            <tr>
                <th>员工编号</th>
                <th>部门名称</th>
                <th>员工姓名</th>
                <th>员工电话</th>
                <th>所在地区</th>
                <th>员工薪资</th>
                <th colspan="2">操作</th>
            </tr>
           @foreach (var item in ViewBag.info)
           {
            <tr>
                <td>@item.EmpId</td>
                <td>@item.DeptName</td>
                <td>@item.EmpName</td>
                <td>@item.EmpPhone</td>
                <td>@item.EmpArea</td>
                <td>@item.EmpSalary</td>
                <td><a href="DeleteEmp?EmpId=@item.EmpId" onclick="return confirm('确定删除吗?') ">删除</a></td>
                <td><a href="ExcistEmpFrom?EmpId=@item.EmpId">编辑</a></td>
            </tr>
           }
        </table>
    </div>
</body>

 2.EmployeeViewFrom类

public class EmployeeViewFrom
    {
        public int EmpId { get; set; }
        public string DeptName { get; set; }
        public string EmpName { get; set; }
        public string EmpPhone { get; set; }
        public string EmpArea { get; set; }
        public Nullable<decimal> EmpSalary { get; set; }
    }

3.Home控制器中的Index方法

public ActionResult Index()
        {
            //ViewBag.info = db.Employee;
            ViewBag.info = from e in db.Employee
                           join d in db.Dept on e.DeptId equals d.DeptId
                           select new EmployeeViewFrom
                           {
                               EmpId =e.EmpId,
                               EmpName =e.EmpName,
                               EmpPhone =e.EmpPhone,
                               EmpArea =e.EmpArea,
                               EmpSalary =e.EmpSalary,
                               DeptName =d.DeptName
                           };
            return View();
        }

4.运行结果

三.添加

 1.添加页面

<body>
    <center>
        <h1>添加员工</h1>
    </center>
    <div>
        <form action="AddEmp" method="post">
            <table align="center" cellspacing="0" border="1" width="500">
                <tr>
                    <th>所属部门:</th>
                    <td>
                        <select name="DeptId">
                            <option value="0">--请选择--</option>
                            @foreach (var imte in ViewBag.info)
                            {
                                <option value="@imte.DeptId">@imte.DeptName</option>
                            }
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>员工姓名:</th>
                    <td>
                        <input type="text" name="EmpName" value="" />
                    </td>
                </tr>
                <tr>
                    <th>员工电话:</th>
                    <td>
                        <input type="text" name="EmpPhone" value="" />
                    </td>
                </tr>
                <tr>
                    <th>所在地区:</th>
                    <td>
                        <input type="text" name="EmpArea" value="" />
                    </td>
                </tr>
                <tr>
                    <th>员工薪资:</th>
                    <td>
                        <input type="text" name="EmpSalary" value="" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center"><input type="submit" name="name" value="添加员工" /></td>
                </tr>
            </table>
        </form>
    </div>
</body>

2.Home控制器中的AddEmp方法与AddEmpFrom方法

//添加员工页面显示
        public ActionResult AddEmpFrom()
        {
            ViewBag.info = db.Dept;
            return View();
        }
        //添加员工
        public ActionResult AddEmp()
        {
            Employee emp = new Employee()
            {
                DeptId = int.Parse(Request["DeptId"]),
                EmpName = Request["EmpName"],
                EmpPhone = Request["EmpPhone"],
                EmpArea = Request["EmpArea"],
                EmpSalary =decimal.Parse(Request["EmpSalary"])
            };
            db.Employee.Add(emp);
            int i = db.SaveChanges();
            if (i>0)
            {
                return Content("<script>alert('添加成功');window.location.href='Index';</script>");
            }
            else
            {
                return Content("<script>alert('添加失败');window.location.href='AddEmpFrom';</script>");
            }
        }

3.运行结果

 三.删除

1.Home控制器中的DeleteEmp方法

//删除员工
//简单写法以注释
        public ActionResult DeleteEmp()
        {
            int empid = int.Parse(Request["EmpId"]);
            //var emp = db.Employee.Find(empid);
            //db.Employee.Remove(emp);
            //int i = db.SaveChanges();
            string sql = "delete from Employee where EmpId = @EmpId";
            SqlParameter parameter = new SqlParameter("@EmpId", empid);
            int i = db.Database.ExecuteSqlCommand(sql, parameter);
            if (i > 0)
            {
                return Content("<script>alert('删除成功');window.location.href='Index';</script>");
            }
            else
            {
                return Content("<script>alert('删除失败');window.location.href='Index';</script>");
            }
        }

2.运行结果

 

 

四.修改

1.修改页面

<body>
    <center>
        <h1>编辑员工</h1>
    </center>
    <div>
        <form action="ExcistEmp" method="post">
            <input type="hidden" name="EmpId" value="@ViewBag.empinfo.EmpId" />
            <table align="center" cellspacing="0" border="1" width="500">
                <tr>
                    <th>所属部门:</th>
                    <td>
                        <select name="DeptId">
                            <option value="0">--请选择--</option>
                            @foreach (var item in ViewBag.info)
                            {
                                <option value="@item.DeptId">@item.DeptName</option>
                            }
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>员工姓名:</th>
                    <td>
                        <input type="text" name="EmpName" value="@ViewBag.empinfo.EmpName" />
                    </td>
                </tr>
                <tr>
                    <th>员工电话:</th>
                    <td>
                        <input type="text" name="EmpPhone" value="@ViewBag.empinfo.EmpPhone" />
                    </td>
                </tr>
                <tr>
                    <th>所在地区:</th>
                    <td>
                        <input type="text" name="EmpArea" value="@ViewBag.empinfo.EmpArea" />
                    </td>
                </tr>
                <tr>
                    <th>员工薪资:</th>
                    <td>
                        <input type="text" name="EmpSalary" value="@ViewBag.empinfo.EmpSalary" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center"><input type="submit" name="name" value="修改员工" /></td>
                </tr>
            </table>
        </form>
    </div>
</body>

2.Home控制器中的ExcistEmpFrom方法和ExcistEmp

//编辑员工页面显示
        public ActionResult ExcistEmpFrom()
        {
            int empid = int.Parse(Request["EmpId"]);
            ViewBag.empinfo = db.Employee.Find(empid);
            ViewBag.info = db.Dept;
            return View();
        }
//编辑员工
        public ActionResult ExcistEmp()
        {
            int empid = int.Parse(Request["EmpId"]);
            var emp = db.Employee.Find(empid);
            emp.DeptId = int.Parse(Request["DeptId"]);
            emp.EmpName = Request["EmpName"];
            emp.EmpPhone = Request["EmpPhone"];
            emp.EmpArea = Request["EmpArea"];
            emp.EmpSalary = decimal.Parse(Request["EmpSalary"]);
            int i = db.SaveChanges(); 
            if (i > 0)
            {
                return Content("<script>alert('编辑成功');window.location.href='Index';</script>");
            }
            else
            {
                return Content("<script>alert('编辑失败');window.location.href='Index';</script>");
            }
        }

3.运行结果

 五.登录

1.先在配置文件Web.config找到 

<system.web>

<compilation debug="true" targetFramework="4.5" />

<httpRuntime targetFramework="4.5" />

</system.web>在里面写

 <authentication mode="Forms">
<forms loginUrl="~/Account/LogOn" timeout="3000"></forms> 

</authentication>。配图如下：

 2.在Controllers文件夹里建AccountController控制器

3.在所建项目中添加文件夹Filter,在文件夹Filter添加类MyExceptionFilter.cs里面后继承 HandleErrorAttribute类，重写HandleErrorAttribute类里的OnException方法

代码如下：

//引用using System.Web.Mvc;命名空间
//MyExceptionFilter类继承HandleErrorAttribute类
//重写HandleErrorAttribute类里的OnException方法
 public class MyExceptionFilter : HandleErrorAttribute
    {
        public override void OnException(ExceptionContext filterContext)
        {
            filterContext.Result = new RedirectResult("~/Account/LogOut");
            filterContext.ExceptionHandled = true;
            return;
        }
    }

4.HomeController控制器控制器下的Index页面是整个项目的首页，不需要登录就可以查看

代码如下：

<body>
    <div>
        首页
        @Html.ActionLink("登录", "LogOn", "Account")
        @Html.ActionLink("员工查询", "Index", "Account")
        @Html.ActionLink("退出", "LogOut", "Account")
    </div>
</body>

 页面效果图

 

5.在AccountController控制器里面添加LogOn，LogOut页面 。AccountController控制器里面Index页面是登录之后才能看到的页面。三个页面代码如下：

（1）LogOn页面里需要引用语法@model (项目名称).Models.(数据库里的表名)

例：@model MVC登录.Models.UserInfo

@model MVC登录.Models.UserInfo
<body>
    <div style="text-align:center">
        @using (Html.BeginForm())
        {
            <table width="500" cellspacing="0" border="1" align="center">
                <tr>
                    <td colspan="3" align="center">用户登录</td>
                </tr>
                <tr>
                    <td>用户名：</td>
                    <td>@Html.TextBoxFor(u => u.UserName)</td>
                    <td style="color:red">@Html.ValidationMessageFor(u => u.UserName)</td>
                </tr>
                <tr>
                    <td>密码：</td>
                    <td>@Html.PasswordFor(u => u.Password)</td>
                    <td style="color:red">@Html.ValidationMessageFor(u => u.Password)</td>
                </tr>
                <tr>
                    <td colspan="3" align="center"><input type="submit" value="登录" /></td>
                </tr>
                <tr>
                    <td colspan="3" style="color:red">
                        @Html.ValidationSummary(true)
                    </td>

                </tr>
            </table>
        }
    </div>
</body>

页面效果图

 （2）LogOut页面

<body>
    <div>
        @Html.ActionLink("首页", "Index", "Home")
        <div>
            <img src="~/Img/2022-05-20_113017.png" width="100%" />
        </div>
    </div>
</body>

（3.Index页面

<div> 
        用户设置
        @Html.ActionLink("主页","Index","Home")
    </div>

6.在Models数据模型Model1.edmx下的Model1.tt里面找UserInfo.cs类，给属性添加验证

代码如下：

    using System.ComponentModel.DataAnnotations;
 public partial class UserInfo
    {
        public int UserId { get; set; }
        [Required(ErrorMessage = "用户名不能为空")]
        public string UserName { get; set; }
        [Required(ErrorMessage = "密码不能为空")]
        [DataType(DataType.Password)]
        public string Password { get; set; }
    }

7.在AccountController控制器里面添加LogOn，LogOut，Index方法

三个方法代码如下：

 public class AccountController : Controller
    {
        // GET: Account
        MVCLession31Entities db = new MVCLession31Entities();
        //登录之后才能看到的页面
        [Authorize]
        public ActionResult Index()
        {
            //ViewBag.info = db.Employee;
            ViewBag.info = from e in db.Employee
                           join  d in db.Dept on e.DeptId equals d.DeptId
                           select new EmpViewForm
                           {
                               EmpId = e.EmpId,
                               DeptName = d.DeptName,
                               EmpName = e.EmpName,
                               EmpPhone =e.EmpPhone,
                               EmpArea = e.EmpArea,
                               EmpSalary =e.EmpSalary
                           };
            return View();
        }
        //登录页面
        public ActionResult LogOn()
        {
            return View();
        }
        //在post表单请求下执行的登录方法
        [HttpPost]
        public ActionResult LogOn(UserInfo u)
        {
            if (ModelState.IsValid && ValidateUser(u.UserName, u.Password))
            {
                //添加票证
                FormsAuthentication.SetAuthCookie(u.UserName, false);
                return RedirectToAction("Index");
            }
            ModelState.AddModelError("", "账号或者密码错误");
            return View();
        }
        //与数据库连接的方法
        private bool ValidateUser(string name, string pwd)
        {
            using (MVCLession31Entities db = new MVCLession31Entities())
            {
                var u = (from p in db.UserInfo where p.UserName == name && p.Password == pwd select p).FirstOrDefault();
                if (u == null)
                {
                    return false;
                }
                else
                {
                    return true;
                }
            }
        }
        [MyExceptionFilter]
        //退出页面
        public ActionResult LogOut()
        {
            FormsAuthentication.SignOut();
            return View();
        }

8.运行视频

运行结果

阅读终点，创作起航，您可以撰写心得或摘录文章要点写篇博文。去创作
@s.l.z.x.*^_^*
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
C#MVC模态框增删查改
11-16
C#MVC模态框增删查改 使用jq bootstrap sqlserver数据库 最简单最基础 前后端分离
MVC模式实现登录增删改查
qq_44365652的博客
11-24 906
package org.student.dao; import java.sql.Connection; import org.student.entity.Login; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLEx...
第八周---MVC（实现数据库数据查询）
Rosying03的博客
04-15 338
Hello.java与HeroListServlet.java要在同一个包中，或者在HeroListServlet.java中引入hero类（即写入import j2ee.Hero;由于我的eclipse是与SQL server相连接的，在复制教程中的代码并修改相关数据库连接语句后，运行出来不能显示数据表的数据，在这过程中找了很多原因，但还是显示不出来；M:模型（数据），模型接受视图请求的数据，并返回最终的处理结果。V:视图（网页，显示模型中的数据），呈现数据给用户。新建类（Hero.java）
ASP.NET-MVC 实现增删改查sql数据库
qq_59534628的博客
05-26 222
CREATE DATABASE MVCLession31 GO USE MVCLession31 GO CREATE TABLE Dept ( DeptId int IDENTITY(1,1) PRIMARY KEY NOT NULL, DeptName varchar(50) NOT NULL ); GO CREATE TABLE Employee ( EmpId int IDENTITY(1,1) PRIMARY KEY NOT NULL, DeptId int .
MVC项目—页面数据修改
weixin_44539055的博客
05-07 1278
MVC项目—页面数据修改 下面我们来了解MVC目页面数据修改程和操作。 当我们在项目页面根据需求改变，修改数据时，视图首先控制器根据视图传过来的参数从数据库中获取点击行的那条数据进行页面数据的回填，然后在页面从新修改的数据要传过控制器中和控制器在数据库中查询出来的数据进行重复判断，如果查询出来有重复，就提示用户页，并且修改中要填写的空格不能为空，如果有为空的就要提示用户请把页面数据填写完整，在数据...
JSP使用MVC模式完成删除和修改功能实例详解
10-23
主要介绍了JSP使用MVC模式完成删除和修改功能的方法,以实例形式较为详细的分析了JSP基于MVC模式实现删除和修改的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
ASP.NET MVC5网站开发之添加\删除\重置密码\修改密码\列表浏览管理员篇2（六）
10-21
主要为大家详细介绍了ASP.NET MVC5网站开发之添加删除重置密码修改密码列表浏览，感兴趣的小伙伴们可以参考一下
MVC+EF与数据库实现简单的删除添加修改显示
04-26
简单的利用MVC实现的增删改查操作！
基于MVC模式实现用户注册和登录功能
热门推荐
Haa__的博客
03-03 1万+
目录1、实验简介2、具体细节分析3、实验工具4、整体框架截图5、代码实现1、login.jsp2、ok.jsp3、register.jsp4、list.jsp5、edit.jsp6、DBConn.java7、User.java8、UserService.java9、AddServlet.java10、DeleteServlet.java11、EditServlet.java12、LoginServ...
用mvc框架查询数据库数据
qq_42296129的博客
12-05 2472
用mvc框架查询数据库数据 首先我们要新建一个项目 然后在src文件夹下新建四个包 分别为entity、DAO、servlet、tools 在entity下新建一个实体User package entity; public class User { private String userID; private String username; private String userword;...
MVC中，点击按钮后打开一个页面怎么实现，写一段代码
weixin_42598278的博客
02-15 132
可以使用以下代码实现：// 当点击按钮时 $('button').click(function(){ // 打开新页面 window.location.href = "http://www.example.com"; });
ASP.NET MVC - SQL 数据库
unbelievevc的博客
03-04 143
为了学习 ASP.NET MVC，我们将构建一个 Internet 应用程序。
MVC模式实现用户登录以及用户信息的增删改查（CRUD）
qq_50352386的博客
10-31 2127
MVC模式简介 实现的功能 数据库表的设计 JavaBean User.java package com.wm.domain; public class User { private int id; private String name; private String gender; private int age; private String address; private String qq; private .
asp.net mvc实现系统登录及验证功能
郑林的专栏
11-10 2338
了解及学习ASP.NET MVC中Authorize、Membership的原理、具体实现
基于MVC模式的用户登录
pretend88的博客
06-12 4941
第1关：编写用户登录页面。本关我们要实现的是登陆功能的第一步：编写登陆表单，在jsp中编写表单，设置用户名字段userName和用户密码字段password，并设置请求的servlet路径为login。
【servlet】基于MVC的登录验证&查询信息模板
Junnix的博客
12-26 1968
基于三层架构的登录验证&查询信息jsp页面模板 三层架构的思想实在是太完美了，这里我做了一个简单的小笔记，仅供大家参考学习。 希望可以帮到正在努力的你。 基于三层架构的思想，我的文件目录有了新的模板： web.servlet包下的UserServlet import dao.UserDao; import dao.impl.UserDaoImpl; import domain.User; import service.UserService; import service.impl.UserSe
运用MVC实现网站的登录功能。
m0_58303198的博客
09-07 465
【代码】运用MVC实现网站的登录功能。
SpringBoot笔记 —— 使用MVC和三层架构模拟网站用户登录检查
一纸春秋的博客
11-12 3110
通过Spring简单实现前端和后端的交互 首先新建一个UserController类，里面放着会被前端访问的方法 前端界面点击登录按钮后，实际上是通过springboot访问后端的对应方法。通过Spring实现前后端交互 比如点击百度用户界面的登录按钮，按F12检查网页，到network下面，点击登录按钮会发现访问的是一个地址，类似于 http://master:3306/package/?login。 点击前端的按钮会通过这个地址，将输入的username和password的值，传入后端对应的登录检查方
自定义MVC的使用&增删改查
qq_63492318的博客
06-29 791
目录一、配置自定义MVC环境二、通用增删改的编写三、编写Dao方法层四、编写Action接收请求并处理五、配置框架的xml文件六、前端代码我们在前几篇文章一步步的搭建了属于我们自己的MVC框架，而这篇文章就让我们一起来配置使用一下吧！选择mvc相关的包右键--->Export--->搜索java--->选择JAR File--->NextBrowse选择自己要保存的目录并且命名--->Finish就好了我们接着就把生成的jar包导入新的工程里--->并且把相关的依赖包也都导入--->再把我们分页标签的相关文
做一个具有添加修改的MVC项目
最新发布
04-23
好的，您需要一个具有添加、修改、删除、查询等功能的MVC项目，这个项目需要遵守MVC设计模式，您可以使用Java、Python等编程语言进行开发。在设计时，您可以考虑使用框架来简化开发过程，例如Spring MVC框架。除此之外，您也需要选择适当的数据库来存储您的数据，例如MySQL或者Oracle。另外，请注意在开发过程中，要充分考虑安全性和性能等问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@s.l.z.x.*^_^*

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值