我的博客网站开发5——博文正文页

为实现页面间的统一性和开发时代码的工作量，我们将页面相同的布局做成母版页，变化的内容在内容页进行变化。如下图：

这样，我们在写博文的显示全文页面时，我们只需在新增页面引用母版页就可实现，页面相同页面的内容的统一性。

我们在点击阅读博文的全文的链接后，跳转到全文显示的页面BlogContent.aspx。

在该页面下，除母版页的内容外，内容页中有博文的全文、评论、评论的编辑器。

博文的全文显示和评论的内容只是简单的数据绑定

Html代码：

<div id="blogEssayTitle">
<%=gettitle()%>
</div>
<div id="blogEssayContent">
<%=getcontent()%>
</div>

<div>
<div style=" text-align:left; font-weight:bold; font-size:16px;">评论</div>

    <asp:GridView ID="gdv_BlogReply" runat="server" AutoGenerateColumns="False" 
        BorderStyle="None">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <div style=" margin-top:10px; width:650px;">
                    <div style=" text-align:left; background:#D9F0FE;"><a href="#"><%# DataBinder.Eval(Container.DataItem, "name") %></a> 发表于：<%# DataBinder.Eval(Container.DataItem, "esssayReplyTime")%></div>
                    <div style=" text-align:left; margin-top:5px; padding-left:15px;"><%# DataBinder.Eval(Container.DataItem, "essayReplyContent")%></div>
                    <div style=" text-align:right;"><a href="#" style=" color:#FF0000;">支持(<%# DataBinder.Eval(Container.DataItem, "supportCount")%>)</a><a href="#">反对(<%# DataBinder.Eval(Container.DataItem, "againstCount")%>)</a></div>
                    </div>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
</div>

C#代码：

 protected void Page_Load(object sender, EventArgs e)
        {
            //对博文的评论的相关处理
            DataTable dt_essayReply = BLL.BLL_BlogContent.Select_essayReply(essayId);
            this.gdv_BlogReply.DataSource = dt_essayReply;
            this.gdv_BlogReply.DataKeyNames = new string[] { "blogReplyId" };
            this.gdv_BlogReply.DataBind();

            this.btn_BlogReply.ServerClick += new EventHandler(btn_BlogReply_ServerClick);//为btn_BlogReply添加单击事件
        }



        //获取显示博文的标题
        public static string gettitle()
        {
            return dt.Rows[0]["title"].ToString().Trim();
        }

        //获取显示博文的正文内容
        public static string getcontent()
        {
            return dt.Rows[0]["essayContent"].ToString().Trim(); ;
        }

还存在对编辑器的处理，由于博客的博文是对所有的用户开放的（即是游客和登录用户），但是当只是以游客的身份进入时，编辑器时不能显示，取代的是一段提示文字，如下：

当用户登录后即可看到编辑器，进行相关的评论操作。实现代码：

Html代码：

<div id="BlogReply" style=" text-align:left;">
    <textarea id="txa_BlogReply" runat="server" style="" cols="40" rows="10"></textarea>
    <input id="btn_BlogReply" type="button" value="提交评论" runat="server" />
</div>
<div id="div_unLogin" style=" text-align:left; font-weight:bold;">
注册用户登录后才能发表评论，请<a href="../LoginPage.aspx" style=" color:#FF0000;">登录</a>或 注册
</div>

通过js代码控制编辑器的显示与隐藏

Js代码：

$(document).ready(function () {
    var sessionIsNull = "";
    var options = {
        type: "POST",
        url: "../BlogContent.aspx/sessionIsNull",
        data: "{}",
        contentType: "application/json;charset=urf-8",
        dataType: "json",
        success: function (response) {
            sessionIsNull = response.d;
            if (sessionIsNull == 1) {
                $("#BlogReply").hide();
                $("#div_unLogin").show();
            }
            else {
                $("#BlogReply").show();
                $("#div_unLogin").hide();
            }
        }
    };
    $.ajax(options);

});

后台CS的C#代码：

        //通过判断session是否为空判断用户是否已经登录
        [WebMethod]
        public static string sessionIsNull()
        {
            if (SessionUserId == null)
            {
                return "1";
            }
            else
            {
                return "0";
             }
        }

博文的正文页显示完成。