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(留言功能))