【小白入门】ASP.NET MVC +BootStrap实现增删查改（CURD）

最新推荐文章于 2023-11-01 10:54:12 发布
最新推荐文章于 2023-11-01 10:54:12 发布
阅读量1.5k 收藏 9
点赞数
分类专栏： 文章回收站
本文内容如有侵权，请及时内信我删除。博客内容仅供学习参考，不可用于其他用途。转载请注明本文作者：乌药ice
本文链接：https://blog.csdn.net/qq_41138935/article/details/109907368
版权

作为一个学习了两年的.net Codeer毕业之后就一直没有asp.net开发，因为面向小白，面向平时上课听个大概的同学，如果你完全零基础 ，可能不会看得太懂。

首先，我们需要封装一个数据访问层对数据库进行操作。

public class DB
    {
        //数据库连接字符串
        public static string connString = ConfigurationManager.ConnectionStrings["Model1"].ConnectionString;
        //定义数据库连接对象
        public static SqlConnection conn = new SqlConnection(connString);

        // 查询，获取数据
        public static DataTable GetDataTable(string sqlStr)
        {
            try
            {
                conn.Open();
                SqlCommand cmd = new SqlCommand(sqlStr, conn);
                SqlDataAdapter dapt = new SqlDataAdapter(cmd);
                DataTable dt = new DataTable();
                dapt.Fill(dt);
                return dt;
            }
            catch (Exception ex)
            {
                //return null;
                throw ex;
            }
            finally
            {
                conn.Close();
            }
        }
        // 增删改
        public static bool ExcuteCommand(string sqlStr)
        {
            try
            {
                conn.Open();
                SqlCommand cmd = new SqlCommand(sqlStr, conn);
                //conn.Open();
                cmd.ExecuteNonQuery();
                return true;
            }
            catch (Exception ex)
            {
                //return false;
                throw ex;
            }
            finally
            {
                conn.Close();
            }
        }

    }

以上代码未防止SQL注入。

 

首先，来看视图层学生新增代码：

@{
    ViewBag.Title = "StuAdd";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}

<form method="post">
    <input type="hidden" name="stuNo" class="form-control" value="@ViewBag.stuNo" id="input1" placeholder="请输入学号">

    <div class="form-group">
        <label for="input2">姓名</label>
        <input type="text" name="name" class="form-control" value="@ViewBag.name" id="input2" placeholder="请输入姓名">
    </div>
    <div class="form-group">
        <label for="input22">密码</label>
        <input type="password" name="pwd" class="form-control" value="@ViewBag.pwd" id="input22" placeholder="请输入密码">
    </div>
    <div class="form-group">
        <label for="input3">性别</label>
        <select name="gender">
            @if (ViewBag.gender == "男")
            {
                <option value="男" selected>男</option>
                <option value="女">女</option>
            }
            else
            {
                <option value="男">男</option>
                <option value="女" selected>女</option>
            }
        </select>
    </div>
    <div class="form-group">
        <label for="input4">学院</label>
        <input type="text" name="college" class="form-control" value="@ViewBag.college" id="input4" placeholder="请输入学院">
    </div>
    <div class="form-group">
        <label for="input5">专业</label>
        <input type="text" name="prof" class="form-control" value="@ViewBag.prof" id="input5" placeholder="请输入专业">
    </div>
    <div class="form-group">
        <label for="input6">班级</label>
        <input type="text" name="className" class="form-control" value="@ViewBag.className" id="input6" placeholder="请输入班级">
    </div>
    <div class="form-group">
        <label for="input7">联系方式</label>
        <input type="tel" name="tel" class="form-control" value="@ViewBag.tel" id="input7" maxlength="11" minlength="11" placeholder="请输入联系方式">
    </div>
    <button type="submit" class="btn btn-primary">提交</button>
</form>

视图层大致就是一个form表单，表单会默认提交到当前网址。

