经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置：技术经验 » 程序设计 » C# » 查看文章
MVC身份验证.MVC过滤器.MVC6关键字Task,Async.前端模拟表单验证,提交.自定义匿名集合.Edge导出到Excel.BootstrapTree树状菜单的全选和反选.bootstrap可搜索可多选可全选下拉框
来源：cnblogs　　作者：高1234　　时间：2018/10/23 9:29:08　　对本文有异议

在写这篇博客之前要唠叨几句.本人已从事开发四年有余.从前两年的热情如火.到现在的麻木.总感觉要像上突破.却又不敢轻举妄动.

没事就写点基础代码.指点下新人吧

1.MVC身份验证.

   有两种方式.一个是传统的所有控制器继承自定义Control，然后再里面用MVC的过滤器拦截.所以每次网站的后台被访问时.就会先走入拦截器.进行前端和后端的验证

                      一个是利用（MVC4及以上版本）自动生成的Global.asax.cs中的 FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters)，这个file会加载所有的过滤器.第一种方式适用目前任何版本,第二种支持MVC4以及以上，下面对两种方式一一细讲

                     1.

  1. public class CountController : BaseController

                       

  1.             CountController是自定义Controller,BaseController是需要继承的Control
                Base里两行是精华.其他自定义
  1. public class BaseController : Controller
  3. protected override void OnActionExecuting(ActionExecutingContext filterContext)

                          第一行是Control原本继承的父类.所以目前的控制器多继承了一个父类.第二行代码就是要多继承一次的原因.OnActionExecuting是每个Action被调用前.不论是Actionresult还是Jsonresult.都会被拦截.然后我们可以拿到Request.Cookie和相关的请求地址.

                          就像这杨 url = $"/{filterContext.ActionDescriptor.ControllerDescriptor.ControllerName}/{filterContext.ActionDescriptor.ActionName}"; 还有这杨cookieName = Request.Cookies["userName"].Value.ToString();

                          一般cookie中会包含请求人信息.然后我们根据数据库就能检测出此人是否能访问这个前端页面或者后端接口.如果通过Return true ，反之

                          

  1.    Response.RedirectToRoute(new { controller = "Error", action = "NotFound", Content = "权限不足,请联系管理员" });
  2.                     return;

                          这杨就会跳到异常页面了.

                          如果通过了身份验证.就可以设定一个全局通用身份.HttpContext.Current.User.Identity.Name.方便后面接口使用.但这个属性是只读的.所以要往上重写IPrincipal

                          

  1. public class MyPrincipal : System.Security.Principal.IPrincipal
  2.     {
  3.         public MyPrincipal(string userID)
  4.         {
  5.             Identity = new MyIdentity(userID);
  6.         }
  8.         public System.Security.Principal.IIdentity Identity { get; set; }
  10.         public bool IsInRole(string role)
  11.         {
  12.             return true;
  13.         }
  14.     }
  16.     public class MyIdentity : System.Security.Principal.IIdentity
  17.     {
  18.         public MyIdentity(string currentUserID)
  19.         {
  20.             Name = currentUserID;
  21.         }
  23.         public bool IsAuthenticated
  24.         {
  25.             get
  26.             {
  27.                 return true;
  28.             }
  29.         }
  31.         public string Name { get; }
  33.         public string AuthenticationType
  34.         {
  35.             get
  36.             {
  37.                 return null;
  38.             }
  39.         }
  40.     }
  1. 最后赋值的方式:
  2. MyPrincipal principal = new MyPrincipal(userName);
  3. HttpContext.User = principal;
  1.  

     2.

  1.         （MVC4及以上版本）自动生成的Global.asax.cs中的 FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters),提供三种拦截器.Action，Result，Exption,分别是方法拦截.结果拦截.异常拦截,在fileconfig中添加三个过滤器
  1. public class FilterConfig
  2.     {
  3.         public static void RegisterGlobalFilters(GlobalFilterCollection filters)
  4.         {
  5.             //filters.Add(new HandleErrorAttribute());
  6.             filters.Add(new ActionFillters());
  7.             filters.Add(new ExceptionFillters());
  8.             filters.Add(new ResultFillters());
  9.             
  10.         }
  11.     }
  1.  

                为了方便我将三个过滤器写在一个类中

        

  1. namespace MvcApplication2.App_Start
  2. {
  3.     public class ActionFillters : FilterAttribute, IActionFilter
  4.     {
  5.         public void OnActionExecuted(ActionExecutedContext filterContext)
  6.         {
  7.             //执行action后执行这个方法 比如做操作日志  
  8.         }
  9.         public void OnActionExecuting(ActionExecutingContext filterContext)
  10.         {
  11.             //执行action前执行这个方法,比如做身份验证  
  12.         }
  13.     }
  14.     public class ExceptionFillters : FilterAttribute, IExceptionFilter
  15.     {
  16.         //发生异常时会执行这段代码
  17.         public void OnException(ExceptionContext filterContext)
  18.         {
  19.             //在这里你可以记录发生异常时你要干什么，比例写日志
  21.             //这一行告诉系统，这个异常已经处理了，不用再处理
  22.             filterContext.ExceptionHandled = true;
  23.         }
  24.     }
  25.     public class ResultFillters : FilterAttribute, IResultFilter
  26.     {
  27.         public void OnResultExecuted(ResultExecutedContext filterContext)
  28.         {
  29.             //执行完action后跳转后执行
  30.         }
  32.         public void OnResultExecuting(ResultExecutingContext filterContext)
  33.         {
  34.             //执行完action后跳转前执行
  35.         }
  36.     }
  38. }

           接下来介绍MVC6新关键字.Task,Async(异步).对线程进行了封装.变成了属性.简单举个例子

  1. using System;
  2. using System.Threading;
  3. using System.Threading.Tasks;
  5. namespace ConsoleApp1
  6. {
  7.     class Program
  8.     {
  9.         static void Main(string[] args)
  10.         {
  11.             new Task(StartCode, 2).Start();
  12.             Console.WriteLine("主线程运行到此");
  13.             Thread.Sleep(1000);
  15.             Task<Int32> t = new Task<Int32>(n => Sum((Int32)n), 100);
  16.             t.Start();
  17.             t.Wait();
  18.             Console.WriteLine("The Sum is:" + t.Result);
  20.         }
  21.         private static void StartCode(object i)
  22.         {
  23.             Console.WriteLine("开始执行子线程...{0}", i);
  24.             Thread.Sleep(1000);//模拟代码操作   
  25.         }
  26.         private static Int32 Sum(Int32 i)
  27.         {
  28.             Int32 sum = i;
  29.            
  30.             return sum-1;
  31.         }
  32.     }
  33. }

   在这段代码中.Task是单独启动了一个子线程运行方法.和主线程互不干涉.但是有一点Task接受到的返回值要加上Result.不然返回的是整个线程属性

 

  1. 接下来讲下Task和MVC6的结合
  1.  public async Task<JsonResult> Test()
  2.         {
  3.             var jsonresult = await DATA();
  4.             return Json(jsonresult);
  6.         }
  7.         private Task<string> DATA()
  8.         {
  9.             return Task.FromResult("HELLO");
  10.         }
  1.  

