/// <summary> /// 后台代码 /// </summary> public partial class ArticleList : System.Web.UI.Page { public System.Text.StringBuilder sb = new System.Text.StringBuilder(); protected void Page_Load(object sender, EventArgs e) { BLL.BlogArticleBLL bll = new BLL.BlogArticleBLL(); DataTable dt = bll.GetListBylianBiao(); //读取数据 foreach (DataRow item in dt.Rows) //拼接html语句 { sb.Append("<tr>"); sb.Append("<td>" + item["AId"] + "</td>"); sb.Append("<td>" + item["Name"] + "</td>"); sb.Append("<td>" + item["CnName"] + "</td>"); sb.Append("<td>" + item["ATitle"] + "</td>"); sb.Append("<td>" + item["e_cname"] + "</td>"); sb.Append("<td><a href='javascript:void(0)' onclick='Del(" + item["AId"] + ")'>删除</a> | <a href='/Article/Edit.aspx?id=" + item["AId"] + "'>修改</a></td>"); sb.Append("</tr>"); } } }
<%-- 前台代码 --%> <table class="list"> <tr> <th>ID</th> <th>类别</th> <th>作者</th> <th>标题</th> <th>状态</th> <th>操作</th> </tr> <%=sb.ToString() %> <%--"<%%>中可以写C#代码"--%> </table>
以上方式为后台编写逻辑读取数据并且拼接HTML语句,前台显示拼接后的HTML语句。
/// <summary> /// 后台代码 /// </summary> public partial class ArticleList : System.Web.UI.Page { public System.Text.StringBuilder sb = new System.Text.StringBuilder(); protected void Page_Load(object sender, EventArgs e) { BLL.BlogArticleBLL bll = new BLL.BlogArticleBLL(); DataTable dt = bll.GetListBylianBiao(); //读取数据 foreach (DataRow item in dt.Rows) //拼接html语句 { sb.Append("<tr>"); sb.Append("<td>" + item["AId"] + "</td>"); sb.Append("<td>" + item["Name"] + "</td>"); sb.Append("<td>" + item["CnName"] + "</td>"); sb.Append("<td>" + item["ATitle"] + "</td>"); sb.Append("<td>" + item["e_cname"] + "</td>"); sb.Append("<td><a href='javascript:void(0)' onclick='Del(" + item["AId"] + ")'>删除</a> | <a href='/Article/Edit.aspx?id=" + item["AId"] + "'>修改</a></td>"); sb.Append("</tr>"); } string strContent = System.IO.File.ReadAllText(Context.Server.MapPath("/Temp/ArticleList.html")); //读取HTML模板。预先写好 strContent = strContent.Replace("${trs}", sb.ToString()); //将HTML模板读取后中的占位符替换成拼接后的HTML语句 Context.Response.Write(strContent); //输出成HTML页面 } }
<form action="/Cate/Del.ashx" method="post"> <table class="list"> <tr> <td colspan="6"> <input type="submit" value="批量删除" /> | <input type="button" value="新增" onclick="Add()" /></td> </tr> <tr> <th> <input type="checkbox" id="cheAll" name="cheAll" /></th> <th>ID</th> <th>作者</th> <th>名称</th> <th>状态</th> <th>操作</th> </tr> ${trs}
<!-- ${trs} 是占位符 --> </table> </form>
以上方法为后台编写逻辑读取数据并且拼接语句,并且预先写好HTML页面并且放置占位符,将拼接后的语句代替占位符并且输出成页面。