EF增删改查

最新推荐文章于 2023-09-14 14:17:45 发布
最新推荐文章于 2023-09-14 14:17:45 发布
阅读量329 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y1387958264/article/details/102584241
版权

一:创建项目和单键三层就不说了:

二:页面显示列表

@{
    Layout = "~/Views/MasterEdition.cshtml";
    ViewBag.Title = "Brand";

}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>品牌管理</title>
</head>
<body>
    <div class="margin" id="page_style">
        <div class="operation clearfix mb15 same_module">
            <ul class="choice_search">
                <li class="clearfix col-xs-2 col-lg-3 col-ms-3 ">
                    <label class="label_name ">品牌名称：</label>
                    <input placeholder="输入品牌名称" id="brandname" type="text" class="form-control col-xs-8 col-lg-8 col-ms-8" />
                </li>
                <li class="clearfix col-xs-2 col-lg-3 col-ms-3">
                    <label class="label_name ">添加时间：</label>
                    <input class="inline laydate-icon form-control Select_Date" id="start" />
                </li>
                <li class="clearfix col-xs-2 col-lg-3 col-ms-3 ">
                    <button type="button" class="btn button_btn bg-deep-blue " onclick="TableReload()" ><i class="icon-search"></i>查询</button>
                </li>
                @*<li class="clearfix col-xs-2 col-lg-3 col-ms-3 ">
                    Brand:@Session["name"]
                    @HttpContext.Current.Application["count"]
                </li>*@
            </ul>
        </div>

        <!--品牌列表-->
        <div class="list_Exhibition list_show padding15">
            <div class="operation clearfix mb15  same_module">
                <span class="l_f">
                    <a href="/Brand/Add_Brand" title="添加品牌" class="btn button_btn bg-deep-blue"><i class="fa fa-plus"></i>添加品牌</a>
                    <a href="javascript:ovid()"  id="deleteBrand"  onclick="Deletes()" data-type="getCheckData" class="btn  button_btn btn-danger"><i class="fa fa-trash"></i>批量删除</a>
                </span>
               @* <span class="r_f">共：<b>11</b>个品牌</span>*@
            </div>
            <table id="BrandTable" class="layui-hide" lay-filter="test"></table>
        </div>
    </div>
</body>
</html>
<script type="text/html" id="display">
    <input type="checkbox" name="switch" value="{{d.Id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="Status" {{ d.Status == 1 ? 'checked' : '' }} />
</script>
<script type="text/html" id="barDemo">
    <a title="编辑"  href="javascript:;" lay-event="edit" class="btn btn-xs btn-info">编辑</a>
    <a title="删除" href="javascript:;"   lay-event="del" class="btn btn-xs btn-delete">删除</a>
