小编们落到实处了《MVC应用程序完结会员登陆功效》 有记名就能够有裁撤成效。
此番Insus.NET练习贰个MVC应用程序注销作用。

金镶玉裹福禄双全在此之前,大家早就把验证成功的音信存在cookie里《MVC登陆前筹算写好cookie》。今后就足以兑现真正的印证与登陆了。

先参考以前ASP.NET的功用《网站先后(案例)》。
作为贰个网址后台管理,大家得以兑现贰个预览的效益。就是说能让管理员保管数据之后,能预览到效果。

 展开MemberController.cs,增添多少个JsonResult():

先去数据库,写好二个登入证的存储进程[dbo].[usp_Member_LoginVerifyAndGetInfo]:
ca88会员 1

那一个境况,一般是在向来不支付前端网页情况之下,能够选用。

ca88会员 2

仓库储存进度中有三个剖断,用户输入三个不设有的帐号,也要唤醒帐号或是密码错误,为了系统安全考虑,一般不建议分别提醒。

今昔Insus.NET在MVC应用程序完结均等的功用。ASP.NET与ASP.NET
MVC不是同等的支出组织,未有同样的局地可以拷贝。只有能明了它的职能之后。能力一气呵成。

 

去应用程序,找到Entities目录,修改MemberEntity.cs体系,增添四个方法:
ca88会员 3

以下例子,仅开五个视图和一个共用预览的视图。真真实情形况不断七个视图,每一个视图内容不均等,但共用预览的视图唯有二个,是用来预览来自种种差异视图的结果。

在Views/Member/Default.cshtml视图中,增添一个form,并写二个铵钮:
ca88会员 4

下一场去调节器,加多三个LoginVerify()的ActionResult:
ca88会员 5

创制贰个簇新的调节器,并增加四个Action:

未来咱们得以写铵钮的jQuery注销事件了:
ca88会员 6

打响之后,多少个Cookie值供给修改与赋值,把IsLogin设为true,并把UserName也三只赋值。后者是在签到之后,显示当前登入用户名。

ca88会员 7

无数据Post,#15行的data设为null,由于在调节器管理了cookie过期之后,有设置视图导向,由此#19行代码,把导向赋值给href。

接下去,我们去找到Views/Member/Index.cshtml视图,增多八个form,两个文本框和多少个铵钮:
ca88会员 8

 

上边是实时操作演示(若是看不到动画效果,请刷新网页):
ca88会员 9

写登入铵钮的jQuery代码:
ca88会员 10

本例中,只是演示,在视图中,Insus.NET只入了三个文本框,让用户填写数据,还放贰个按键,是让用户来预览所输入的结果。另贰个视国中,放了三个下拉列表,让用户选拔,还放了多个按键,和第八个视图同样,用来预览之用。

 

 OK了,如果在报到验证通过,它定会导向/Member/Default视图。

视图一:

今天还应该有二个主题素材,要求想到的,就是验证通过了,用户一旦依旧展开/Member/Index视图,那时,它依然显示登陆意况,明明都登陆成功了,如再呈现那几个视图,就像有一丝丝相差。

ca88会员 11

前日Insus.NET化解它。张开调控器MemberController.cs在Index的ActionResult中,须求加上一个Cookie的判断,
ca88会员 12

 

在Default视图中,突显登入用户名:
ca88会员 13

视图二:
ca88会员 14

实时操作演示:
ca88会员 15

 

貌似情状之下,种种视图,都会有model,上边分别就是地方八个视图的模子,
模型1:

ca88会员 16

 

模型2:

ca88会员 17

 

近日,大家须求做的,是兑现各类视图预览的结果。那个结果只被加载至公用的视图中。因而只可以动用一些视图(PartialView)。使用一些视图的功利,就是未来前端网页要求展示时,也能够行使那些有些视图。

局地视图1:

ca88会员 18

 

一对视图2:

ca88会员 19 

 

 接下来,需求创立三个Render的工具,正是把视图Render为字符:

ca88会员 20

 

此刻,完毕的是各种视图中预览铵钮的成效,就是点一点预览按键,就能够把视图的结果加载在预览视图中去。在调控器中,再次创下设五个预览视图Action,一个当作集体用的预览,另五个用作铵钮的Action之用。

ca88会员 21

 

在公私的预览视图中,你只管创立它,但无需加上任何内容,因为它是一个载体:

ca88会员 22

 

 

好的,今后大家起首写视图中预览铵钮的代码了,代码就是jQuery的代码,先看视图1:

ca88会员 23

 

 

视图2的预览jQuery代码:

ca88会员 24

 

执行成功之后,视图导向那三个预览视图去。

聊起底是出现说法预览效果:

ca88会员 25

 

 

相关文章