Web——页面“传值、赋值”与页间“传值”
前言
前期我们学习C/S开发的时候，采用三层架构，U层的参数在每个层之间传来传去，那么现在我们接触到的B/S，在Web前端是如何与后台进行传值赋值呢？由于本人是菜鸟一枚，下面写的不恰当的地方，望路过的大神指点一二。
内容
以牛腩新闻发布系统中新闻管理为例，说明Web前端怎么与后台传值赋值，并且怎么在网页之间进行传值的。
代码
<span style="font-family:KaiTi_GB2312;font-size:18px;"><%@ Page Title="" Language="C#" MasterPageFile="~/admin/m_common.master" AutoEventWireup="true" CodeBehind="newsmanager.aspx.cs" Inherits="Web.admin.newsmanager1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="m_contentPlaceHolder" runat="server">
<div id ="camanager" class ="round2">
<h3>新闻管理</h3>
<div class ="con" >
<div class="fontcolor">提示：点击新闻标题后可进行对该新闻评论的删除！</div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table class="m_table">
<tr>
<th class ="xuhao">序号</th>
<th >标题</th>
<th class ="del">修改</th>
<th class ="del">删除</th>
</tr>
<%--<repeater控件对数据进行绑定，并且显示在页面上>--%>
<asp:Repeater ID="repNews" runat="server">
<ItemTemplate>
<tr>
<%--<将数据库中内容显示在网页上>--%>
<td><%#Eval("id") %></td>
<%--<进行页面之间传值，将本网页id号作为另一个页面的外键获得与另一个页面的联系>--%>
<td><a href='../newscontent.aspx?newsid=<%#Eval("id") %>' target="_blank"><%#Eval("title") %></a></td>
<td><a href='modnews.aspx?newsid=<%#Eval("id") %>' target="_blank">修改</a></td>
<td>
<%--<linkbutton一方面通过该按钮在后天编写方法，另一方面可以通过点击该按钮进行提示内容>--%>
<asp:LinkButton ID="lbtnDel" OnClientClick="return confirm('删除新闻会连同其下评论一起删除，是否确认删除？')" OnClick="lbtnDel_Click" CommandArgument='<%#Eval("id") %>' runat="server">删除</asp:LinkButton>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="footer" >
<p> </p>
</div>
</div>
</asp:Content></span>
其中下面代码说明了怎么对数据源进行绑定，并且以表格的形式显示出来，怎么进行网页与网页之间进行传值的。
- 前端
<span style="font-family:KaiTi_GB2312;font-size:18px;"> <table class="m_table">
<tr>
<th class ="xuhao">序号</th>
<th >标题</th>
<th class ="del">修改</th>
<th class ="del">删除</th>
</tr>
<%--<repeater控件对数据进行绑定，并且显示在页面上>--%>
<asp:Repeater ID="repNews" runat="server">
<ItemTemplate>
<tr>
<%--<将数据库中内容显示在网页上>--%>
<td><%#Eval("id") %></td>
<%--<进行页面之间传值，将本网页id号作为另一个页面的外键获得与另一个页面的联系>--%>
<td><a href='../newscontent.aspx?newsid=<%#Eval("id") %>' target="_blank"><%#Eval("title") %></a></td>
<td><a href='modnews.aspx?newsid=<%#Eval("id") %>' target="_blank">修改</a></td>
<td>
<%--<linkbutton一方面通过该按钮在后天编写方法，另一方面可以通过点击该按钮进行提示内容>--%>
<asp:LinkButton ID="lbtnDel" OnClientClick="return confirm('删除新闻会连同其下评论一起删除，是否确认删除？')" OnClick="lbtnDel_Click" CommandArgument='<%#Eval("id") %>' runat="server">删除</asp:LinkButton>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table></span>- 后台
表格显示（其实可以直接在前端给一个DataGrid控件直接绑定数据源）但是牛腩老师后来由于某种原因没有采用那种方法（这个没有仔细研究过）
<span style="font-family:KaiTi_GB2312;font-size:18px;"> #region 绑定新闻列表
private void BindNews()
{
//绑定数据源，给前端repnews传值;
repNews.DataSource = new NewsManager().SelectAll();
repNews.DataBind();
}
#endregion</span>
- 页面与页面直接传值（接受值语法）
<span style="font-family:KaiTi_GB2312;font-size:18px;"> string newsid = Request.QueryString["newsid"];</span>
以牛腩新闻发布系统中添加新闻为例，说明Web前端是怎么与后台进行传值、赋值；
代码
<span style="font-family:KaiTi_GB2312;font-size:18px;"> <%@ Page Title="添加新闻_后台管理——牛腩新闻发布系统" Language="C#" MasterPageFile="~/admin/m_common.master" AutoEventWireup="true" ValidateRequest="false" CodeBehind="addnews.aspx.cs" Inherits="Web.admin.addnews" %>
<%@ Register assembly="FreeTextBox" namespace="FreeTextBoxControls" tagprefix="FTB" %>
<asp:Content ID="Content1" ContentPlaceHolderID="m_contentPlaceHolder" runat="server">
<div id ="addnews" class ="round2">
<h3>添加新闻</h3>
<div class ="con" >
<%--<声明DropDownlist下拉框控件，用于接受后台给的参数——“控件的赋值”>--%>
<p> 新闻分类：<asp:DropDownList ID="ddlCategory" runat="Server"></asp:DropDownList>
</p>
<%--<声明textbox文本框控件，用于接受后台给的参数——“控件的赋值”>--%>
<p> 新闻标题：<asp:TextBox ID="txtTitle" runat="server" CssClass ="newstitle"></asp:TextBox></p>
<p> 新闻内容：</p>
<p>
<%--<asp:TextBox ID="txtContent" runat="server" TextMode ="MultiLine" CssClass ="newscontent" ></asp:TextBox>--%>
<FTB:FreeTextBox Text="" Language="zh-CN" ToolbarStyleConfiguration="OfficeMac" ID="ftbContent" Width="500" Height="200" runat="server">
</FTB:FreeTextBox>
</p>
<p> <asp:Button ID="btnAdd" runat="server" Text="添加新闻" OnClick="btnAdd_Click" /></p>
</div>
<div class="footer" >
<p> </p>
</div>
</div>
</asp:Content></span>
- 其中Web前端是怎么与后台进行传值、赋值
<span style="font-family:KaiTi_GB2312;font-size:18px;"><div class ="con" >
<%--<声明DropDownlist下拉框控件，用于接受后台给的参数——“控件的赋值”>--%>
<p> 新闻分类：<asp:DropDownList ID="ddlCategory" runat="Server"></asp:DropDownList>
</p>
<%--<声明textbox文本框控件，用于接受后台给的参数——“控件的赋值”>--%>
<p> 新闻标题：<asp:TextBox ID="txtTitle" runat="server" CssClass ="newstitle"></asp:TextBox></p>
<p> 新闻内容：</p>
<p>
<%--<asp:TextBox ID="txtContent" runat="server" TextMode ="MultiLine" CssClass ="newscontent" ></asp:TextBox>--%>
<FTB:FreeTextBox Text="" Language="zh-CN" ToolbarStyleConfiguration="OfficeMac" ID="ftbContent" Width="500" Height="200" runat="server">
</FTB:FreeTextBox>
</p>
<p> <asp:Button ID="btnAdd" runat="server" Text="添加新闻" OnClick="btnAdd_Click" /></p>
</div></span>- 后台
<span style="font-family:KaiTi_GB2312;font-size:18px;"> protected void btnAdd_Click(object sender, EventArgs e)
{
//给前端赋值传值；
string title = txtTitle.Text.Trim();
string content = ftbContent.Text.Trim();
string caid = ddlCategory.SelectedValue;
News n = new News(title, content, caid);
bool b = new NewsManager().insert(n);
if (b)
{
Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript'defer>alert('新闻添加成功！');</script>");
}
else
{
Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript'defer>alert('新闻添加失败，请联系系统管理员！');</script>");
}
//清空标题和内容;
txtTitle.Text = "";
ftbContent.Text = "";
}</span>其实，敲完牛腩新闻发布系统后，自己在验收的时候收获最多，通过师父指点，体会到了B/S的魅力之处。
小结
1、变是永远不变的。不管是C/S还是B/S，离不开增删改查。
2、学会用旧知识消灭新知识。
感谢您的宝贵时间~~~
浙公网安备 33010602011771号