1. 在登錄視圖頁面宣告一個全域變數存放layui模塊，方便整個頁面中呼叫：var layer;
2. 加載layui模塊：layui.use('layer', function () { layer = layui.layer; });
3. 開始寫登錄按鈕的點擊事件：
3.1.獲取表單資料：var 變數名= $('#form表單ID[name="資料自定義名"]').val();
3.2.資料驗證：判斷資料不為undefined，null……
3.3.資料提交：
3.3.1.開啟加載層：加載層一般在網路請求前打開
var 變數名= layer.load();
~ :web應用的根
/ :網站的根，轉到埠
$.post("@Url.Content("~/控制器/登錄驗證控制器名")",
{
變數名：變數名，
變數名：變數名，
……
},
3.3.2.在網路請求的回呼的最前面關閉加載層：layer.close(變數名);
3.4.重繪驗證圖片點擊事件
function 點擊事件名() {
修改驗證圖片 img元素的src屬性切換圖片 t引數的作用：為了避免瀏覽器快取圖片
$("#驗證圖片ID").prop("src", "@Url.Content("~/控制器/驗證碼控制器名?t=")"+new Date().getTime());
}
4.新建一個驗證碼控制器，在控制器中生成驗證碼和驗證圖片
4.1-生成長度為5的隨機字串作為驗證碼
string 驗證碼名= ValidCodeUtils.GetRandomCode(5);
4.2-根據生成的驗證碼字串生成驗證圖片
byte[] 驗證圖片名= ValidCodeUtils.CreateImage(驗證碼名);
4.3-將生成的驗證碼字串保存到Session
Session["驗證碼名"] = 驗證碼名;
4.4-將驗證圖片回傳到頁面
return File(驗證圖片名,"image/jpeg");
5. 新建一個登錄驗證控制器名
準備回傳的資料：ReturnJson 自定義名= new ReturnJson();
msg.State = false;//設定默認的狀態 可以省略不寫：bool型別的資料 默認值就是false
5.1-檢查用戶輸入的驗證碼是否正確
5.1.1-從session中獲取出保存的驗證碼字串
string sessionValidCode = "";
if (Session["驗證碼名"] != null)
{
sessionValidCode = Session["驗證碼名"].ToString();
}
5.1.2-驗證用戶輸入的驗證碼和session中的驗證碼是是否相同 忽略大小寫
驗證碼名= 驗證碼名== null ? "" : 驗證碼名.Trim();
if (sessionValidCode.Equals(驗證碼名, StringComparison.InvariantCultureIgnoreCase) || 驗證碼名=="")
{ linq 單表查詢的寫法
(from 自定義的表名 in Model物件.查詢的表
【where 自定義的表名.欄位1 關系運算子 值 【&& 自定義的表名.欄位2 關系運算子 值】】
【orderby 自定義的表名.欄位】
【select 自定義的表名】
【select new {[屬性名1= ]自定義的表名.欄位1,
[屬性名2= ]自定義的表名.欄位2,
[屬性名3= ]自定義的表名.欄位3,
....
}】
【select new 類名{ 類的屬性1=自定義的表名.欄位1，
類的屬性2=自定義的表名.欄位2，
....
}】
).Single();//查詢單條資料，當沒有資料或者有多條資料時會觸發例外
.SingleOrDefault();//查詢單條資料，當沒有資料回傳默認值（物件的默認值為null）；當有多條資料時觸發例外
.ToList();//查詢多條資料并轉為List
.Count();//查詢有多少條資料
5.2-驗證用戶的資料
5.2.1-對用戶輸入的密碼進行AES加密
string aesPassword = AESEncryptHelper.Encrypt(userPassword)
5.3-處理記住我這個功能 使用cookie實作
實體cookie：HttpCookie cookie = new HttpCookie("自定義名");
保存資料到cookie：cookie["自定義名"] = 自定義名;
設定cookie的有效期（數量）天：
cookie.Expires = DateTime.Now.AddDays(數字);
回傳json格式的資料：return Json(自定義名,JsonRequestBehavior.AllowGet);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/17096.html
標籤：非技術區
上一篇：查詢