First step:
1 用户数据准备
在sql server中准备所需要的数据:
所需要的数据库【test_login】以及表【user_inf】
表【user_inf】中的数据:
表中的数据
Second step:
2 新建一个asp.net工程
新建项目选择项目类型
选择模板,此处可根据不同情况有不同选则
此处直接跳过即可
然后新建一个项目就完成了,因为之前选择的Empty,现在项目中什么都没有。
Third step:
3 添加页面
在工程上右键选择 选择添加页面 现在建立了一个没有任何显示内容的aspx页面,可以在左下角点击【设计】查看页面效果Fourth step:
4 页面元素添加及代码控制
可以用拖控件的方式向页面添加元素或直接写代码的方式
此页面全部代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="登陆实现.login" %>
<%--<!DOCTYPE html>--%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<form id="form1" action="login_deal.aspx" runat="server">
<asp:Label ID="Label1" runat="server" Text="用户账号或昵称:"></asp:Label>
<input id="Text1" type="text" name="number"/>
<br/>
<asp:Label ID="Label2" runat="server" Text="密码"></asp:Label>
<input id="Text2" type="text" name="pwd"/>
<input type="submit" />
</form>
</body>
</html>
预览一下效果:
第二个页面【login_deal.aspx】
添加方式如同前面一样,命名为login_deal,后缀名可加可不加,不加的话会自动添加。
第二个页面的内容不做任何改动;
在第二个页面内右键:
进入页面的后台逻辑控制(服务端)代码编写
后台login_deal.aspx.cs 内全部代码如下:(数据库登录名视情况更改,数据库登陆密码亦然)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
namespace 登陆实现
{
public partial class login_deal : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string user_number = Request.Form["number"].ToString();
string user_pwd = Request.Form["pwd"].ToString();
string connstring = "server=.;database=test_login;uid=数据库登陆名;pwd=数据库登陆密码;";//server=. 代表本地服务器,就是自己的电脑
//database=test_login 数据库名
SqlConnection conn = new SqlConnection(connstring);
SqlCommand cmd = conn.CreateCommand(); //创建数据库命令
cmd.CommandText = "select * from user_inf WHERE no=" + user_number+"AND pwd="+"'"+user_pwd+"'"; //创建查询语句
try
{
conn.Open();//打开数据库
SqlDataReader sdr = cmd.ExecuteReader(); //从数据库中读取数据流存入reader中
if (sdr.Read()) //从sdr中读取下一行数据,如果没有数据,sdr.Read()返回flase
{
HttpContext.Current.Session["UserId"] = user_number;
HttpContext.Current.Session["Userpwd"] = user_pwd;
Response.Redirect("welcome.aspx");
}
else
{
//Message.Text = "输入错误,请重新输入!";
// Response.Redirect("login.aspx");
// Response.Write("<script>confirm('输入账号或密码错误!');</script>");
Response.Write("<script language=javascript>alert('输入账号或密码错误!');window.location = 'login.aspx';</script>");
}
}
catch (Exception ee)
{
Response.Write("The connection is fair");
}
finally
{
conn.Close();
}
}
}
}
保存,然后添加第三个页面【welcome.aspx】
其页面全部代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="welcome.aspx.cs" Inherits="登陆实现.welcome" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
Welcome to loadin!
</div>
</form>
</body>
</html>
即可运行!(启动页面得是login.aspx页面,数据库服务得打开,用户名、密码得正确)
Fivth step:
5 效果
登陆页登陆成功
登陆失败提示并跳转回登陆页面
网友评论