留言版简单实现

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

项目截图:

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(,) NOT NULL,
[Title] [nvarchar]() NULL,
[Message] [nvarchar](max) NULL,
[NickName] [nvarchar]() NULL,
[IsAnonymous] [bit] NULL,
[IPAddress] [nvarchar]() 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 = ;
numSucc = sqlH.ExecuteNonQuery(sqlInsert, sqlParas, CommandType.Text); if (numSucc == )
{
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="" rows="" 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 # 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="">$Msg.Title</td>
</tr>
<tr>
<td>留言内容:</td>
<td colspan="">$Msg.Message</td>
</tr>
#end
</table>
#parse("Foot.html")

简单留言板Demo下载

NVelocity 实现简单的留言板的更多相关文章

  1. 用js做一个简单的留言板效果

    html部分: 1: <!DOCTYPE> 2: <html lang="zh-en"> 3: <head> 4: <title>j ...

  2. 用 Express4 写一个简单的留言板

    Knowledge Dependence:阅读文本前,你需要熟悉 Node.js 编程.Express 以及相关工具和常用中间件的使用. Node.js 以其单线程异步非阻塞的特点,越来越被广大的 W ...

  3. javaScript简单的留言板

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  4. php+mysql 最简单的留言板

    学完了记得动手操作. 測试地址(未过滤) <html> <body> <head><meta http-equiv="Content-Type&qu ...

  5. 简单的留言板(dom+正则练习)

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  6. vue2 简单的留言板

    没有写样式,只是写个功能 <template> <div class="headers"> <div class="form"&g ...

  7. 一个很简单的php留言板。。。。搭建在sae上的。。。

    我在sae上搭建了一个个人简历的页面: 有兴趣的可以访问  http://671coder.sinaapp.com/ 在做下面一个简单的留言板的时候,卡了我很久,虽然完全没用过php..但是还是最后勉 ...

  8. PHP实现简单留言板

    最近学习了下PHP基础,这里做一个简单的留言板,算是对PHP和MySQL的使用做一个整体的练习吧,不遇到问题总感觉学不到东西. 截图如下: 总结: 1>数据库的简单操作,数据库的增删改查: 2. ...

  9. 写一个简单的HTML留言板

    最近有点懒,没码什么字,防止遗忘,从头开始码,写一个简单的HTML留言板.包含两个文件,book.html还有style.css,放在同一目录下. book.html 1 <!DOCTYPE h ...

随机推荐

  1. [转]Oracle 操作字符串的函数

    转至:http://yedward.net/?id=62 (1)oracle中实现截取字符串:substr substr(string, start_position, [length]) 其中,st ...

  2. (转)WordPress的主查询函数-query_posts()

    今天说说WordPress 的主查询函数 -query_posts(),因为我正在制作的主题里面多次用到了这个函数 . query_posts()查询函数决定了哪些文章出现在WordPress 主 循 ...

  3. ORACLE R12 MOAC

    MOAC简介 MOAC(Multi-Org Access Control)为多组织访问控制,是Oracle EBS R12的重要新功能.它可以实现在一个Responsibility下对多个OU(Ope ...

  4. Javascript 原型继承(续)—从函数到构造器的角色转换

    对于每一个声明的函数,里边都会带有一个prototype成员,prototype会指向一个对象,现在我们来聚焦prototype指向的这个对象,首先我们会认为,这个对象是一个该函数对应的一个实例对象, ...

  5. Volley使用指南第二回(来自developer.android)

    上一篇文章翻译了一下google的Volley官方文档,讲到了最基本的发送request.这一次我们来下一回:创建一个自定义RequestQueue. 这篇文章将会教你一步一步创建自己的Request ...

  6. Winform开发框架之权限管理系统

    本文章转载:http://www.cnblogs.com/wuhuacong/archive/2011/05/08/2040620.html 至此,权限管理模块介绍已经完毕,下面给出一个调用例子Dem ...

  7. PostgreSQL的 initdb 源代码分析之二十四

    继续分析: make_template0(); 展开: 无需再作解释,就是创建template0数据库 /* * copy template1 to template0 */ static void ...

  8. AndroidEventBus ( 事件总线 ) 的设计与实现

    1. 功能介绍 AndroidEventBus是一个Android平台的事件总线库, 它简化了Activity.Fragment.Service等组件或者对象之间的交互,非常大程度上减少了它们之间的耦 ...

  9. Codeforces Round #331 (Div. 2) A. Wilbur and Swimming Pool 水题

    A. Wilbur and Swimming Pool Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/conte ...

  10. S5PV210开发系列四_uCGUI的移植

    S5PV210开发系列四 uCGUI的移植 象棋小子          1048272975 GUI(图形用户界面)极大地方便了非专业用户的使用,用户无需记忆大量的命令,取而代之的是能够通过窗体.菜单 ...