根据约定Async 和await 永远是成双成对

Async代表异步 Task代表线程

接受时 用await

返回值用 Task.FromResult封装

 

好吧。真的很简单的新属性

 

前端模拟表单验证.

    大家都用过MVC的表单吧.大致是view模型绑定.from 中submit 提交. controll同名同参方法接受

    但是在实际运用中略限僵硬.如果一个实体类要多次提交呢?MVC默认以实体类的名字作为控件ID,一个页面出现两个同名控件只会拿到第一个的值.所以需要自定义部分表单提交.那么从头讲起吧

    

    引入以下文件

   

  1. <link rel="stylesheet" href="~/Scripts/bootstrapValidator.css" />
  2. <script src="~/Scripts/bootstrapValidator.js"></script>

 

 

    HTML表单 <form id="formEditAPP" method="post" action=""> HTML控件在表单中实际取的NAME <input class="form-control" id="EditAPPSysId" type="text" name="EditAPPSysId" readonly="readonly">

    在JQUERY中

    

  1.    $("#formEditAPP").bootstrapValidator({
  2.             live: 'enabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
  3.             message: '通用的验证失败消息',
  4.             feedbackIcons: {
  5.                 valid: 'glyphicon glyphicon-ok',
  6.                 invalid: 'glyphicon glyphicon-remove',
  7.                 validating: 'glyphicon glyphicon-refresh'
  8.             },
  9.             fields: {
  10.                 EditappAccount: {
  11.                     validators: {
  12.                         notEmpty: {
  13.                             message: '通道账号必填'
  14.                         }
  15.                     }
  16.                 },
  17.                 EditappPassword: {
  18.                     validators: {
  19.                         notEmpty: {
  20.                             message: '通道密码必填'
  21.                         }
  22.                     }
  23.                 },
  25.             }
  26.         });

    当没有通过验证的时候

　　

 

    表单的提交按钮

  1.    $("#EditAPPSubmit").click(function () {
  2.             $("#formEditAPP").bootstrapValidator('validate');//提交验证
  3.             if ($("#formEditAPP").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
  4.                 $("#formEditAPP").data('bootstrapValidator').resetForm();
  5.                 var array = new Object();
  6.                 array.sysId = $("#EditAPPSysId").val();
  7.                 array.account = $("#EditappAccount").val();
  8.                 array.password = $("#EditappPassword").val();
  9.                 array.appEnable = $("#EditappEnable option:selected").val();
  10.                 array.appChannel = $("#EditAppChannel option:selected").val();

               数组的值和服务端实体类对应,ajax 设置参数如下

             

  1.      $.ajax({
  2.                     url: '/Business/UpdateSystemSms',
  3.                     type: "post",
  4.                     data: JSON.stringify(array),
  5.                     contentType: "application/json; charset=utf-8",

 

          服务端设置参数如下

    

  1. UpdateSystemSms([System.Web.Http.FromBody]MsgSysAppConfigEntity sysConfig)

        这杨就完成了

        自定义匿名集合

          很多时候我们不想写实体类.如何偷懒呢

         

     

  1.     var trackList = new[]{ new  {
  2.                     ID = string.Empty,
  3.                         ChannelKey=string.Empty,
  4.                         ToMobilStatus=0,
  5.                         CreateTime = string.Empty,
  6.                         Type=string.Empty
  7.                               }}.ToList();
  8.             trackList.Clear();

 

     这杨数组中NEW匿名集合.类型是List<a> {string xxx,,string xx1.....}

     如果是非对应数据库实体.用这个方式.快感略强烈

     

  1.    Edge导出到Excel 
         在WIN10中推出了Edge替换IE,但是Edge的内核信息和IE完全不一致.所以需要更新Edge导出EXCEL的功能.至于IE，Google等其他浏览器利用TABLE导出excel可以参考之前的博客
         
  1.  function EdgeToExcel(obj) {
  2.             var oHtml = document.getElementsByClassName(obj)[0].outerHTML;
  3.             var excelHtml = `
  4.     <html>
  5.     <head>
  6.     <meta charset='utf-8' />
  7.     </head>
  8.     <body>
  9.     ${oHtml}
  10.     </body>
  11.     </html>
  12.     `;
  14.             var excelBlob = new Blob([excelHtml], { type: 'application/vnd.ms-excel' })
  15.             // 创建一个a标签
  16.             var oA = document.createElement('a');
  17.             // 利用URL.createObjectURL()方法为a元素生成blob URL
  18.             oA.href = URL.createObjectURL(excelBlob);
  19.             // 给文件命名
  20.             oA.download = '下载.xls';
  21.             // 模拟点击
  22.             oA.click();
  23.             // 移除
  24.             oA.remove();
  25.         }
  1.      如何区分Edge呢
  1.       function getExplorer() {
  2.             var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
  3.             var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
  4.             var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
  5.                  if (isEdge) {
  6.                      return 'Edge';
  7.                 }
  8.             else if (userAgent.indexOf("Chrome") >= 0) {
  9.                 return 'Chrome';
  10.             }
  11.         }

       大家要注意WIN7 的IE 9,10,11

       和WIN10 IE 9,10,11内核信息完全不一致

       edge和IE的内核信息也不一致.所以在做兼容性的时候要多考虑一下

 

       树状菜单的全选和反选.如果没有这两个功能.一个一个点也是非常反人类的

      

  1.  var nodeCheckedSilent = false;
  2.         function nodeChecked(event, node) {
  3.             if (nodeCheckedSilent) {
  4.                 return;
  5.             }
  6.             nodeCheckedSilent = true;
  7.             checkAllParent(node);
  8.             checkAllSon(node);
  9.             nodeCheckedSilent = false;
  10.         }
  12.         var nodeUncheckedSilent = false;
  13.         function nodeUnchecked(event, node) {
  14.             if (nodeUncheckedSilent)
  15.                 return;
  16.             nodeUncheckedSilent = true;
  17.             uncheckAllParent(node);
  18.             uncheckAllSon(node);
  19.             nodeUncheckedSilent = false;
  20.         }
  22.         //选中全部父节点
  23.         function checkAllParent(node) {
  24.             $('#tree').treeview('checkNode', node.nodeId, { silent: true });
  25.             var parentNode = $('#tree').treeview('getParent', node.nodeId);
  26.             if (!("nodeId" in parentNode)) {
  27.                 return;
  28.             } else {
  29.                 checkAllParent(parentNode);
  30.             }
  31.         }
  33.         //取消全部父节点
  34.         function uncheckAllParent(node) {
  35.             $('#tree').treeview('uncheckNode', node.nodeId, { silent: true });
  36.             var siblings = $('#tree').treeview('getSiblings', node.nodeId);
  37.             var parentNode = $('#tree').treeview('getParent', node.nodeId);
  38.             if (!("nodeId" in parentNode)) {
  39.                 return;
  40.             }
  41.             var isAllUnchecked = true;  //是否全部没选中
  42.             for (var i in siblings) {
  43.                 if (siblings[i].state.checked) {
  44.                     isAllUnchecked = false;
  45.                     break;
  46.                 }
  47.             }
  48.             if (isAllUnchecked) {
  49.                 uncheckAllParent(parentNode);
  50.             }
  52.         }
  54.         //级联选中所有子节点
  55.         function checkAllSon(node) {
  56.             $('#tree').treeview('checkNode', node.nodeId, { silent: true });
  57.             if (node.nodes != null && node.nodes.length > 0) {
  58.                 for (var i in node.nodes) {
  59.                     checkAllSon(node.nodes[i]);
  60.                 }
  61.             }
  62.         }
  64.         //级联取消所有子节点
  65.         function uncheckAllSon(node) {
  66.             $('#tree').treeview('uncheckNode', node.nodeId, { silent: true });
  67.             if (node.nodes != null && node.nodes.length > 0) {
  68.                 for (var i in node.nodes) {
  69.                     uncheckAllSon(node.nodes[i]);
  70.                 }
  71.             }
  72.         }

 

       如何使用呢

   

  1.    $('#tree').treeview({
  2.                                 data: data,
  3.                                 showCheckbox: true,
  4.                                 onNodeChecked: nodeChecked,
  5.                                 onNodeUnchecked: nodeUnchecked
  6.                             });

     已经集成的相当好啦.用的时候注意一下控件ID

 

  1.  今天刚折腾了一个BOOTSTRAP可搜索下拉框.就顺带讲一下吧
        
  1.     <script src="~/Scripts/Bootstrap/bootstrap-select.js" defer></script>
  2.     <link rel="stylesheet" href="~/Content/Bootstrap/bootstrap-select.css">
  1.  

    

  1.   <select class="form-control selectpicker show-tick" data-live-search="true" id="FromSys" name="FromSys" data-live-search="true" multiple data-actions-box="true">
  2.                      
  3.                                 <option value="@item.Value">@item.Text</option>
  4.                   
  5.                     </select>

 

  1. selectpicker show-tick 样式是可搜索下拉框必备的样式
  1. data-live-search="true" 允许搜索 
  1.  
  1. multiple 下拉框允许多选

  1. data-actions-box="true" 下拉框允许全选

 

  1.  
  1.  

              

                        

 友情链接：直通硅谷 　点职佳 　北美留学生论坛

C#热门文章

  • NPOI的Excel的读取和写入
  • 事务在c#中的使用
  • 基于欧姆龙PLC#FinsTcp协议上位机通讯(二)-C#通讯模块开发
  • C# 当前 .NET SDK 不支持将 .NET Core 2.1 设置为目标。请将 .NET Core 2.0 或更低版本设置为目标，或使用支持 .NET Core 2.1 的 .NET SDK 版本。
  • C#读写Excel的几种方法
  • C#NPOI操作Excel，实现Excel数据导入导出（支持多个sheet）
  • c#中token的使用方法实例
  • OrderBy和OrderByDescending排序
  • C#中的modbus&nbsp;Tcp协议的数据抓取和使用解析
  • C#Aspose操作Word &amp; Excel简版（后会研究补充更多功能）

    • C#推荐文章

  • .NET 9 优化，抢先体验 C# 13 新特性
  • 使用C#爬取快手作者主页，并下载视频/图集(附源码及软件下载链接)
  • 聊一聊 C# 中让人惶恐的 Bitmap
  • C#/.NET/.NET Core技术前沿周刊 | 第 2 期（2024年8.19-8.25）
  • Elsa V3学习之Flowchart详解（上）
  • C#模拟键盘输入、键状态和监听键盘消息
  • 可以调用Null的实例方法吗？
  • SemanticKernel/C#：实现接口，接入本地嵌入模型
  • C#.Net筑基-解密委托与事件
  • C#/.NET/.NET Core优秀项目和框架2024年7月简报

    • 本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

    W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
    关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
    皖ICP备17017327号-2　皖公网安备34020702000426号