ASP.NET&C#学习笔录1（留言功能）

这里主要说明，前台绑定数据的玩法，和基本连接数据库的方法（之后会写博客系统详细记录ADO.NET数据的操作）以及Repeater控件的玩法，因此就不按照软件工程的流程写了（按照软件工程流程的项目之后也会写出来）。

留言簿的功能：

1 用户留言

2 显示用户留言

3 管理员处理留言（删除和回复留言）

一创建数据库

USE [Guid]
GO

CREATE TABLE [dbo].[tb](
[ID] [int] IDENTITY(1,1) NOT NULL,
[UserName] [varchar](50) COLLATE Chinese_PRC_CI_AS NULL,
[PostTime] [datetime] NULL,
[Message] [varchar](50) COLLATE Chinese_PRC_CI_AS NULL,
[IsReplied] [bit] NULL,
[Reply] [varchar](40) COLLATE Chinese_PRC_CI_AS NULL,
PRIMARY KEY CLUSTERED 
(
[ID] ASC
)WITH (IGNORE_DUP_KEY = OFF) ON [PRIMARY]
) ON [PRIMARY]

GO
SET ANSI_PADDING OFF

二新建website站点

1实现用户留言功能：Default.aspx 添加用户名和密码的控件以及提交留言的按钮

  <asp:Label ID="lblName" runat="server" Text="姓名"></asp:Label>
               
        <asp:TextBox ID="txtName" runat="server" Width="330px"></asp:TextBox><br />
        <br />
        <asp:Label ID="lblMessage" runat="server" Text="留言"></asp:Label>
               
        <asp:TextBox ID="txtMessage" runat="server" Height="103px" TextMode="MultiLine" Width="329px"></asp:TextBox><br />
        <br />
        <br />
        <br />
        <asp:Button ID="btnSubmitMsg" runat="server" OnClick="btnSubmitMsg_Click" Text="发表留言" /> <br />
        <br />

这里控件的名字尽量要有意义，增强代码的可读性，比如 textbox1命名为“txtName”。

这时就要添加点击button的事件，在Default.aspx.cs:

 protected void btnSubmitMsg_Click(object sender, EventArgs e)
    {
        string conn = System.Configuration.ConfigurationManager.ConnectionStrings["GuidConnectionString"].ToString();        
        SqlConnection sqlCon = new SqlConnection(conn);
        string sqlStr = @"insert into tb (UserName,PostTime,Message,IsReplied,Reply) values('" + this.txtName.Text + "','" + System.DateTime.Now + "','" + this.txtMessage.Text + "',0,'')";
        //不使用@，就要把\ 改写为\\，\为转义字符，用@则取消转义
        SqlCommand sqlCmd = new SqlCommand(sqlStr, sqlCon);
        sqlCon.Open();
        int i = sqlCmd.ExecuteNonQuery();
        sqlCon.Close();
        if (i > 0)
            Response.Write("<script>alert('succeed')</script>");
        else
            Response.Write("there are some errors");
        BindData();


    }

这里面涉及了数据库的操作，数据库操作的基本步骤：

1 ）获得数据库连接字符串

2 ）建立数据库连接

3 ）建立要执行的Sql语句

4 ）打开带有要执行Sql语句的连接

5 ）执行Sql语句

6 ）关闭连接，有的返回信息，有的不用返回。

这样用户发表留言就ok了

2 显示用户留言

这里用到了数据源控件——repeater。将repeater控件拖拽到aspx页面上，其实在aspx源代码页自己打代码会更方便些。我刚开始学习ASP.NET的时候觉得拖拽控件很方便，

但是现在更喜欢直接在源代码里面敲代码，因为拖拽控件设置属性还要在属性框里面找，不如自己需要什么属性就敲哪个属性来的快。
repeater控件呢，顾名思义“重复”。就是说，你只要写出一个结构格式，绑定数据后，数据都是按照这一种结构显示。
repeater有5个temple，这里只用到了ItemTemple。而且，repeater控件里的内容只能打代码。repeater在Default.aspx页面Code：

  <asp:Repeater ID="rptShowMsg" runat="server">
        <
        <ItemTemplate>
            <table>
                <tr>
                    <td align="left" width="400px"><%#Eval("Message")%></td>    
                    <td align="right" width="260px"><%#Eval("PostTime")%>-<%#Eval("UserName")%>
                <tr>
                    <td colspan="2" align="right">
                    <hr width="30px" />
                        管理员回复：<%#Eval("IsReplied").ToString()=="false"?"暂无":Eval("Reply") %>
                    </td>
                </tr>
            </table>
        </ItemTemplate>
        </asp:Repeater>

前台绑定数据：
<td align="left" width="400px"><%#Eval("Message")%></td>
既然绑定数据，那么数据是从后台DB传过来的，我们来看看后台如何绑定数据

  public void BindData()    {        string conn = System.Configuration.ConfigurationManager.ConnectionStrings["GuidConnectionString"].ToString();        SqlConnection sqlCon = new SqlConnection(conn);        string sqlStr = "select * from tb";        SqlDataAdapter sda = new SqlDataAdapter(sqlStr, sqlCon);        DataSet ds = new DataSet();        sda.Fill(ds, "tb");        rptShowMsg.DataSource = ds.Tables["tb"];        rptShowMsg.DataBind();    }