我们来看下，Controller控制器部分的代码，控制器的方法页面显示部分默认是接受get请求的，接受表单数据的方法必须使用[httpPost]修饰，接受post方式传过来的表单数据，表单也必须指定post方式。

        // 学生-新增
        [HttpGet]
        public ActionResult StuAdd()
        {
            return View();
        }
        // 学生-新增
        [HttpPost]
        public ActionResult StuAdd(stu u)
        {
            string sql = "insert into stu (name,pwd,gender,college,prof,className,tel) values ('" + u.name + "','"+u.pwd+"','" + u.gender + "','" + u.college + "','" + u.prof + "','" + u.className + "','" + u.tel + "')";
            if (DB.ExcuteCommand(sql))
            {
                Response.Write("<script type='text/javascript'>alert('添加成功！');window.location.href='/Admin/Stu';</script>");
            }
            else
            {
                Response.Write("<script type='text/javascript'>alert('添加失败！');window.location.href='/Admin/StuAdd';</script>");
            }
            return View();
        }

视图层首页：


@{
    ViewBag.Title = "Stu";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}

<div class="container-fluid">
    <div class="row">
        <a href="/Admin/StuAdd" class="btn btn-primary">新增</a>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <form class="form-inline" method="get">
            <div class="form-group">
                <label for="exampleInputName2">请输入姓名：</label>
                <input type="text" class="form-control" id="exampleInputName2" name="content" placeholder="请输入关键词">
            </div>
            <button type="submit" class="btn btn-info">搜索</button>
        </form>
    </div>
</div>

<table class="table table-striped">
    <thead>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>学院</th>
            <th>专业</th>
            <th>班级</th>
            <th>联系方式</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        @{
            System.Data.DataTable dt = ViewBag.data;
            if (dt != null)
            {
                foreach (System.Data.DataRow row in dt.Rows)
                {
                    <tr>
                        <th scope="row">@row["stuNo"].ToString()</th>
                        <td>@row["name"].ToString()</td>
                        <td>@row["gender"].ToString()</td>
                        <td>@row["college"].ToString()</td>
                        <td>@row["prof"].ToString()</td>
                        <td>@row["className"].ToString()</td>
                        <td>@row["tel"].ToString()</td>
                        <td>
                            <a href="/Admin/StuEdit?stuNo=@row["stuNo"].ToString()" class="btn btn-info">编辑</a>
                            <a href="" onclick="javascript:del(@row["stuNo"].ToString());" class="btn btn-danger">删除</a>
                        </td>
                    </tr>
                }
            }
        }
    </tbody>
</table>
<script>
    function del(stuNo) {
        var msg = "你真的确定要删除吗？\n\n请确认！";
        if (confirm(msg) == true) {
            window.location.href = "/Admin/StuDel?stuNo=" + stuNo;
            window.event.returnValue = false;
        }
        return false;
    }
</script>

视图层增加/修改页面：

@{
    ViewBag.Title = "StuAdd";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}

<form method="post">
    @*<div class="form-group">
            <label for="input1">学号</label>
            <input type="text" name="stuNo" class="form-control" id="input1" placeholder="请输入学号">
        </div>*@
    <input type="hidden" name="stuNo" class="form-control" value="@ViewBag.stuNo"  id="input1" placeholder="请输入学号">

    <div class="form-group">
        <label for="input2">姓名</label>
        <input type="text" name="name" class="form-control" value="@ViewBag.name"  id="input2" placeholder="请输入姓名">
    </div>
    <div class="form-group">
        <label for="input3">性别</label>
        <select name="gender">
            @if (ViewBag.gender == "男")
            {
                <option value="男" selected>男</option>
                <option value="女">女</option>
            }
            else
            {
                <option value="男">男</option>
                <option value="女" selected>女</option>
            }
        </select>
    </div>
    <div class="form-group">
        <label for="input4">学院</label>
        <input type="text" name="college" class="form-control" value="@ViewBag.college" id="input4" placeholder="请输入学院">
    </div>
    <div class="form-group">
        <label for="input5">专业</label>
        <input type="text" name="prof" class="form-control" value="@ViewBag.prof" id="input5" placeholder="请输入专业">
    </div>
    <div class="form-group">
        <label for="input6">班级</label>
        <input type="text" name="className" class="form-control" value="@ViewBag.className" id="input6" placeholder="请输入班级">
    </div>
    <div class="form-group">
        <label for="input7">联系方式</label>
        <input type="tel" name="tel" class="form-control" value="@ViewBag.tel" id="input7" maxlength="11" minlength="11" placeholder="请输入联系方式">
    </div>
    <button type="submit" class="btn btn-primary">提交</button>
</form>

 

控制器代码：

