第四章 .net core作一個簡單的登陸第三章搭建一個通用的權限管理系統 ASP.NET Core 中文文檔第三章原理（13）管理應用程序狀態

時間 2019-12-07

標籤第四 core 一個簡單登陸第三搭建通用權限管理系統 asp.net asp 中文文檔原理應用程序狀態欄目 ASP 简体版

原文原文鏈接

項目目標部署環境:CentOS 7+css

項目技術點:.netcore2.0 + Autofac +webAPI + NHibernate5.1 + mysql5.6 + nginxhtml

開源地址:https://github.com/wmowm/nh.core前端

上篇咱們已經講了權限管理的實現,傳送門:mysql

第三章搭建一個通用的權限管理系統

此次我換一種講解,項目與博客,二者同時進行,gogogojquery

第一步,找個酷炫的登陸頁面linux

本身寫頁面是不可能的,這輩子都不可能的,設計又不會,css又不精通,只有在jq22上面偷頁面才能維持的了生活的樣子nginx

最近的那個貓頭鷹捂眼睛挺火啊,就是它了,先偷回來,再本身改造git

先在mvc項目裏建立一個登陸github

話說.net core添加視圖是真心慢啊,要等半天,趁這時間吐槽一下web

頁面也很是簡單,抄襲過來是這個樣子,咱們對它改造一下

改造效果以下

坑1字體圖標問題

我也不知道它這個字體圖標怎麼選,先F12看看它是什麼玩意

原來是這個,百度一下,如今最新的都是4.7了,我之前用的是4.4,乾脆直接把之前的拿來用了

如今繼續去實現驗證碼功能,仍是用咱們比較熟悉的GDI+繪製圖片

在.net core裏須要引入ZKWeb.System.Drawing包,據說部署到linux上,會有毛病,這個咱們後面部署的時候再說

每次點擊驗證碼,都會獲取新的圖片,而後把這個驗證碼md5加密保存到session裏面

HttpContext.Session.SetString("pic_code", pic_code);//存入session

會直接報錯

Session 尚未在這個應用程序或請求中配置好。

直接百度就好,園子裏大神真是多,我是參考這篇文章實現的

ASP.NET Core 中文文檔第三章原理（13）管理應用程序狀態

如今作一個簡單的提交,之前咱們都是習慣這樣ajax提交表單,.net core裏已經沒有了這種方式,那沒辦法,咱們只有換一種形式了

據說jquery-ajax-unobtrusive.js這個插件不錯,用的玩玩,效果還不錯

<form asp-controller="Home" asp-action="Login"  data-ajax="true" data-ajax-mode="replace" data-ajax-loading="ValidateLog" data-ajax-success="tips(data)" data-ajax-method="post" class="container offset1 loginform">

驗證碼成功,就跳轉到home/index頁面,失敗就刷新驗證碼,並給出提示

    //登陸回調函數
    function tips(data) {
        if (data.status == "0") {
            window.location.href = data.returnUrl;
        } else
        {
            $("#imgcode").attr("src", "/Home/GetAuthCode?time=" + Math.random());
            alert(data.msg);
         }
    }