</script>
<script>
layui.use('table', function () {
        var table = layui.table,
            form = layui.form;
        //第一个实例
        table.render({
            elem: "#BrandTable",
            height: 400,
            url: '/Brand/BrandQueryTable',
            page: true,
            cols: [[ //表头
              { type: 'checkbox', fixed: 'left', align: 'center' }
            , { field: 'Id', align: 'center', title: 'Id', sort: true }
            , { field: 'Name', align: 'center', title: '品牌名称', sort: true }
            , { field: 'Logo',height:60, align: 'center', title: '品牌logo', sort: true, templet: '<div onclick="show_img(this)" ><img  width="40" height="40" src="{{d.Logo}}"></div>' }
            , { field: 'OrderBy', align: 'center', title: '排序', sort: true }
            , { field: 'UpdateTime', align: 'center', title: '修改时间', sort: true, templet: "<div>{{Format(d.UpdateTime,'yyyy-MM-dd hh:mm:ss')}}</div>" }
            , { field: 'Status', align: 'center', title: '状态', sort: true ,toolbar:"#display" }
            , { field: 'cz',fixed: 'right' ,title: '操作', align: 'center', toolbar: '#barDemo', width: 150, sort: true }
             ]]
        })

         //监听工具条
    table.on('tool(test)', function (obj) {
        var data = obj.data;
        if (obj.event === 'del') {//删除
            layer.confirm('真的删除行么', function (index) {
                $.ajax({
                    type: "post",
                    url: "/Brand/BrandDeleteId?id=" + data.Id,
                    async: false,
                    success: function (data) {
                        if (data.Success) {
                            layer.msg("删除成功", { time: 2000 }, function () {
                                obj.del();
                               layer.close(index);
                            })
                        }
                    }
                })
            });
        } else if (obj.event === 'edit') {//修改
            location.href = "/Brand/Add_Brand?id=" + data.Id;
        }
    });

     //是否启用switch(Status)对应lay-filter="Status"
    form.on('switch(Status)', function (obj) {
        var data = {};
        data.Id = this.value;
        data.Status = 0;
        if (obj.elem.checked) {
            data.Status=1
        }
        $.ajax({
            type: "post",
            url: "/Brand/BrandUpdateStatus",
            data: data,
            success: function (data) {
                if (data.Success) {
                    //  location.reload();
                    layer.msg("修改成功!!", {
                        time: 2000 //1秒关闭（如果不配置，默认是3秒）
                    });
                } else {
                    layer.msg("修改失败", { icon: 5, time: 200 });
                }
            }
        })
    });

});

    //批量删除
    function Deletes() {
        var table = layui.table;
        //获取选中数据
        var checkStatus = table.checkStatus('BrandTable')
            , data = checkStatus.data;
        //获取拼接的id
        var id = BatchDelete(data);
        //删除数据
        layer.confirm('真的要删除吗', function (index) {
            $.ajax({
                url: "/Brand/DeleteBrand?brand=" + data,
                type: "Post",
                success: function (data) {
                    if (data.Success) {
                        layer.msg('删除成功！', {
                            title: '提示框',
                            icon: 1,
                            time: 2000
                        }, function () {
                            TableReload();
                            layer.close(index);
                        });
                    }
                    else {
                        layer.msg('删除失败！', {
                            title: '提示框',
                            icon: 1,
                            time: 2000
                        });
                    }
                }
            });
        })
    }

    //拼接id
    function BatchDelete(data) {
        var id = "";
        for (var i = 0; i < data.length; i++) {
            if (i != data.length - 1) {
                id += data[i].Id + ',';
            }
            else {
                id += data[i].Id;
            }
        }
        return id;
    }


   //列表刷新
    function TableReload() {
        var table = layui.table;
        var name = $('#brandname').val();
        var addTime = $('#start').val();
        table.reload('BrandTable', {
            where: {
                'name': name,
                'datetime': addTime
            }
        });
    }

</script>
<script>
    //设置内页框架布局
    $(function () {
        $("#Sellerber").frame({
            float: 'left',
            color_btn: '.skin_select',
            Sellerber_menu: '.list_content',
            page_content: '.list_show',//内容
            datalist: ".datatable_height",//数据列表高度取值
            header: 65,//顶部高度
            mwidth: 350,//宽度自定义
            minStatue: true,

        });
    });
    //设置时间
    laydate({
        elem: '#start',
        event: 'focus'
    });
</script>
<script type="text/javascript">
                //require.config({
                //    paths: {
                //        echarts: './js/dist'
                //    }
                //});
                //require(
                //    [
                //        'echarts',
                //        'echarts/chart/pie',   // 按需加载所需图表，如需动态类型切换功能，别忘了同时加载相应图表
                //        'echarts/chart/funnel'
                //    ],

                //);
</script>

 

效果:

 

后台代码:

/// <summary>
        /// 显示品牌数据
        /// </summary>
        /// <param name="page"></param>
        /// <param name="limit"></param>
        /// <returns></returns>
        public JsonResult BrandQueryTable(int page ,int limit,string name,string datetime)
        {
            int count = 0;
            
            List<Brand> list = new List<Brand>();
            if (!string.IsNullOrEmpty(name)&& !string.IsNullOrEmpty(datetime))
            {
                DateTime date = DateTime.Parse(datetime);
                list = brandService.QueryPageList(page, limit, b => b.Name.Contains(name)&&b.UpdateTime<= date, b=>b.OrderBy, out count);
            }else if (!string.IsNullOrEmpty(datetime))
            {
                DateTime date = DateTime.Parse(datetime);
                list = brandService.QueryPageList(page, limit, b=> b.UpdateTime <= date, b => b.OrderBy, out count);
            }else if (!string.IsNullOrEmpty(name))
            {
                list = brandService.QueryPageList(page, limit, b => b.Name.Contains(name), b => b.OrderBy, out count);
            }
            else
            {
                list= brandService.QueryPageList(page, limit, b => b.Id != 0, b => b.OrderBy, out count);
            }
            PageListResult<Brand> plr = new PageListResult<Brand>();
            plr.code = 0;
            plr.msg = "";
            plr.data = list;
            plr.count = count;

            return Json(plr, JsonRequestBehavior.AllowGet);
        }

