用eclipse创建一个最简单的velocity项目

必备环境:

JDK(不低于1.6建议1.7)、 eclipse java EE版 、tomcat(不低于5建议7.0)

为eclipse安装velocity编辑插件:

在Eclipse的Help->Install New Software...

点击“Add加 Veloeclipse,值:http://veloeclipse.googlecode.com/svn/trunk/update/

注:如果无法安装,在安装插件的界面中把 Group Items by Catagory 前打钩去掉。

创建步骤:

第一步:创建项目

打开eclipse,File -> New -> Other... -> Web -> Dynamic Web Projec

之后按照提示一路next,有两个注意地方:

一是修改代码文件输出路径,默认是build\classes。这个不符合tomcat的要求,需要改成下面这样:

用eclipse创建一个最简单的velocity项目_第1张图片

二是勾选 Generate web.xml deployment descriptor

用eclipse创建一个最简单的velocity项目_第2张图片

第二步:添加velocity依赖包

velocity相关的包有十多个,我将它们放入网盘方便大家下载,见文章未尾。下载解压后复制全部,选择项目WebContent -> WEB-INF ->lib文件夹,再选择右键菜单粘贴。

项目名右键菜单选择build path -> configure build path ->java build path ->libraries -> add jars 选择项目lib文件夹,选择全部jar最后点确认按钮。

第三步:添加velocity模板文件

在WebContent下添加一个文件夹,我起名叫templates。在该文件下添加一个hello.vm文件,里面内容:

[html] view plaincopy

  1. <html>  

  2. <head><title>Sample velocity page</title></head>  

  3. <body bgcolor="#ffffff">  

  4.     <center>  

  5.             <h2>Hello Velocity</h2>  

  6.             <table width="100" cellpadding="5" cellspacing="1" bordercolor="#333333">  

  7.             <tr><td bgcolor="#eeeeee" align="center">Names</td></tr>  

  8.             #foreach ($name in $theList)  

  9.             <tr><td bgcolor="#6666FF" align="center">$name</td></tr>  

  10.             #end  

  11.         </table>  

  12.     </center>  

  13. </body>  

  14. </html>  

第四步:添加java类文件

在Java Resource -> src下新建一个包,包名称我取名叫velocityHandler,名称随意,后面配置文件里要用到,前后一致就行。

在该包下添加一个类,类名我叫HelloHandler,这个也随意,道理同上。

类的代码:

[java] view plaincopy

  1. package velocityHandler;  

  2.   

  3. import java.util.Properties;  

  4. import java.util.Vector;  

  5.   

  6. import javax.servlet.ServletException;  

  7. import javax.servlet.http.HttpServletRequest;  

  8. import javax.servlet.http.HttpServletResponse;  

  9.   

  10. import org.apache.velocity.Template;  

  11. import org.apache.velocity.app.Velocity;  

  12. import org.apache.velocity.app.VelocityEngine;  

  13. import org.apache.velocity.context.Context;  

  14. import org.apache.velocity.tools.view.VelocityViewServlet;  

  15.   

  16. public class HelloHandler extends VelocityViewServlet{  

  17.     private static final long serialVersionUID = 1L;  

  18.     private VelocityEngine velo;    

  19.   

  20.     @Override  

  21.     public void init() throws ServletException{    

  22.   

  23.        //velocity引擎对象                    

  24.        velo = new VelocityEngine();   

  25.          

  26.        //设置vm模板的装载路径  

  27.        Properties prop = new Properties();  

  28.        String path = this.getServletContext().getRealPath("/");  

  29.        prop.setProperty(Velocity.FILE_RESOURCE_LOADER_PATH, path + "templates/");  

  30.          

  31.        try {  

  32.           //初始化设置,下面用到getTemplate("*.vm")输出时  

  33.           //一定要调用velo对象去做,即velo.getTemplate("*.vm")  

  34.           velo.init(prop);  

  35.          } catch (Exception e1) {  

  36.           e1.printStackTrace();  

  37.          }  

  38.     }  

  39.       

  40.     @SuppressWarnings("unchecked")  

  41.     @Override  

  42.     protected Template handleRequest(HttpServletRequest request,  

  43.             HttpServletResponse response, Context ctx) {  

  44.           

  45.         String p1 = "Hoffman";  

  46.         String p2 = "Song";  

  47.         @SuppressWarnings("rawtypes")  

  48.         Vector personList = new Vector();  

  49.         personList.addElement(p1);  

  50.         personList.addElement(p2);  

  51.         ctx.put("theList", personList); //将模板数据 list放置到上下文环境context中  

  52.       

  53.         Template template = velo.getTemplate("index.vm");  

  54.         return template;  

  55.     }  

  56. }  

第五步:配置

打开WEB-INF下的web.xml文件,设置为下面内容:

[html] view plaincopy

  1. <?xml version="1.0" encoding="UTF-8"?>  

  2. <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"  

  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  

  4.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   

  5.     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  

  6.     <servlet>  

  7.         <servlet-name>velocity</servlet-name>  

  8.         <servlet-class>org.apache.velocity.tools.view.VelocityViewServlet</servlet-class>  

  9.     </servlet>  

  10.     <servlet-mapping>  

  11.         <servlet-name>velocity</servlet-name>  

  12.         <url-pattern>*.vm</url-pattern>  

  13.     </servlet-mapping>  

  14.       

  15.       

  16.     <servlet>  

  17.         <servlet-name>hello</servlet-name>  

  18.         <servlet-class>velocityHandler.HelloHandler</servlet-class>  

  19.     </servlet>  

  20.     <servlet-mapping>  

  21.         <servlet-name>hello</servlet-name>  

  22.         <url-pattern>/hello</url-pattern>  

  23.     </servlet-mapping>  

  24.   

  25.     <welcome-file-list>  

  26.         <welcome-file>/templates/index.vm</welcome-file>  

  27.     </welcome-file-list>  

  28. </web-app>  

至此一个最简单的velocity项目创建完毕:

用eclipse创建一个最简单的velocity项目_第3张图片

注:WEB-INF下的classes文件夹并不显示在项目结构图中

测试:

复制项目文件夹中的WebContent:

用eclipse创建一个最简单的velocity项目_第4张图片

放在tomcat下:

用eclipse创建一个最简单的velocity项目_第5张图片

这里你可以给文件夹改名

启动tomcat ,输入下面网址:

用eclipse创建一个最简单的velocity项目_第6张图片

哈哈,最简单的一个velocity项目成功了!


你可能感兴趣的:(java,eclipse,velocity)