这里用到了DataAdapter,DataSet,DataTable.ADO.NET稍后会写出来。
简单说一下DataSet可以想成是内存中的库，DataTable则是内存中的表，DataAdapter就是“桥”的作用，将数据库和内存中“库”连起来
具体步骤：
1 ）获得数据库连接字符串
2 ）建立数据库连接
3 ）建立要执行的Sql语句
4 ）建立Adapter，类似SqlCommand。
5 ）建立Dataset，
6）将Adapter获得的数据信息填充dataset
7）数据源控件（这里是repeater，ID="rptShowMsg"）绑定数据。
* dataset填充之后，绑定数据的时候是以“表”为单位的。
当打开页面，用户的留言就应该显示出来，而且，当用户添加一条留言提交之后也应该看到新留言。
因此BindData()应该放在page_load()方法里面，同时放在button事件里面。后台完整代码：
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 System.Data.Sql;
using System.Data.SqlTypes;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            BindData();
        }
    }
    protected void btnSubmitMsg_Click(object sender, EventArgs e)
    {
        string conn = System.Configuration.ConfigurationManager.ConnectionStrings["GuidConnectionString"].ToString();        
        SqlConnection sqlCon = new SqlConnection(conn);
        string sqlStr = @"insert into tb (UserName,PostTime,Message,IsReplied,Reply) values('" + this.txtName.Text + "','" + System.DateTime.Now + "','" + this.txtMessage.Text + "',0,'')";
        //不使用@，就要把\ 改写为\\，\为转义字符，用@则取消转义
        SqlCommand sqlCmd = new SqlCommand(sqlStr, sqlCon);
        sqlCon.Open();
        int i = sqlCmd.ExecuteNonQuery();
        sqlCon.Close();
        if (i > 0)
            Response.Write("<script>alert('succeed')</script>");
        else
            Response.Write("there are some errors");
        BindData();

    }
    public void BindData()
    {
        string conn = System.Configuration.ConfigurationManager.ConnectionStrings["GuidConnectionString"].ToString();
        SqlConnection sqlCon = new SqlConnection(conn);
        string sqlStr = "select * from tb";
        SqlDataAdapter sda = new SqlDataAdapter(sqlStr, sqlCon);
        DataSet ds = new DataSet();
        sda.Fill(ds, "tb");
        rptShowMsg.DataSource = ds.Tables["tb"];
        rptShowMsg.DataBind();
    }

}

前台完整代码：
<%@ 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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="lblName" runat="server" Text="姓名"></asp:Label>
               
        <asp:TextBox ID="txtName" runat="server" Width="330px"></asp:TextBox><br />
        <br />
        <asp:Label ID="lblMessage" runat="server" Text="留言"></asp:Label>
               
        <asp:TextBox ID="txtMessage" runat="server" Height="103px" TextMode="MultiLine" Width="329px"></asp:TextBox><br />
        <br />
        <br />
        <br />
        <asp:Button ID="btnSubmitMsg" runat="server" OnClick="btnSubmitMsg_Click" Text="发表留言" /> <br />
        <br />
         
        <asp:Repeater ID="rptShowMsg" runat="server" >
        <
        <ItemTemplate>
            <table>
                <tr>
                    <td align="left" width="400px"><%#Eval("Message")%></td>    
                    <td align="right" width="260px"><%#Eval("PostTime")%>-<%#Eval("UserName")%>
                <tr>
                    <td colspan="2" align="right">
                    <hr width="30px" />
                        管理员回复：<%#Eval("IsReplied").ToString()=="false"?"暂无":Eval("Reply") %>
                    </td>
                </tr>
            </table>
        </ItemTemplate>
        </asp:Repeater>

    </div>
    </form>
</body>
</html>
3 管理员处理留言（增删查改）
当管理员以username=admin password=admin 登录的话 ，就可以对留言进行操作。这里管理员登录就不Query DB了。
管理员一旦登录进去的话，之前隐藏的Panel就可视化，留言就显示出来。
adminLogin.aspx代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="adminLogin.aspx.cs" Inherits="adminLogin" %>

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        AdminName:<asp:TextBox ID="txtName" runat="server"></asp:TextBox><br />
        <br />
        Password :<asp:TextBox ID="txtpwd" runat="server" TextMode="Password"></asp:TextBox><br />
        <br />
        <br />
        <br />
        <asp:Button ID="btnLogin" runat="server" OnClick="btnLogin_Click" Text="登录" /><br />
        <br />
        <asp:Panel ID="Panel1" runat="server" Visible="False">
            <asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand">
            <ItemTemplate>
                <table >
                    <tr>
                        <td align="left" width="400px"><%# Eval("Message") %></td>
                        <td align="right" width="200px"><%# Eval("PostTime") %>-<%# Eval("UserName") %></td>
                    </tr>
                    <tr>
                        <td colspan ="2">
                        <hr width="300px" />
                        <asp:Button ID="btnDeleteMsg" runat="server" Text="删除留言" CommandName="deleteMsg" CommandArgument='<%# Eval("ID") %>' />
                        管理员回复：<asp:TextBox ID="txtReply" runat="server" TextMode="MultiLine" Text='<%# Eval("Reply") %>'></asp:TextBox>
                        <asp:Button ID="btnSendRely" runat="server" Text="发表回复" CommandName="sendReply" CommandArgument='<%# Eval("ID") %>' />
                        </td>
                    </tr>
                </table>
            </ItemTemplate>
            </asp:Repeater>
        </asp:Panel>

    </div>
    </form>