using ExamWebSystem.DAL;
using ExamWebSystem.Models;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace ExamWebSystem.Controllers
{
    public class AdminController : Controller
    {
        // GET: Admin
        public ActionResult Index()
        {
            return View();
        }
        // 学生管理首页
        public ActionResult Stu(string content)
        {
            if(content == "")
            {
                string sql = "select * from stu order by stuNo desc";
                DataTable dt = DB.GetDataTable(sql);
                ViewBag.data = dt;
            }
            else
            {
                string sql = "select * from stu where name like '%"+content+ "%' order by stuNo desc";
                DataTable dt = DB.GetDataTable(sql);
                ViewBag.data = dt;
            }

            return View();
        }
        // 学生-新增
        [HttpGet]
        public ActionResult StuAdd()
        {
            return View();
        }
        // 学生-新增
        [HttpPost]
        //string stuNo,string name,string gender,string college,string prof,string className,string tel
        public ActionResult StuAdd(stu u)
        {
            string sql = "insert into stu (name,gender,college,prof,className,tel) values ('" + u.name + "','" + u.gender + "','" + u.college + "','" + u.prof + "','" + u.className + "','" + u.tel + "')";
            if (DB.ExcuteCommand(sql))
            {
                Response.Write("<script type='text/javascript'>alert('添加成功！');window.location.href='/Admin/Stu';</script>");
            }
            else
            {
                Response.Write("<script type='text/javascript'>alert('添加失败！');window.location.href='/Admin/StuAdd';</script>");
            }
            return View();
        }
        // 学生-编辑
        [HttpGet]
        public ActionResult StuEdit(string stuNo) 
        {
            string sql = "select * from stu where stuNo = "+stuNo+" order by stuNo desc";
            DataTable dt = DB.GetDataTable(sql);

            if (dt.Rows.Count == 1)
            {
                ViewBag.stuNo = int.Parse(dt.Rows[0]["stuNo"].ToString());
                ViewBag.name = dt.Rows[0]["name"].ToString();
                ViewBag.gender = dt.Rows[0]["gender"].ToString();
                ViewBag.college = dt.Rows[0]["college"].ToString();
                ViewBag.prof = dt.Rows[0]["prof"].ToString();
                ViewBag.className = dt.Rows[0]["className"].ToString();
                ViewBag.tel = dt.Rows[0]["tel"].ToString();
            }
            else
            {
                ViewBag.stuNo = -1;
                ViewBag.name = string.Empty;
                ViewBag.gender = string.Empty;
                ViewBag.college = string.Empty;
                ViewBag.prof = string.Empty;
                ViewBag.className = string.Empty;
                ViewBag.tel = string.Empty;
            }
            return View("StuAdd");
        }
        // 学生-编辑
        [HttpPost]
        public ActionResult StuEdit(stu u)
        {
            string sql = "update stu set name='"+u.name+ "',gender='" + u.gender + "',college='" + u.college + "',prof='" + u.prof + "',className='" + u.className + "',tel='" + u.tel + "'  where stuNo=" + u.stuNo;
            if (DB.ExcuteCommand(sql))
            {
                Response.Write("<script type='text/javascript'>alert('修改成功！');window.location.href='/Admin/Stu';</script>");
            }
            else
            {
                Response.Write("<script type='text/javascript'>alert('添加失败！');window.location.href='/Admin/StuEdit?stuNo='"+u.stuNo+";</script>");
            }
            return View("StuAdd");
        }
        // 学生-删除
        [HttpGet]
        public EmptyResult StuDel(string stuNo)
        {
            string sql = "delete from stu where stuNo="+stuNo;
            if (DB.ExcuteCommand(sql))
            {
                Response.Write("<script type='text/javascript'>alert('删除成功！');window.location.href='/Admin/Stu';</script>");
            }
            else
            {
                Response.Write("<script type='text/javascript'>alert('删除失败！');window.location.href='/Admin/Stu';</script>");
            }
            return null;
        }
    }
}

 

 

