ASP.NET + Sql Server (vs2015)登陆功能实现

First step:

1 用户数据准备

在sql server中准备所需要的数据:

《ASP.NET + Sql Server (vs2015)登陆功能实现》 所需要的数据库【test_login】以及表【user_inf】

表【user_inf】中的数据:

《ASP.NET + Sql Server (vs2015)登陆功能实现》 表中的数据

Second step:

2 新建一个asp.net工程

《ASP.NET + Sql Server (vs2015)登陆功能实现》 新建项目

《ASP.NET + Sql Server (vs2015)登陆功能实现》 选择项目类型

《ASP.NET + Sql Server (vs2015)登陆功能实现》 选择模板,此处可根据不同情况有不同选则

《ASP.NET + Sql Server (vs2015)登陆功能实现》 此处直接跳过即可

然后新建一个项目就完成了,因为之前选择的Empty,现在项目中什么都没有。
Third step:

3 添加页面

《ASP.NET + Sql Server (vs2015)登陆功能实现》 在工程上右键选择
《ASP.NET + Sql Server (vs2015)登陆功能实现》 选择添加页面
《ASP.NET + Sql Server (vs2015)登陆功能实现》 现在建立了一个没有任何显示内容的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,后缀名可加可不加,不加的话会自动添加。
第二个页面的内容不做任何改动;
在第二个页面内右键:

《ASP.NET + Sql Server (vs2015)登陆功能实现》 进入页面的后台逻辑控制(服务端)代码编写

后台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 效果

《ASP.NET + Sql Server (vs2015)登陆功能实现》 登陆页

《ASP.NET + Sql Server (vs2015)登陆功能实现》 登陆成功

《ASP.NET + Sql Server (vs2015)登陆功能实现》 登陆失败提示并跳转回登陆页面

Next :Session实现保存用户状态及页面美化

    原文作者:枫叶落尽
    原文地址: https://www.jianshu.com/p/4a1a6234ab5b
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