NVelocity 实现简单的留言板

留言版简单实现

 

 

-----------------------------------------------------------------------------------------------------------------------------------

项目截图：

1，新建留言板数据库：LiuYanbanDB

USE [LiuYanbanDB]
GO

/****** Object:  Table [dbo].[LiuYan]    Script Date: 2015/5/15 22:06:11 ******/
SET ANSI_NULLS ON
GO

SET QUOTED_IDENTIFIER ON
GO

CREATE TABLE [dbo].[LiuYan](
    [id] [bigint] IDENTITY(1,1) NOT NULL,
    [Title] [nvarchar](250) NULL,
    [Message] [nvarchar](max) NULL,
    [NickName] [nvarchar](50) NULL,
    [IsAnonymous] [bit] NULL,
    [IPAddress] [nvarchar](18) NULL,
    [PostDate] [datetime] NOT NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]

GO

ALTER TABLE [dbo].[LiuYan] ADD  CONSTRAINT [DF_LiuYan_PostDate]  DEFAULT (getdate()) FOR [PostDate]
GO

2，新建项目，添加 Head.html 和 Foot.html 作为所有页面的页头和页尾， 其他新建HTML页面，用#parse("Head.html")来调用

3，准备好 Nvelocity模板处理类：Common_Nvelocity.cs

using Commons.Collections;
using NVelocity;
using NVelocity.App;
using NVelocity.Runtime;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;

namespace LiuYanban
{
    public class Common_Nvelocity
    {

        /// <summary>
        /// 通过NVelocity模板引擎，把Data数据参数中的数据传递到Template模板中
        /// </summary>
        /// <param name="TemplateName">模板页面名称</param>
        /// <param name="Data">参数数据</param>
        /// <returns>返回HTML直接渲染生成 页面</returns>
        public static string RenderHTML(string TemplateName, object Data)
        {

            //创建NVlecocity模板引擎的实例对象
            VelocityEngine vlEngine = new VelocityEngine();

            //初始化实例对象，定义对象的部分属性
            ExtendedProperties props = new ExtendedProperties();
            props.AddProperty(RuntimeConstants.RESOURCE_LOADER, "file");//声明模板是在file中
            props.AddProperty(RuntimeConstants.FILE_RESOURCE_LOADER_PATH, System.Web.Hosting.HostingEnvironment.MapPath("~/Templates"));  //指定模板文件所在文件夹
            vlEngine.Init(props);

            //模板中的数据的来源
            VelocityContext vltContext = new VelocityContext();
            vltContext.Put("data", Data);  //设置参数，在HTML模板中可以通过$Data读取数据


            //模板文件名
            Template VltTemp = vlEngine.GetTemplate(TemplateName);
            //合并模板
            StringWriter writer = new StringWriter();
            VltTemp.Merge(vltContext, writer);

            //转化为字符串
            string html = writer.GetStringBuilder().ToString();

            return html;
        }
    }
}

4，添加 新增留言处理程序和对应的HTML模板页面： MessageNew.ashx ， MessageNew.html 实现新增留言功能

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using System.Data.SqlClient;

namespace LiuYanban
{
    /// <summary>
    /// MessageNew 的摘要说明
    /// </summary>
    public class MessageNew : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/HTML";
            string html = "";
            SQLHelper sqlH = new SQLHelper();


            string strButtonSave = context.Request["Save"];
            if (string.IsNullOrEmpty(strButtonSave))
            {
                var data = new { PageTitle = "请发表您的留言" };
                html = Common_Nvelocity.RenderHTML("MessageNew.html", data);
                context.Response.Write(html);
            }
            else
            {
                //  把留言提交
                string strTitle = context.Request["title"];
                string strMsg = context.Request["message"];
                string strNickName = context.Request["NickName"];
                bool FlagIsAnonymous = context.Request["IsAnonymous"] == "on";
                string strIPAddress = context.Request.UserHostAddress;

                //数据校验
                //写入数据库

                string sqlInsert = " insert into  [LiuYanbanDB].[dbo].[LiuYan]([Title],[Message],[NickName],[IsAnonymous],[IPAddress]) values(@Title,@Message,@NickName,@IsAnonymous,@IPAddress)";
                SqlParameter[] sqlParas = new SqlParameter[]{ 
                    new SqlParameter("@Title",strTitle),
                    new SqlParameter("@Message",strMsg),
                    new SqlParameter("@NickName",strNickName),
                    new SqlParameter("@IsAnonymous",FlagIsAnonymous),
                    new SqlParameter("@IPAddress",strIPAddress) 
                };
                int numSucc = 0;
                numSucc = sqlH.ExecuteNonQuery(sqlInsert, sqlParas, CommandType.Text);

                if (numSucc == 1)
                {
                    context.Response.Redirect("MessageShow.ashx");
                }
                else
                {
                    context.Response.Write("留言失败");
                }
                //strReminder = "发表留言成功";
                //DataTable dt = sqlH.ExecuteQuery(sqlMsg, CommandType.Text);
                //var data = new { PageTitle = "发表您的留言", MsgList = dt.Rows, PageReminder = strReminder };
                //html = Common_Nvelocity.RenderHTML("MessageNew.html", data);
                //context.Response.Write(html);
            }


        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

#parse("Head.html")

<p>$data.PageTitle</p>
<form action="MessageNew.ashx" method="post">
    <table>

        <tbody>
            <tr>
                <td>昵称</td>
                <td>
                    <input name="NickName" /><input type="checkbox" name="IsAnonymous" /><lable for="IsAnonymous">匿名</lable></td>
            </tr>
            <tr>
                <td>标题</td>
                <td>
                    <input type="text" name="Title" /></td>
            </tr>
            <tr>
                <td>内容</td>
                <td>
                    <textarea cols="50" rows="5" name="Message"></textarea></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="submit" name="Save" value="发表" /></td>
            </tr>
        </tbody>
    </table>

</form>

#parse("Foot.html")

5，添加 留言查看对应的处理程序和对应的HTML模板页面: MessageShow.ashx ， MessageShow.html 实现显示留言列表

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;

namespace LiuYanban
{
    /// <summary>
    /// MessageShow 的摘要说明
    /// </summary>
    public class MessageShow : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/html";


            SQLHelper sqlH = new SQLHelper();
            string sqlMsg = " select * FROM [LiuYanbanDB].[dbo].[LiuYan] order by PostDate desc";
            DataTable dt = sqlH.ExecuteQuery(sqlMsg, CommandType.Text);
            var data = new { PageTitle = "留言列表", MsgList = dt.Rows };
            string html = Common_Nvelocity.RenderHTML("MessageShow.html", data);
            context.Response.Write(html);
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

#parse("Head.html")
<style type="text/css">
    table {
        border-collapse: collapse;
        border: none;
        width: 800px;
    }

    td {
        border: solid #000 1px;
    }
</style>
<h1>$data.PageTitle</h1>
<a href="MessageNew.ashx">新增留言</a><br />

<table>
    #foreach($Msg in $data.MsgList)
                <tr>
                    <td>昵称：</td>
                    <td>$Msg.NickName</td>
                    <td>发表时间：</td>
                    <td>$Msg.PostDate</td>
                    <td>IP地址：</td>
                    <td>$Msg.IPAddress</td>
                </tr>
    <tr>
        <td>留言标题:</td>
        <td colspan="5">$Msg.Title</td>
    </tr>
    <tr>
        <td>留言内容：</td>
        <td colspan="5">$Msg.Message</td>
    </tr>
    #end
</table>
#parse("Foot.html")

 

简单留言板Demo下载