乌药ice
关注
专栏目录
基于ASP.NET MVC + Bootstrap的仓库管理系统 源码亲测可用，含有简单的说明文档
11-01
基于ASP.NET MVC + Bootstrap的仓库管理系统。源码亲测可用，含有简单的说明文档。 适合单仓库，基本的仓库入库管理，出库管理，盘点，报损，移库，库位等管理，有着可视化图表。 系统采用Bootstrap 开发，UI 相对比较简单，业务功能不复杂，适合广大开发者。 开发环境： Visual Studio 2017+ + SQL Server2008 R2 +
个人网站项目：基于ASP.NET CORE MVC和bootstrap实现
huzimu_的博客
09-09 1176
个人网站项目：基于ASP.NET CORE和bootstrap实现 基本内容： 个人主页 个人相册 个人音乐 基本功能： 利用数据库实现个人资料修改、更新 借助bootstrap框架实现响应式页面 借助bootstrap框架实现页面内导航 项目文件目录： wwwroot：存放js文件和css文件，以及图片、音乐、视频文件； Controlles：存放控制器，即拥有以下功能的类： 处理浏览器请求 检索模型数据 调用返回响应的视图模板 Data：存放数据库上下文 Migrations：存放快照 Mo
软件质量管理体系概述
itstudy123的专栏
04-27 475
  4条原则：     1   质量是符合要求，而不是最好。   2   预防生产质量，检验不能提高质量        产品的质量是靠系统性的预防，而不是检验，检验是在过程结束后，将产品的缺陷跳出来，可此时产品的缺陷已经产生，企业应该将资源投入在预防工作中而不是花费在错误的补救上。   3  零缺陷   4 用不符合项的价值来衡量质量。       瀑布式的生命周期模型：...
