• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
大家好,首先欢迎您访问我的博客,在这儿,您如果是一名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 (11NOT 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管理平台该干什么,如何读取数据库里的数据,如何添加数据,如何修改数据,添加用户,删除用户之类的问题小小的讲一下,希望新同学能学到有用的东西。

如果您对我的教程有什么不清楚的地方,可以在回复中告诉我,我会及时来给您解答的。

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
揭秘ASP.NET2.0的Eval方法发布时间:2022-07-10
下一篇:
asp.net 回发或回调参数无效的各种情况分析及解决办法发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap