前言
前期我们学习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、学会用旧知识消灭新知识。
感谢您的宝贵时间~~~