分享68个ASP.NET源码总有一个是你想要的
zy0412326的专栏
10-27 952
分享68个ASP.NET源码总有一个是你想要的
ASP.NET MVC使用Bootstrap系列（1）——开始使用Bootstrap
weixin_33735077的博客
03-25 380
作为一名Web开发者而言，如果不借助任何前端框架，从零开始使用HTML和CSS来构建友好的页面是非常困难的。特别是对于Windows Form的开发者而言，更是难上加难。 正是由于这样的原因，Bootstrap诞生了。Twitter Bootstrap为开发者提供了丰富的CSS样式、组件、插件、响应式布局等。同时微软已经完全集成在ASP.NET MVC 模板中。 Bootstrap结构...
asp.net MVC5 + Bootstrap 增删改查分页(最新)
12-02
asp.net MVC5 + Bootstrap 增删改查分页(重点是里面的table及分页用法)。另外说一下项目用到了bootstrap-table,bootstrap-dialog,bootstrap-daterangepicker组件，很不错的几个组件
asp.net mvc+Bootstrap Fileinput框架实现的文件上传
12-28
以上是关于"asp.net mvc+Bootstrap Fileinput框架实现的文件上传"的相关知识点，这个示例提供了在ASP.NET MVC环境中集成Bootstrap Fileinput进行文件上传的完整流程，对于开发者来说具有很好的参考价值。通过学习和...
Asp.net MVC快速开发框架源码 mvc+Bootstrap
12-03
Asp.Net MVC是一种基于Microsoft .NET Framework的开源应用程序框架，用于构建动态、数据驱动的Web应用程序。它结合了ASP.NET的便利性和Model-View-Controller（MVC）的设计模式，提供了一个灵活、测试友好且可控制...
ASP.NET MVC+EF6+Bootstrap大型互联网平台后台管理系统源码
03-11
1、大型互联网平台后台管理系统是一套基于ASP.NET MVC+EF6+Bootstrap开发出来的框架，可完全实现二次开发、基本满足80%项目需求。 二、功能介绍 1、可以帮助解决.NET项目70%的重复工作，让开发更多关注业务逻辑。...
ASP.Net MVC + bootstrap 仓库管理系统源码
01-13
ASP.NET MVC + Bootstrap 仓库管理系统源码是一款基于微软的ASP.NET MVC框架开发的，结合了Bootstrap前端框架，用于实现高效且美观的仓库管理功能的软件系统。这个源码实例为开发者提供了一个完整的仓库管理解决方案...
ASP.NET MVC+EF6+Bootstrap开发C#源代码
01-13
包括源代码、数据库文档、数据库创建SQL脚本。一套基于ASP.NET MVC+EF6+Bootstrap开发出来的框架源代码！ 采用主流框架，容易上手，简单易学，学习成本低。可完全实现二次开发、基本满足80%项目需求。 可以帮助解决.NET项目70%的重复工作，让开发更多关注业务逻辑。既能快速提高开发效率，帮助公司节省人力成本，同时又不失灵活性。 支持SQLServer、MySQL、Oracle、SQLite、Access 等多数据库类型。模块化设计，层次结构清晰。内置一系列企业信息管理的基础功能。 操作权限控制精密细致，对所有管理链接都进行权限验证，可控制到导航菜单、功能按钮。 数据权限（精细化数据权限控制，控制到行级，列表级，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段 兼容目前最流行浏览器（IE8+、Chrome、Firefox、360浏览器） 1、前端技术 JS框架：Bootstrap、JQuery CSS框架：Bootstrap v3.3.4（稳定是后台，UI方面根据需求自己升级改造吧）。 客户端验证：jQuery Validation Plugin。 在线编辑器：ckeditor、simditor 上传文件：Uploadify 数据表格：jqGrid、Bootstrap Talbe 对话框：layer 页面布局：jquery.layout.js 图表插件：echarts、highcharts 2、后端技术 核心框架：ASP.NET MVC5、WEB API 持久层框架：EntityFramework 定时计划任务：Quartz.Net组件 安全支持：过滤器、Sql注入、请求伪造 服务端验证：实体模型验证、自己封装Validator 缓存框架：微软自带Cache、Redis 日志管理：Log4net、登录日志、操作日志 工具类：NPOI、Newtonsoft.Json、验证码
毕业设计：基于ASP.NET MVC实现的后台管理系统.zip
10-11
计算机毕设源码
MVC+.Net Core+BootStrap 3 + Layer开发的 通用后台管理系统
02-15
完全开源 **项目基于:.Net Core 2.2 运行环境：vs2017 .Net Core 2.2 前端： BootStrap 3 、 Layer 、 Jquery 后端： .NetCore 2.2 MVC
asp.net c#大型仓库管理系统源码MVC+BootstrapC#源码
tutujunjun的博客
05-16 689
该程序大部分使用于生产制造厂其中结合了制造厂的采购销售生产等.开源部分是仓库系统后台管理系统在给客户实施的过程中利用到了很多硬件设备设计到Wince系统Android系统等PDA设备各种打印机条码打印机感应设备等而且这些可能在整个项目中占据主导，而后台管理系统只是辅助作用的。Git是一个开源的分布式版本控制系统，这些Git前缀的dll都是用来版本管理的，不是项目的dll。开发环境：Asp.net+VS2013+C#+SQL2008R2。独立主机（服务器、VPS、VM）
03——BootStrap之CRUD（静态页面）
Frank_cxx的博客
07-06 1055
index.jsp代码 String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>       ">
基于ASP.NET MVC + Bootstrap的仓库管理系统
最新发布
JData_Engineer的博客
11-01 998
基于ASP.NET MVC + Bootstrap的仓库管理系统。源码亲测可用，含有简单的说明文档。适合单仓库，基本的仓库入库管理，出库管理，盘点，报损，移库，库位等管理，有着可视化图表。系统采用Bootstrap 开发，UI 相对比较简单，业务功能不复杂，适合广大开发者。主要包含功能如下:系统管理----员工管理----角色管理----部门管理----菜单管理----权限分配----标识符管理基本资料----供应商管理----库位管理----客户管理。
使用.NET MVC和Bootstrap
极客神殿
01-03 477
项目结构 HomeController.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using TodoList.Models.Login; namespace TodoList.Controllers { pu...
MVC如何添加Model
weixin_44489400的博客
04-28 2394
开发工具与关键技术：Visual Studio、MVC 作者：幻奏 撰写时间：2019.04.27 初步学习MVC编程模式的时候，我基本清楚了如何创建MVC，而添加model（模型）似乎还不够理解，通过学习我大概了解了添加model的基本步骤，下面就由我来作简要的介绍。 MVC包括三个东西： Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分，通常模型对象负责在数据库中存取数据（比...
ASP.NET MVC + Bootstrap + Knockout.js: 微信自定义菜单开发实战
本文档详细介绍了如何使用ASP.NET MVC、Bootstrap和Knockout.js技术开发一款微信自定义菜单编辑工具。首先，作者指出微信官方提供的接口调试工具在编辑菜单时存在不便，因此决定开发自己的工具以提高用户体验。开发...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

乌药ice

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

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

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

打赏作者

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

抵扣说明：

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

余额充值