三:新增或修改操作页面代码:

@using MY.ShoppingBackstage.Model;
@{
    Layout = "~/Views/MasterEdition.cshtml";
    var brand = ViewBag.Brand as Brand;
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <script src="~/js/jquery.dataTables.min.js"></script>
    <script src="~/js/jquery.dataTables.bootstrap.js"></script>
    <script src="~/js/hsCheckData.js" type="text/javascript"></script>
    <title>添加分类</title>
</head>
<body>
    <div class="margin inside_pages clearfix">
        <div class="add_style clearfix relative">
            <ul class="add_conent">
                <li class=" clearfix">
                    <label class="label_name">
                        <i>*</i>品牌名称：
                    </label>
                    <input name="" type="hidden" class="add_text form-control" id="BrandId" value="@brand.Id" />
                    <input name="" type="text" class="add_text form-control" id="BrandName" value="@brand.Name" />
                </li>
                <li class=" clearfix">
                    <label class="label_name"><i>*</i>品牌序号：</label>
                    @{
                        var orderby = "";
                        if (brand.OrderBy != 0)
                        {
                            orderby = brand.OrderBy.ToString();
                        }
                    }
                    <input name="" type="text" id="OrderBy" value="@orderby" class="add_text form-control" style="width:80px" />
                </li>
                <li class=" clearfix">
                    <label class="label_name">品牌图片：</label>
                    <div class="layui-upload">
                        <button type="button" class="layui-btn" id="test1">上传图片</button>
                        <div class="layui-upload-list">
                            <img class="layui-upload-img" id="demo1" src="@brand.Logo" />
                            <p id="demoText"></p>
                        </div>
                    </div>
                </li>

                <li class=" clearfix"><label class="label_name">品牌描述：</label> <textarea name="" id="Description" cols="50" rows="300" class="textarea" onkeyup="checkLength(this);">@brand.Description</textarea><span class="wordage">剩余字数：<span id="sy" style="color:Red;">500</span>字</span></li>

            </ul>
            <div class="Button_operation btn_width">
                <button class="btn button_btn bg-deep-blue" onClick="article_save_submit()" type="button">保存</button>
                <button class="btn button_btn bg-gray" type="button">取消</button>
            </div>
        </div>
    </div>
</body>
</html>
<script>

    layui.use('upload', function () {
        var $ = layui.jquery
            , upload = layui.upload;
        var id = 0;
        //普通图片上传
        var uploadInst = upload.render({
            elem: '#test1'
            , url: '/FileUpload/UploadImage'
            , done: function (res) {
                //如果上传失败
                if (res.Success) {
                    $('#demo1').attr('src', res.Url); //图片链接（base64）
                    $('#demo1').attr('width', 80);
                    $('#demo1').attr('height', 80);
                } else {
                    layer.msg(res.info, function () { })
                }
                //上传成功
            }
            , error: function () {
                layer.msg("上传异常");
            }
        });

    });
    //表单提交
    function article_save_submit() {
        var data = {};
        data.Id = $("#BrandId").val();
        data.Name = $("#BrandName").val();
        data.Logo = $("#demo1").attr('src');
        data.Description = $("#Description").val();//描述
        data.OrderBy = $("#OrderBy").val();//排序
        $.ajax({
            type: "post",
            url: "/Brand/BrandAddORUpdate",
            data: data,
            success: function (result) {
                layer.msg(result.Info, { icon: 1, time: 2000, shade: 0.2 }, function () {
                    if (result.Success) {
                        location.href = "/Brand/Brand_Manage";
                    }
                });
            }
        })
    }
</script>
<script>
     function checkLength(which) {
        var maxChars = 500;
        if (which.value.length > maxChars) {
            layer.open({
                icon: 2,
                title: '提示框',
                content: '您出入的字数超多限制!',
            });
            // 超过限制的字数了就将 文本框中的内容按规定的字数 截取
            which.value = which.value.substring(0, maxChars);
            return false;
        } else {
            var curr = maxChars - which.value.length; // 减去 当前输入的
            document.getElementById("sy").innerHTML = curr.toString();
            return true;
        }
    }
    $(function () {
        var ue = UE.getEditor('editor');
    });
    $(document).ready(function () {
        var spotMax = 8;
        if ($('div.images_Upload').size() >= spotMax) { $(obj).hide(); }
        $("#add_Upload").on('click', function () {
            var cid = $('.images_Upload').each(function (i) { $(this).attr('id', "Uimages_Upload_" + i) });
            addSpot(this, spotMax, cid);
        });
    });
    laydate(start);
    laydate(end);
    /*********滚动事件*********/
    $("body").niceScroll({
        cursorcolor: "#888888",
        cursoropacitymax: 1,
        touchbehavior: false,
        cursorwidth: "5px",
        cursorborder: "0",
        cursorborderradius: "5px"
    });
</script>

 

效果:

 

后台代码:

/// <summary>
        /// 添加或修改品牌
        /// </summary>
        /// <param name="brand"></param>
        /// <returns></returns>
        public JsonResult BrandAddORUpdate(Brand brand)
        {
            brand.UpdateTime = DateTime.Now;
            brand.Status = 1;
            if (brand.Id == 0)
            {
                //添加
                operate.Success = brandService.Add(brand);
                operate.Info = operate.Success ? "添加成功" : "添加失败";
            }
            else
            {
                //修改
                operate.Success = brandService.Update(brand);
                operate.Info = operate.Success ? "修改成功" : "修改失败";
            }
            return Json(operate);
        }

 

删除:

/// <summary>
        /// 根据id删除
        /// </summary>
        /// <param name="id"></param>
        /// <returns></returns>
        public  JsonResult BrandDeleteId(int id)
        {
            operate.Success = brandService.Delete(id);
            return Json(operate);
        }

 

 

 

 

 

一个二货不在犯二
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端ECharts可视化框架快速上手详解(二)
Augenstern_QXL的博客
08-27 2795
✍ 目录脑图 1、饼图 ECharts 最基本的代码结构 准备数据 [{name: xxx,value:xxx},{…},{…},{…}] 将 series 中的 type 的值设置为 pie <body> <!-- 1.准备一个具备大小的 DOM 容器 --> <div style="width: 600px;height: 400px"></div> <script> // 2.初始化echarts
C#中EF框架应用配置
Silas 蝈蝈 博客
03-07 8345
EF 全称是 EntityFramework。Entity Framework是ADO.NET 中的一套支持开发面向数据的软件应用程序的技术,是微软的一个ORM框架。ORM框架（Object Relational Mapping） 翻译过来就是对象关系映射。
C# EntityFramework EF框架ModelFirst从模型生成数据库方法以及增删改查分享，无需手写SQL语句
m0_72922928的博客
05-22 1983
本文介绍如何使用C#EF框架一键生成数据库，实现不写SQL语句，即可访问和修改数据的方法
C# EF的CodeFirst基本使用 增删改查 超简单 适合新手
瘾丶病的博客
07-12 3041
超级简单的EF基本使用 适合新手上路 一、首先数据库设计好后 通过codefirst创建实体以及生成上下文帮助类 vs会自动生成以下文件 （数据库实体及上下文帮助类） 二、在BLL层 写基本的使用方法 （熟练之后可以在控制器直接写方法） 注意需要用到泛型 查询（显示）和添加 的方法 删除和修改的方法 ******注意增删改的方法后一定要 SaveChanges() ; 代码 下面展示一些 内联代码片。 // A code block var foo = 'bar'; // An highligh
EF中的c增加、u修改、d删除
热门推荐
qq_34720759的博客
11-04 1万+
前言 正文 DbContext一个数据上下文 SavaChanged一个数据提交方式 EntityState5个状态值 3个EF方法 CUD操作 增加 修改 删除 总结 前言 初识EF操作数据库，虽然看了资料会用但是有些懵懂，闲下来仔细了解，才算真正懂得这是怎么一回事。 r(查找)比较简单，就不再多说。 正文 DbContext:一个数据上下文 我们在EF中
EF增删改查封装基类
12-26
这是我写的Entityframework的增删该查封装基类，如果你要使用EF开发项目，只要把需要增删改查的类继承这个基类，就可以轻松做到。敬请参考，不到之处请多多指正。
Mvc+EF实现增删改查
08-17
要实现Mvc+EF的增删改查功能，我们需要以下步骤： 1. **设置项目和数据库** 创建一个新的Mvc项目，安装`Entity Framework`库。然后，使用EF的Code First方法创建数据库模型，定义实体类，这些类将对应数据库表。 ...
C#基于DBContext(EF)实现通用增删改查的REST方法实例
09-04
本实例主要讲解如何利用DBContext和RESTful原则创建通用的增删改查方法，简化代码重复性，提高开发效率。 首先，我们需要创建一个基于DBContext的泛型类`GenericDBContext<T>`。这个类继承自特定的DbContext子类...
EF的增删改查
qq_56841522的博客
05-26 776
阿达
C# EF技术
最新发布
m0_47020592的博客
09-14 96
EF技术
EF的四种增删改查方式
AKahong的博客
06-18 1729
EF的四种增删改查方式一，实例数据库创建存储过程实例展示 一，实例 数据库创建存储过程 --修改 create proc cp_update_role ( @id int, @name varchar(50), @remark varchar(200) ) as update roles set name=@name,remark=@remark where id=@id select * from roles --删除 create proc cp_delete_role ( @id int ) a
EF的四种增删改查
H_0207的博客
06-17 322
EF的四种增删改查1、增加2、删除3、修改4、查询 新建四个存储过程 --新增 create proc cp_insert ( @name varchar(50), @remark varchar(200) ) as insert into Roles values(@name,@remark) --修改 create proc cp_update ( @id int, @name varchar(50), @remark varchar(200) ) as update Roles set name
EF中四种方式的增删改查
ITpmin的博客
06-18 463
目录1.在数据库中创建存储过程2.查询方法方式一方式二方式三调用sql语法方式四调用存储过程3.新增方法方式一方式二方式三调用sql语法方式四调用存储过程4.修改方法方式一方式二方式三调用sql语法方式四调用存储过程5.删除方法方式一方式二方式三调用sql语法方式四调用存储过程 1.在数据库中创建存储过程 --修改 create proc cp_update_role ( @id int, @name varchar(50), @remark varchar(200) ) as update roles
EF CORE 增删改查+事务
qq_38567182的博客
03-23 765
EF CORE 增删改查+事务
EF增删改查操作
weixin_30645617的博客
04-09 85
增 using (StudentEntities ent = new StudentEntities()) { User aNewUser = new User() { Age = 20, ...
EntityFrameworkCore 扩展类 AddOrUpdate
weixin_30532837的博客
08-18 1312
现在项目用了前后端分离，所以每次提供接口的时候都是 Edit一个api接口，然后Add一个api接口， 然后做了一个后端项目突然想起来EF之前好像有个扩展类 AddOrUpdate， 于是网上找了下:代码如下 1 public static class ContextExtensions 2 { 3 public static void AddOrUpdate...
.NET Core使用EF Core框架
qq_40052237的博客
05-25 2120
文章目录概述安装EF Core使用EF Core增删改查单表查询插入数据修改数据删除数据 概述 Entity Framework (EF) Core 是轻量化、可扩展、开源和跨平台版的常用 Entity Framework 数据访问技术。 EF Core 可用作对象关系映射程序 (O/RM)，以便于 .NET 开发人员能够使用 .NET 对象来处理数据库，这样就不必经常编写大部分数据访问代码了。 说简单点，就是在我们做增删改查的时候，不用再写非常繁琐的SQL语句， 写完SQL语句后，查询出来的数据还要手
EF web api 增删改查
04-28
下面是使用EF Web API进行增删改查的示例代码： 1. 增加数据： ```csharp [HttpPost] public async Task<IActionResult> AddData([FromBody] Data data) { if (!ModelState.IsValid) { return BadRequest(Model...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值