</body>
</html>
在这个repeater中我们添加了2个功能：删除留言、发表回复。这2个功能Button都是在repeater中的，点击button就会触发repeater的命令事件，
所以这里对repeater添加了事件：OnItemCommand="Repeater1_ItemCommand"。对于repeater内的命令功能，只需在repeater事件里面做就行了。
删除操作属于“Delete”，发表回复属于“Update”，数据删除更新需要Where条件，
因此我们用主键ID作为条件，以删除操作为例：命令名称： CommandName="deleteMsg"  条件参数：CommandArgument='<%# Eval("ID") %>'
❀“条件参数”说明：前台绑定的数据，不仅能后台向前台绑定，也可以前台向后台传数据。
❀后台向前台绑定数据：就是之前所说的BindData()方法，绑定ID，留言内容等
 <td align="left" width="400px"><%# Eval("Message") %></td>
CommandArgument='<%# Eval("ID") %>'
数据库中拿到数据之后，前台Eval自动绑定对应字段。
❀前台向后台传数据：删除或更新留言，则是通过刚刚绑好的ID，带着要回复留言的内容，去后台走DB【回复留言可以不绑定：Text='<%# Eval("Reply") %>'，不绑定的话，点击发表回复，回复内容在adminLogin.aspx中就看不到，但是在default页面可以刷新看到，因为default页面绑定了Reply-<%#Eval("IsReplied").ToString()=="false"?"暂无":Eval("Reply") %>】
adminLogin.aspx.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.Sql;
using System.Data.SqlClient;
using System.Data.SqlTypes;


public partial class adminLogin : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
       // BindData();
    }
    protected void btnLogin_Click(object sender, EventArgs e)
    {
        if ((this.txtName.Text == "admin") && (this.txtpwd.Text == "admin"))
        {
            BindData();
            this.Panel1.Visible = true;
        }
    }
    protected void Repeater1_ItemCommand(object source, RepeaterCommandEventArgs e)
    {
        string conn = System.Configuration.ConfigurationManager.ConnectionStrings["GuidConnectionString"].ToString();
        SqlConnection sqlCon = new SqlConnection(conn);
        if (e.CommandName == "deleteMsg")
        {
            string sqlStr = "delete from tb where ID="+ e.CommandArgument+"";
            SqlCommand cmd = new SqlCommand(sqlStr, sqlCon);
            sqlCon.Open();
            int i=cmd.ExecuteNonQuery();
            sqlCon.Close();
            if (i > 0)
                Response.Write("<script>alert('succeed!')</script>");
            else
                Response.Write("<script>alert('failed')</script>");
            BindData();
        }
        if (e.CommandName == "sendReply")
        {
            string strSql="update tb set IsReplied=1 ,Reply='"+((TextBox)e.Item.FindControl("txtReply")).Text+"'where ID="+e.CommandArgument+"";
            sqlCon.Open();
            SqlCommand cmd = new SqlCommand(strSql, sqlCon);
            int i = cmd.ExecuteNonQuery();
            sqlCon.Close();
            if (i > 0)
                Response.Write("<script>alert('succeed!')</script>");
            else
                Response.Write("<script>alert('failed')</script>");
            BindData();
        }
    }
    public void BindData()
    {
        string conn = System.Configuration.ConfigurationManager.ConnectionStrings["GuidConnectionString"].ToString();
        SqlConnection sqlCon = new SqlConnection(conn);
        string sqlStr = "select * from tb order by PostTime DESC";
        SqlDataAdapter sda = new SqlDataAdapter(sqlStr, sqlCon);
        DataSet ds = new DataSet();
        sda.Fill(ds, "tb");
        Repeater1.DataSource = ds.Tables["tb"];
        Repeater1.DataBind();
    }
}
说明的是：
❀e.CommandName == "sendReply"//如果repeater中的命令式"sendRely",走下面的方法体
❀Reply='"+((TextBox)e.Item.FindControl("txtReply")).Text//在repeater中找到控件类型是TextBox，控件TextBox ID="txtReply"的控件，并获取他的Text属性值

秒客网

ASP.NET&C#学习笔录1（留言功能）

相关文章