关于登录界面与登录的知识介绍

今天我给大家讲一下登录,下图是我弄的一个登录页面,还有一点没有弄完成,但是并不影响我接下来讲解的内容。登录其实比较简单。平常大家也经常登录各种APP平台。主要就是账号和密码验证码的输入。
登录页面图如下。
关于登录界面与登录的知识介绍_第1张图片
登录界面代码借鉴搭档的:
登录页面设计:就是个个标签之间的相互作用与配合了;下面是我设计这个页面的部分代码,至于CSS的样式调试我就不截图给大家看了,因为没什么可看。

关于登录界面与登录的知识介绍_第2张图片

首先看上面的图;大家可以看到登录分为账号和密码这两个要素,至于验证码看个人情况或者项目的需要(一般都有设置)。
既然要这个两个要素才能实现登录,所以你必需先进行以下操作
1、 先到数据库里建这样一个表,要先键数据库再建表。建表的时候要规范。表的规范设计在前面有讲。大家如果需要也可去看看。虽然内容有点简略但是建一般的图也是可以了。
2、 添加表,往表里面添加所需要的字段。(添加字段还需要分配给他一个数据类型)
例如:
关于登录界面与登录的知识介绍_第3张图片
注意:在这里也提醒一下大家,一个表必须要设计他的主键ID,主键的数据一般都是int,数据类型前面有介绍,在这里我就不介绍了。
3、 在数据库建好一个这样的表之后就在自已的项目里面引用一下这个Model ,你所引用的这个Model就是你数据库里面所映射过来的。这个Modell与你数据库相一致
接下来就是在控制器里写查询语句了。对表的查询,就登录而言。这里就只需要查询一个字段。
那就是你所设计的用户表。当然如果你还有别的条件设置的话就另外说了。
查询一个表的或一般用LINQ 来查询方便一点。个人认为。
下面箭头的地方可以用一个一个表字段的查,也可以直接 一个表来接收 PW_User 。因为所涉及的就一个表。两个字段 可以换成(PW_User pwuser).
登录方法的查询。
public ActionResult UserLogin(string User,string Pass)
{
ReturnMsg msg = new ReturnMsg(); 这个只是我封装的一个方法,用于提示
msg.MsgState = false;
try
{
var listUser = (from tbUser in MyModel.PW_User
where tbUser.UserName == User.Trim() && tbUser.Userpass == Pass.Trim()

select tbUser.UserName).Single();
Session[“UserName”] = User;
msg.MsgState = true;
msg.MsgText = “登录成功”;
}
catch(Exception e)
{
Console.WriteLine(e);
msg.MsgText = “信息错误”;

}
return Json(msg, JsonRequestBehavior.AllowGet); ;
}
在这里有一个try{}catch{}这个可设置可以不设置。设置了在登录的时候出现问题更加好找。
上面有一个验证码的判断,在这只讲登录部分,验证码部分代码我主要是运用好别人的封装好的代码来实现的。
今天关于登录的内容就这么多,希望对各位有所提示帮助。
如果各位还有关于更多登录功能的实现,希望大家可以跟我交流。不足的地方大家多多包涵。

你可能感兴趣的:(关于登录界面与登录的知识介绍)