[原创]Asp.net入门-网络采购系统（1）

大家好，首先欢迎您访问我的博客，在这儿，您如果是一名Asp.net的入门新手，请阅读我的asp.net入门系列，本套教程主要是针对有一些asp.net基础的同学设置的，这儿呢，不会讲每个控件是干什么的，如果你想知道每个控件是干什么的，你可以到www.thc123.com看看田洪川老师录的视频教程；如果你发现我在入门系列中，有什么疑惑或者错误的地方，欢迎留言指出。

这是我第一次写详细的教程，为什么我要写这个教程？我知道，自学的路很痛苦，为了让以后的新同学能减少这样的痛苦，少走弯路，遂决定自己也写一写教程，一来是对自己的知识的一个总结，二来也是练练自己的写作，呵呵，开个玩笑:)

Asp.net入门-网络采购系统（1）

在这一部分的教程中，讲从sqlserver2000开始建一个LoginTable开始讲起，本节教程将包括：
1.数据表的创建
2.登录界面的制作
3.如何登录
4.如何区别用户
5.登录了该干什么
这样的5个问题。

1.数据表的创建：
大家都知道，我们所有的登录信息都是存放在数据库中的，所以，要想成功的登录到系统，首先得有一个数据库，或数据表来记录我们的登录信息，我喜欢把这个名字取为LoginTable，这完全可以按照同学自己的兴趣爱好取，你可以叫他AAA，BBB，呵呵。
首先需要一个ID，用于以后从数据库获取并修改用户使用，UserName用户名，Password密码，LeiBie用户类别，建表相关SQL语句如下：
CREATE TABLE [LoginTable] (
    [ID] [int] IDENTITY (1, 1) NOT NULL ,
    [UserName] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
    [Password] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
    [LeiBie] [int] NULL ,
    CONSTRAINT [PK_LoginTable] PRIMARY KEY  CLUSTERED 
    (
        [ID]
    )  ON [PRIMARY] 
) ON [PRIMARY]
GO


直接把上面的代码复制到“查询分析器”中，运行一下就好了，当然，前面要加上一句use[目标数据库名]。

2.登录界面的创建：
在这儿，我直接复制粘贴过来我在Dreamweaver里面做好了的一个登录界面过来，有点丑，但是还比较实用，呵呵！
页面代码：
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>公司采购系统</title>
    <link href="Css.css" type="text/css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
<!--
body {
    background-color: #333366;
}
-->
</style></head>
<body>
    <form id="form1" runat="server">
    <div>
    
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" background="Image/bg.gif">
        <tr>
          <td colspan="2"><img src="Image/logo.gif" width="600" height="150" /></td>
        </tr>
          <tr>
              <td style="width: 304px">
              </td>
              <td width="299">
              </td>
          </tr>
        <tr>
          <td style="width: 304px"><div align="right" style="text-align: right"><img src="Image/UserNamePic.gif" width="127" height="29" /></div></td>
          <td width="299">&nbsp;<asp:TextBox ID="UserName" runat="server"></asp:TextBox><span style="color: #ff0000">*</span></td>
        </tr>
        <tr>
          <td style="width: 304px; height: 29px"><div align="right"><img src="Image/PasswordPic.gif" width="127" height="29" /></div></td>
          <td style="height: 29px">&nbsp;<asp:TextBox ID="Password" runat="server" TextMode="Password" Width="148px"></asp:TextBox><span
                  style="color: #ff0000">*</span></td>
        </tr>
          <tr>
              <td style="width: 304px; height: 16px">
              </td>
              <td style="height: 16px">
              </td>
          </tr>
        <tr>
          <td style="width: 304px; text-align: right">&nbsp;<asp:Button ID="UserLoginBtn" runat="server" CssClass="ButtonCss" Text="用户登录"
                  Width="120px" OnClick="UserLoginBtn_Click" /></td>
          <td>&nbsp;<asp:Button ID="AdminLoginBtn" runat="server" CssClass="ButtonCss" Text="管理登录"
                  Width="120px" OnClick="AdminLoginBtn_Click" /></td>
        </tr>
        <tr>
          <td colspan="2" style="height: 15px; text-align: center">
              <span style="color: #ff0033">&nbsp;无用户名与密码请联系管理员注册</span></td>
        </tr>
      </table>
      </div>
    </form>
</body>
</html>
这样，一个页面就制作完成了，当然，光有页面是不可以的，那样的话只是一个空架子了，没有实际的意义，在这里，我先不忙贴出CS代码来，先请同学往下看，在如何登录里面，我会讲讲该页面的CS代码的编写。

3.如何登录
虽然这个步骤不复杂，但是比较烦琐，希望同学们耐心的往下做。
1）请同学在根目录下建立一个App_Code文件夹，里面建一个DengLu.cs类，用于写一些get,set方法，具体代码如下：
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
using SqlHelper;

/// <summary>
/// DengLu 的摘要说明
/// </summary>
public class DengLu
{
    public DengLu()
    {
        //
        // TODO: 在此处添加构造函数逻辑
        //
    }
    private int iD = 0;

