后台拼接HTML显示到前台

引言：

很多时候我们需要动态生成页面，除了绑定数据之外，有时候页面也是不同的，这时候就需要在后台把页面拼接好，然后在前台显示需要的页面形式，现总结代码如下，以备后需。

方法：

    

1.下面两种方法都可以使用，总体都是使用stringbuilder来进行拼接，然后返回给前台。（代码如下）

2.第一种是绑定方法，然后返回HTML字符串。

3.第二种是定位到前台页面的id，在其后面添加HTML字符串。

代码（C#版）：

 

[ 方法一 ]

前台：

<div id="Div1" runat="server">
    <%=GetHTML("uid")%>

后台：

  public string GetHTML(string uid)
        {
            StringBuilder sb = new StringBuilder();
           
            sb.Append("<tr>");
            sb.Append("<td class=\"text-left\" style=\"vertical-align: middle;width:50%\">");
            sb.Append("<center>");
            ........       
            return sb.ToString();
        }

[ 方法二]

前台：

<div class="tab-content">
   <div role="tabpanel" id="father" runat="server">    

后台：

 private void getFamily()
        {
            StringBuilder tabFather = new StringBuilder("");
            
            tabFather.Append("<div class=\"xiupulist-wrap clearfix\">");
            tabFather.Append("<ul>");
            tabFather.Append("<li>");
            .......      
            this.father.InnerHtml = tabFather.ToString();
         }

小结：

1.可以生成静态页面之后作参考，然后再在后台拼接

2.在后台拼接字符串的时候，要保持书写规范已读

3.要注意用\对特殊字符的转义

后台：