    private string userName = string.Empty;

    private string password = string.Empty;

    private string leiBie = string.Empty;

    private int userClass = 0;

    public int ID
    {
        get { return this.ID; }
        set { this.ID = value; }
    }

    public string UserName
    {
        get { return this.userName; }
        set { this.userName = value; }
    }

    public string Password
    {
        get { return this.password; }
        set { this.password = value; }
    }

    public string LeiBie
    {
        get { return this.leiBie; }
        set { this.leiBie = value; }
    }

    public int UserClass
    {
        get { return this.userClass; }
        set { this.userClass = value; }
    }
}
然后在在App_Code目录下建立一个实体（Entity）文件夹，并在这里新建一个文件，名字叫DengLuDAO.cs的一个类，这个类主要目的是用于数据的提交，具体代码为：
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
using SqlHelper;

/// <summary>
/// DengLuDao 的摘要说明
/// </summary>
public class DengLuDao
{
    public DengLuDao()
    {
        //
        // TODO: 在此处添加构造函数逻辑
        //
    }
    private static string UserName = "@UserName";

    private static string Password = "@Password";

    private static string userClass = "@LeiBie";

    private static string SELECT_LoginTable = "Select * from LoginTable where UserName=@UserName and Password=@Password ";

    public static DengLu DengLuTable(DengLu TiJiao2)
    {
        DengLu userInfo = null ;
        SqlParameter[] parms = new SqlParameter[]{
            new SqlParameter(UserName,SqlDbType.NVarChar,50),
            new SqlParameter(Password,SqlDbType.NVarChar,50)};
        
         
         parms[0].Value = TiJiao2.UserName;
         parms[1].Value = TiJiao2.Password;

        //获取连接字符串，插入数据到SQL数据库
        SqlDataReader read = SqlHelper.SqlHelpDao.ExecuteReader(GetConnectionString.ConnectionString, CommandType.Text, SELECT_LoginTable, parms);
        while (read.Read())
        {
            userInfo = new DengLu();
            userInfo.UserName = read["UserName"].ToString();
            userInfo.Password = read["Password"].ToString();
            userInfo.UserClass = int.Parse(read["LeiBie"].ToString());
        }
        return userInfo;

        }
    }

是不是到这儿就完了呢？
不是的，需要在有个GetConnectionString这个类，用于和SQL数据库的连接，就是说，你要告诉他，怎么怎么找到数据库，GetConnectionString这个类放到App_Code目录下就好了：
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
using SqlHelper;

/// <summary>
/// GetConnectionString 的摘要说明
/// </summary>
public class GetConnectionString
{
    public GetConnectionString()
    {
        //
        // TODO: 在此处添加构造函数逻辑
        //
    }
    public static readonly string ConnectionString = ConfigurationManager.ConnectionStrings["WebCaiGouDBConnectionString"].ConnectionString;
}

当然，还需要修改web.config里面的相关<ConnectionString></ConnectionString>部分的代码。
下一步我们该做什么呢？

下一步我们该对刚才制作的登录界面里的Button写Click事件了，先把代码贴出来，在解释一下：

protected void UserLoginBtn_Click(object sender, EventArgs e)
    {
        DengLu user = new DengLu();
        user.UserName = UserName.Text.Trim();
        user.Password = Password.Text.Trim();
        DengLu userInfo = DengLuDao.DengLuTable(user);
        if (userInfo != null)
        {
            Session.Add("LeiBie", userInfo.UserClass);
            if (userInfo.UserClass == 1)
            {
                Response.Write("<script>alert('用户登录成功');window.open(\"./UserManage.aspx\");</script>");
            }

            if (userInfo.UserClass == 2)
            {
                Response.Write("<script>alert('管理登录成功');window.open(\"./AdminManage.aspx\");</script>");
            }
        }
        else
        {
            Response.Write("<script>alert('登录失败！')</script>");
        }
    }
在这里可以看到，这个是一个UserLoginBtn的click事件，首先我们得实例化一下，然后获取两个TextBox的值，并调用DengLuDao.DengLuTable(user)这样的一个方法，来插入到数据库里面进行验证，我采用了一个UserClass来作为用户类别的区分，你可以设置1为管理员，2为用户之类的，这些也都是你自己随便设置的，登录以后页面的跳转就是后面的那句window.open了，呵呵，这是最简单的一种登录方式的设计，新同学可以按照这样做一下试试，希望看我教程的同学多动手多动手试试，复制粘贴是学不到东西的。

在下面的一节教程中，我将会对UserManage管理平台该干什么，如何读取数据库里的数据，如何添加数据，如何修改数据，添加用户，删除用户之类的问题小小的讲一下，希望新同学能学到有用的东西。

如果您对我的教程有什么不清楚的地方，可以在回复中告诉我，我会及时来给您解答的。
posted @ 2007-06-10 16:14  张谊  阅读(1158)  评论(4)  编辑  收藏  举报