模板技术&代码生成器

本文介绍了如何利用Velocity模板技术和EasyCode代码生成器提高开发效率。详细讲解了Velocity的使用,包括添加jar文件、Hello Velocity示例,以及代码生成器的工作原理和开发步骤。此外,还详细介绍了EasyCode的使用环境、支持的数据库类型和功能,并展示了如何自定义模板进行代码生成。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.模板技术

1.1.简介

velocity-1.6.3.jar 默认模板的后缀vm
freemarker-2.2.19.jar 默认模板的后缀ftl

1.2.Velocity模板技术可以实现的功能

动态页面静态化:xxx.html
在后台准备数据,在前台准备模板,通过IO把数据与模板合并,真正的生成一个html页面出来,用作发送邮件、短信模板。

1.3.pom.xml:添加jar文件

<!-- 代码生成器模版技术 -->
<dependency>
	<groupId>org.apache.velocity</groupId>
	<artifactId>velocity</artifactId>
	<version>1.6</version>
</dependency>

1.4.Hello Velocity

1.4.1.VelocityTest

package cn.itsource.pss;

import java.io.StringWriter;
import org.apache.velocity.Template;
import org.apache.velocity.VelocityContext;
import org.apache.velocity.app.Velocity;
import org.junit.Test;
/**
 * 测试Velocity功能
 */
public class VelocityTest {
    @Test
    public void testVelocity01() throws Exception {
        //创建模板应用上下文
        VelocityContext context = new VelocityContext();
        context.put("msg", "小张是个好同志");
        //拿到相应的模板(需要设置好编码)
        Template template = Velocity.getTemplate("temptest/hello.html","UTF-8");
        //准备输出流
        StringWriter writer = new StringWriter();
        template.merge(context, writer);
        System.out.println(writer);
    }

    @Test
    public void testVelocity02() throws Exception {
        //创建模板应用上下文
        VelocityContext context = new VelocityContext();
        context.put("msg", "小张是个好同志");
        //拿到相应的模板(需要设置好编码)
        Template template = Velocity.getTemplate("temptest/hello.html","UTF-8");
        //准备输出流
        File file = new File("temptest/helloNew.html");
        FileWriter writer = new FileWriter(file);
        template.merge(context, writer);
        writer.close();
    }
}

1.4.2.temptest /hello.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	大伙都说:${msg}
</body>
</html>

2.代码生成器

        咱们在写代码的时候,应该已经发现了,如果你要做另外一个模块,那么它们的基础代码都差不多,虽然我们直接拷备过来修改使用也是可以的。但还是会觉得有点浪费时间,所以我们可以做一个自己生成基础代码的功能,然后我们直接生成,再添加其它的功能即可!
        没有代码生成器的时候,如果添加部门模型domain,复制IDepartmentService,修改类名,ctrl+f,进行人工替换,而使用了代码生成器就是先定义好模板,然后使用代码自动修改类名,有代码参照模板进行指定内容自动替换

2.1.开发步骤

  1. 准备模板(把每个模块需要改的地方确定好)
  2. 确定所有模板的生成顺序
  3. 确定所有模板的生成位置
  4. 确定要生成的基本功能的domain(Dept)
  5. 根据Domain名称与模板结合,在相应位置生成文件
  6. 解决如果父文件夹不存在的问题
  7. 解决如果文件已经存在的问题
  8. 排错(有错先改模板)可以将本地的图片直接拖拽到编辑区域直接展示;

2.2.准备模板

        我们需要生成多少个文件,我就得准备多少个模板。把所有Employee对应的文件都拷备一份到相应的位置(并改名为Domain):(注意:大写与小写的替换)
在这里插入图片描述
把模板中的文件进行修改,操作的时候一定要小心,注意大小写的转换。
留下一个最基础的name字段,其它的多余功能全部去掉。
注意(Employee中关于部门的操作都需要去掉),替换的位置$不要值不要出现前后空格

2.3.确定顺序

确定修改的顺序(这个顺序你根据自己的习惯决定即可)

  1. src/main/java/cn/itsource/pss/query/DomainQuery.java
  2. src/main/java/cn/itsource/pss/repository/DomainRepository.java
  3. src/main/java/cn/itsource/pss/service/IDomainService.java
  4. src/main/java/cn/itsource/pss/service/impl/DomainServiceImpl.java
  5. src/main/java/cn/itsource/pss/web/controller/DomainController.java
  6. src/main/test/cn/itsource/pss/service/DomainServiceTest.java
  7. src/main/webapp/js/model/domain.js
  8. src/main/webapp/WEB-INF/views/domain/domain.jsp

2.4.准备路径

//准备拼接路径的常量,如果有更多文件有利于重复利用
private static final String SRC = "src/main/java/";
private static final String PACKAGE = "cn/itsource/pss/";
private static final String TEST = "src/test/java /";
private static final String WEBAPP = "src/main/webapp/";

//准备路径的拼接
private String[] paths ={
        SRC+PACKAGE+"query/", SRC+PACKAGE+"repository/", SRC+PACKAGE+"service/",
        SRC+PACKAGE+"service/impl/", SRC+PACKAGE+"web/controller/", TEST+PACKAGE+"service/",
        WEBAPP+"js/model/",WEBAPP+"WEB-INF/views/domain/"
};

//准备所有模板名称(和路径顺序一致)
private String[] tempNames = {
        "DomainQuery.java","DomainRepository.java","IDomainService.java",
        "DomainServiceImpl.java","DomainController.java","DomainServiceTest.java",
        "domain.js","domain.jsp"
};

//准备要生成的Domain(有可能同时生成多个)
private String[] domains = {"Dept"};

2.5.完成创建代码

//生成相应的文件
@Test
public void testCreate() throws Exception{
    //创建模板应用上下文
    VelocityContext context = new VelocityContext();
    //一.遍历所有的Domain
    for (int i = 0; i < domains.length; i++) {
        //1.1拿到大写的domain
        String domainBig = domains[i];
        //1.2拿到小写的domain
        String domainSmall = domainBig.substring(0,1).toLowerCase() + domainBig.substring(1);
        //System.out.println(domainBig);
        //System.out.println(domainSmall);
        //1.3设置上下文的替换名称
        context.put("Domain",domainBig);
        context.put("domain",domainSmall);
        //二.遍历所有的路径
        for (int j = 0; j < paths.length; j++) {
            //2.1拿到相应的路径
            String path =paths[j];
            //2.2拿到相应的模板名称
            String tempName = tempNames[j];
            //2.3拼接回我们需要的位置文件
            String realPath = (path + tempName).replaceAll("Domain",domainBig).replaceAll("domain",domainSmall);

            //三.准备相应文件与模板进行组合
            //3.1准备相应的文件(要生成的文件)
            File file = new File(realPath);
            //  如果父文件不存在,我们创建一个
            File parentFile = file.getParentFile();
            if(!parentFile.exists()){
                parentFile.mkdirs();
            }
            //3.2拿到相应的模板(需要设置好编码)
            Template template = Velocity.getTemplate("template/"+tempName,"UTF-8");
            FileWriter writer = new FileWriter(file);
            template.merge(context, writer);
            writer.close();
        }
    }
}

2.6.细节处理

        先运行看效果,如果有问题,请先进行模板文件的修改,再重新生成。直到最后功能可以成功!
        完整代码如下(还解决了如果文件存在我们就不再覆盖的问题):

package cn.itsource.pss.common;

import org.apache.velocity.Template;
import org.apache.velocity.VelocityContext;
import org.apache.velocity.app.Velocity;
import org.junit.Test;

import java.io.File;
import java.io.FileWriter;

public class CreateCodeTest {

    /**
     * 确定修改的顺序(这个顺序你根据自己的习惯决定即可)
     * 1.src/main/java/cn/itsource/pss/query/DomainQuery.java
     * 2.src/main/java/cn/itsource/pss/repository/DomainRepository.java
     * 3.src/main/java/cn/itsource/pss/service/IDomainService.java
     * 4.src/main/java/cn/itsource/pss/service/impl/DomainServiceImpl.java
     * 5.src/main/java/cn/itsource/pss/web/controller/DomainController.java
     * 6.src/main/test/cn/itsource/pss/service/DomainServiceTest.java
     * 7.src/main/webapp/js/model/domain.js
     * 8.src/main/webapp/WEB-INF/views/domain/domain.jsp
     */

    //准备拼接路径的常量,如果有更多文件有利于重复利用
    private static final String SRC = "src/main/java/";
    private static final String PACKAGE = "cn/itsource/pss/";
    private static final String TEST = "src/main/test/";
    private static final String WEBAPP = "src/main/webapp/";

    //准备路径(拼接)
    private String[] paths ={
            SRC+PACKAGE+"query/", SRC+PACKAGE+"repository/", SRC+PACKAGE+"service/",
            SRC+PACKAGE+"service/impl/", SRC+PACKAGE+"web/controller/", TEST+PACKAGE+"service/",
            WEBAPP+"js/model/",WEBAPP+"WEB-INF/views/domain/"
    };

    //准备所有模板名称(和路径顺序一致)
    private String[] tempNames = {
            "DomainQuery.java","DomainRepository.java","IDomainService.java",
            "DomainServiceImpl.java","DomainController.java","DomainServiceTest.java",
            "domain.js","domain.jsp"
    };

    //准备要生成的Domain(有可能同时生成多个)
    private String[] domains = {"Dept"};

    //是否需要覆盖已经存在的文件 false代表不覆盖,一般就用这个
    //true代表覆盖,危险操作
    private static final  boolean FLAG = false;

    //生成相应的文件
    @Test
    public void testCreate() throws Exception{
        //创建模板应用上下文
        VelocityContext context = new VelocityContext();
        //一.遍历所有的Domain
        for (int i = 0; i < domains.length; i++) {
            //1.1拿到大写的domain
            String domainBig = domains[i];
            //1.2拿到小写的domain
            String domainSmall = domainBig.substring(0,1).toLowerCase() + domainBig.substring(1);
            //System.out.println(domainBig);
            //System.out.println(domainSmall);
            //1.3设置上下文的替换名称
            context.put("Domain",domainBig);
            context.put("domain",domainSmall);
            //二.遍历所有的路径
            for (int j = 0; j < paths.length; j++) {
                //2.1拿到相应的路径
                String path =paths[j];
                //2.2拿到相应的模板名称
                String tempName = tempNames[j];
                //2.3拼接回我们需要的位置文件
                String realPath = (path + tempName).replaceAll("Domain",domainBig).replaceAll("domain",domainSmall);

                //三.准备相应文件与模板进行组合
                //3.1准备相应的文件(要生成的文件)
                File file = new File(realPath);
                // 如果文件存在,我们根据情况看是否需要覆盖
                if (file.exists() && !FLAG){
                    return;
                }
                //  如果父文件不存在,我们创建一个
                File parentFile = file.getParentFile();
                if(!parentFile.exists()){
                    parentFile.mkdirs();
                }
                System.out.println(file.getAbsoluteFile()); //查看生成路径
                //3.2拿到相应的模板(需要设置好编码)
                Template template = Velocity.getTemplate("template/"+tempName,"UTF-8");
                FileWriter writer = new FileWriter(file);
                template.merge(context, writer);
                writer.close();
            }
        }
    }
}

        如果代码生成器生成的文件有问题(错误),找到错误,修改模板,重新生成 -> 一直到生成没有问题为止(慢慢调)

3.EasyCode

        EasyCode是基于IntelliJ IDEA开发的一个代码生成插件,主要通过自定义模板(基于velocity)来生成各种你想要的代码。通常用于生成Entity(domain)、Dao、Service、Controller。如果你动手能力强还可以用于生成HTML、JS、PHP等代码。理论上来说只要是与数据有关的代码都是可以生成的。支持自定义任意模板(Java,html,js,xml)。只要是与数据库相关的代码都可以通过自定义模板来生成。支持数据库类型与java类型映射关系配置。支持同时生成生成多张表的代码。每张表有独立的配置信息。完全的个性化定义,规则由你设置。:

3.1.使用环境

IntelliJ IDEA Ultimate版(172+)

3.2.支持的数据库类型

  1. MySQL
  2. SQL Server
  3. Oracle
  4. PostgreSQL
  5. qlite
  6. Sybase
  7. Derby
  8. DB2
  9. HSQLDB
  10. H2

3.3.功能说明

  • 支持多表同时操作
  • 支持同时生成多个模板
  • 支持自定义模板
  • 支持自定义类型映射(支持正则)
  • 支持自定义附加列
  • 支持列附加属性
  • 所有配置项目支持分组模式,在不同项目(或选择不同数据库时),只需要切换对应的分组,所有配置统一变化。

3.4.开始使用

3.4.1.安装

1.在线安装,直接打开
在这里插入图片描述
2.离线安装(先下载相应的zip包)
在这里插入图片描述

3.4.2.添加数据源

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.4.3.生成一个基本代码

使用dept为例:
在这里插入图片描述
        我们这里只是生成一个最简单的实体类(当然,这个是使用它的自己原来的一个代码生成器模板,和我们最后想要的效果还有很大的差别!)

3.5.自定义模板生成

3.5.1.新建一个分组

在这里插入图片描述

3.5.2.模板的创建与位置问题

在这里插入图片描述
我们直接从原来模板中的entity中拷备过来,然后改成我们需要的代码即可!
注意:解决文件生成的位置问题:
模板代码的位置:
在这里插入图片描述
生成时的路径位置:
在这里插入图片描述
注:两个位置结合起来,最后才能把文件放到自己想要的地方

4.代码生成器模板

4.1.Domain实体对象

##引入宏定义
$!define
##拿到首字母小写的表单
#set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))
##使用宏定义设置回调(保存位置与文件后缀)
##注意:为了路径,我现在都从main的位置开始
#save("/main/java/cn/itsource/zx/domain", ".java")

##使用宏定义设置包后缀
#setPackageSuffix("domain")

##使用全局变量实现默认包导入
$!autoImport
import java.io.Serializable;
import javax.persistence.Entity;
import javax.persistence.Table;

##使用宏定义实现类注释信息
#tableComment("实体类")
@Entity
@Table(name="$!{lowerTableInfo}")
public class $!{tableInfo.name} extends BaseDomain {

##实现列进行排除
#set($temp = $tool.newHashSet("id"))
#foreach($item in $temp)
    #set($newList = $tool.newArrayList())
    #foreach($column in $tableInfo.fullColumn)
        #if($column.name!=$item)
        ##带有反回值的方法调用时使用$tool.call来消除返回值
            $tool.call($newList.add($column))
        #end
    #end
##重新保存
    $tableInfo.setFullColumn($newList)
#end

#foreach($column in $tableInfo.fullColumn)
    #if(${column.comment})//${column.comment}#end
    private $!{tool.getClsNameByFullName($column.type)} $!{column.name};
#end

#foreach($column in $tableInfo.fullColumn)
##使用宏定义实现get,set方法
    #getSetMethod($column)
#end
}

完成后可以查询生成代码,没有问题继续!

4.2.Query查询对象

这个我们可以参考默认代码中的service等地方

##定义初始变量
#set($tableName = $tool.append($tableInfo.name, "Query"))
##设置文件名
$!callback.setFileName($tool.append($tableName, ".java"))
##设置文件保存的位置(依然是从src开始)
$!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/query"))

##拿到首字母小写的表单
#set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))

##引入相应的包
#if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}query;
##使用全局变量实现默认包导入
$!autoImport
import cn.itsource.zx.domain.$!{tableInfo.name};
import com.github.wenhao.jpa.Specifications;
import org.apache.commons.lang3.StringUtils;
import org.springframework.data.jpa.domain.Specification;

public class $!{tableInfo.name}Query extends BaseQuery {
	##注:如果生成的表没有name,这里会报错,遇到这种情况请把它删除
    private String name;
    @Override
    public Specification createSpecification() {
        //根据条件把数据返回即可
        return  Specifications.<$!{tableInfo.name}>and()
                .like(StringUtils.isNotBlank(name),"name", "%"+name+"%")
                .build();
    }

    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
}

4.3.Repository数据层

其实代码都差不多,只需要把相应位置的名称替换了即可

##定义初始变量
#set($tableName = $tool.append($tableInfo.name, "Repository"))
##设置回调
$!callback.setFileName($tool.append($tableName, ".java"))
$!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/repository"))

##拿到首字母小写的表单
#set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))

##引入相应的包
#if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}repository;
import cn.itsource.zx.domain.$!{tableInfo.name};

public interface $!{tableInfo.name}Repository extends BaseRepository<$!{tableInfo.name},Long>{
}

4.4.IXxxService业务层接口

##定义初始变量
#set($tableName = $tool.append("I",$tableInfo.name, "Service"))
##设置回调
$!callback.setFileName($tool.append($tableName, ".java"))
$!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/service"))

##拿到首字母小写的表单
#set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))

##引入相应的包
#if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}service;

import cn.itsource.zx.domain.$!{tableInfo.name};

public interface I$!{tableInfo.name}Service extends IBaseService<$!{tableInfo.name},Long> {

}

4.5.XxxService

##定义初始变量
#set($tableName = $tool.append($tableInfo.name, "ServiceImpl"))
##设置回调
$!callback.setFileName($tool.append($tableName, ".java"))
$!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/service/impl"))

##拿到首字母小写的表单
#set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))

##引入相应的包
#if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}service.impl;

import cn.itsource.zx.domain.$!{tableInfo.name};
import cn.itsource.zx.repository.$!{tableInfo.name}Repository;
import cn.itsource.zx.service.I$!{tableInfo.name}Service;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service
public class $!{tableInfo.name}ServiceImpl extends BaseServiceImpl<$!{tableInfo.name},Long> implements I$!{tableInfo.name}Service {

    @Autowired
    private $!{tableInfo.name}Repository $!{lowerTableInfo}Repository};
}

4.6.Test基本测试生成

##定义初始变量
#set($tableName = $tool.append($tableInfo.name, "ServiceTest"))
##设置回调
$!callback.setFileName($tool.append($tableName, ".java"))
$!callback.setSavePath($tool.append($tableInfo.savePath, "/test/java/cn/itsource/zx/service"))

##拿到首字母小写的表单
#set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))

##引入相应的包
#if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}service;

import cn.itsource.zx.domain.$!{tableInfo.name};
import org.junit.Test;
import org.springframework.beans.factory.annotation.Autowired;

import java.util.List;

public class $!{tableInfo.name}ServiceTest extends BaseServiceTest {

    @Autowired
    private I$!{tableInfo.name}Service $!{lowerTableInfo}Service;

    @Test
    public void findAll(){
        System.out.println($!{lowerTableInfo}Service);
        System.out.println($!{lowerTableInfo}Service.getClass());

        List<$!{tableInfo.name}> $!{lowerTableInfo}s = $!{lowerTableInfo}Service.findAll();
        for ($!{tableInfo.name} $!{lowerTableInfo} : $!{lowerTableInfo}s) {
            System.out.println($!{lowerTableInfo});
        }
    }
}

4.7.XxxController:控制层

需要替换的太多,大家可以选拷备出去替换了后再重新进行操作
去掉多余的东西(如department相关与用户名验证功能)

##定义初始变量
#set($tableName = $tool.append($tableInfo.name, "Controller"))
##设置回调
$!callback.setFileName($tool.append($tableName, ".java"))
$!callback.setSavePath($tool.append($tableInfo.savePath, "/main/java/cn/itsource/zx/web/controller"))

##拿到首字母小写的表单
#set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))

##引入相应的包
#if($tableInfo.savePackageName)package $!{tableInfo.savePackageName}.#{end}web.controller;

import cn.itsource.zx.common.UiPage;
import cn.itsource.zx.domain. $!{tableInfo.name};
import cn.itsource.zx.query. $!{tableInfo.name}Query;
import cn.itsource.zx.service.I $!{tableInfo.name}Service;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.HashMap;
import java.util.Map;

@Controller
@RequestMapping("/$!{lowerTableInfo}")
public class $!{tableInfo.name}Controller extends BaseController {

    @Autowired
    private I$!{tableInfo.name}Service $!{lowerTableInfo}Service;

    @RequestMapping("/index")
    public String index() {
        //根据配置,这里会跳到/WEB-INF/views/$!{lowerTableInfo}/$!{lowerTableInfo}.jsp页面
        return "$!{lowerTableInfo}/$!{lowerTableInfo}";
    }
    //查询分页数据
    @RequestMapping("/page")
    @ResponseBody
    public UiPage page($!{tableInfo.name}Query query){
        return new UiPage($!{lowerTableInfo}Service.findPageByQuery(query));
    }


    //这里准备一个方法,所有方法执行前都会执行它
    @ModelAttribute("edit $!{tableInfo.name}")
    public $!{tableInfo.name} beforeEdit(Long id, String cmd){
        //有id的时候-> 修改功能
        if(id!=null && "update".equals(cmd)) {
             $!{tableInfo.name} $!{lowerTableInfo} = $!{lowerTableInfo}Service.findOne(id);
            //把这个要修改的关联对象设置为null,可以解决n-to-n的问题
            return $!{lowerTableInfo};
        }
        return null;
    }

    //添加
    @RequestMapping("/save")
    @ResponseBody
    public Map<String,Object> save($!{tableInfo.name} $!{lowerTableInfo}){
        return saveOrUpdate($!{lowerTableInfo});
    }

    //修改
    @RequestMapping("/update")
    @ResponseBody
    public Map<String,Object> update(@ModelAttribute("edit $!{tableInfo.name}") $!{tableInfo.name} $!{lowerTableInfo}){
        return saveOrUpdate($!{lowerTableInfo});
    }

    //添加或者修改
    private Map<String,Object> saveOrUpdate( $!{tableInfo.name} $!{lowerTableInfo}){
        Map<String,Object> map = new HashMap<>();
        try {
            $!{lowerTableInfo}Service.save($!{lowerTableInfo});
            map.put(SUCCESS, true);
        } catch (Exception e) {
            e.printStackTrace();
            map.put(SUCCESS, false);
            map.put("msg", e.getMessage());
        }
        return map;
    }

    /**
     * 返回的结果:{SUCCESS:true,msg:"原因..."}
     * @param id
     * @return
     */
    @RequestMapping("/delete")
    @ResponseBody
    public Map delete(Long id){
        Map<String,Object> map = new HashMap<>();
        try {
            $!{lowerTableInfo}Service.delete(id);
            map.put(SUCCESS, true);
        } catch (Exception e) {
            e.printStackTrace();
            map.put(SUCCESS, false);
            map.put("msg", e.getMessage());
        }
        return map;
    }
}

4.8.xxx.jsp 页面展示

##定义初始变量
#set($tableName = $tool.append($tableInfo.name))
##拿到首字母小写的表单
#set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))

##设置回调
$!callback.setFileName($tool.append($lowerTableInfo, ".jsp"))
$!callback.setSavePath($tool.append($tableInfo.savePath, "/main/webapp/WEB-INF/views/${lowerTableInfo}"))

##实现列进行排除
#set($temp = $tool.newHashSet("id"))
#foreach($item in $temp)
    #set($newList = $tool.newArrayList())
    #foreach($column in $tableInfo.fullColumn)
        #if($column.name!=$item)
        ##带有反回值的方法调用时使用$tool.call来消除返回值
            $tool.call($newList.add($column))
        #end
    #end
##重新保存
    $tableInfo.setFullColumn($newList)
#end

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>$!{lowerTableInfo}管理</title>
    <%@include file="/WEB-INF/views/head.jsp" %>
    <script type="text/javascript" src="/js/model/$!{lowerTableInfo}.js"></script>
</head>
<body>
<table id="$!{lowerTableInfo}Grid" class="easyui-datagrid" data-options="fit:true,fixed:true,fitColumns:true,toolbar:'#tb',singleSelect:true,onRowContextMenu:showMenu"
       url="/$!{lowerTableInfo}/page"
       iconCls="icon-save"
       enableHeaderClickMenu="true"
       rownumbers="true" pagination="true"
    >
    <thead>
    ##这里是遍历所有相应的字段
    <tr>
         #foreach($column in $tableInfo.fullColumn)
            <th width="20"  field="$column.name" sortable="true">$column.name</th>
        #end
    </tr>
    </thead>
</table>
<div id="tb" style="padding:5px;height:auto">
    <!-- 这部分是加上增删改的按键:现在没有功能,我们先不管它 -->
    <div style="margin-bottom:5px">
        <a href="#"  data-method="add" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
        <a href="#"  data-method="edit" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
        <a href="#"  data-method="del" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
    </div>
    <!-- 这部门是查询的功能 -->
    <div>
        <form id="searchForm" action="/$!{lowerTableInfo}/download" method="post">
            名称: <input name="name" class="easyui-textbox" style="width:80px;height:32px">
        </form>
    </div>
</div>

<!-- 弹出相应的功能框 -->
<div id="$!{lowerTableInfo}Dialog" class="easyui-dialog" title="数据操作" data-options="closed:true,modal:true"  style="width:400px;padding:10px">
    <form id="$!{lowerTableInfo}Form" method="post">
        <input id="$!{lowerTableInfo}Id" type="hidden" name="id">
        <table cellpadding="5">
         #foreach($column in $tableInfo.fullColumn)
            <tr>
                <td>$column.name:</td>
                <td><input class="easyui-validatebox" type="text" name="$column.name"></input></td>
            </tr>
          #end
        </table>
        <div style="text-align:center;padding:5px">
            <a href="javascript:void(0)" class="easyui-linkbutton" data-method="save">提交</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#$!{lowerTableInfo}Dialog').dialog('close')">取消</a>
        </div>
    </form>
</div>

<div id="gridMenu" class="easyui-menu" style="width:120px;">
    <div data-options="iconCls:'icon-add'"  data-method="add" >添加</div>
    <div data-options="iconCls:'icon-edit'"  data-method="edit">修改</div>
    <div data-options="iconCls:'icon-remove'" data-method="del">删除</div>
</div>
</body>
</html>

4.9.Xxx.js

注意:拷备Employee实现后删除多余的内容(如department与一些format代码)

##定义初始变量
#set($tableName = $tool.append($tableInfo.name))
##拿到首字母小写的表单
#set($lowerTableInfo = $tool.firstLowerCase($!{tableInfo.name}))

##设置回调
$!callback.setFileName($tool.append($lowerTableInfo, ".js"))
$!callback.setSavePath($tool.append($tableInfo.savePath, "/main/webapp/js/model"))

$(function () {

    //这里我们把很多会常用到的元素进行一个抽取
    var searchForm = $("#searchForm");
    var $!{lowerTableInfo}Grid = $("#$!{lowerTableInfo}Grid");
    var $!{lowerTableInfo}Dialog = $("#$!{lowerTableInfo}Dialog");
    var $!{lowerTableInfo}Form = $("#$!{lowerTableInfo}Form");

    //只要a标签中有data-method属性,咱们就给它添加事件
    //  执行对应的itsource中的事件
    $("*[data-method]").on("click",function () {
        itsource[$(this).data("method")]();
    })

    window.itsource={
        search:function () {
            //需要先引入 jquery.jdirk.js 才可以使用这个方法
            var params = searchForm.serializeObject();
            $!{lowerTableInfo}Grid.datagrid('load',params);
        },
        add:function () {
            //隐藏有data-save属性的元素
            $("*[data-save]").show();
            //禁用有data-save属性的input元素的验证功能
            $("*[data-save] input").validatebox("enableValidation");
            //弹出表单窗口
            $!{lowerTableInfo}Form.form("clear");//清除数据
            $!{lowerTableInfo}Dialog.dialog("center").dialog("open");
        },
        edit:function () {
            //弹出表单窗口
            //选中了某一条数据才删除
            var row = $!{lowerTableInfo}Grid.datagrid("getSelected");
            if(row) {
                //隐藏有data-save属性的元素
                $("*[data-save]").hide();
                //禁用有data-save属性的input元素的验证功能
                $("*[data-save] input").validatebox("disableValidation");

                $!{lowerTableInfo}Form.form("clear");//清除数据
                $!{lowerTableInfo}Dialog.dialog("center").dialog("open");
                //为form加载数据
                $("#$!{lowerTableInfo}Form").form("load",row);
            }else{
                $.messager.alert('提示信息','请选择一行再进行修改!','info');
            }
        },
        del:function () {
            //拿到选中的这条数据
            var row = $!{lowerTableInfo}Grid.datagrid("getSelected");
            if(row){
                $.messager.confirm('确认框', '确定要狠心删除我么?', function(r){
                    if (r){
                        //进行删除
                        $.get("/$!{lowerTableInfo}/delete",{id:row.id},function (result) {
                            if(result.success){
                                $('#$!{lowerTableInfo}Grid').datagrid('reload');
                            }else{
                                //alert("删除失败");
                                $.messager.alert('提示信息','删除失败!,原因:'+result.msg,"error");
                            }
                        })
                    }
                });

            }else{
                $.messager.alert('提示信息','请选择一行再进行删除!','info');
            }
        },
        save:function () {
            var url  = "/$!{lowerTableInfo}/save";
            var id = $("#$!{lowerTableInfo}Id").val();
            if(id){
                url = "/$!{lowerTableInfo}/update?cmd=update";
            }
            $!{lowerTableInfo}Form.form('submit', {
                url:url,
                onSubmit: function(){
                    //做验证
                    return $("#$!{lowerTableInfo}Form").form("validate");
                },
                success:function(data){
                    var result = JSON.parse(data);//转成相应的json数据
                    if(result.success) {
                        $('#$!{lowerTableInfo}Grid').datagrid('reload');
                    }else{
                        $.messager.alert('提示信息','操作失败!,原因:'+result.msg,"error");
                    }
                    $!{lowerTableInfo}Dialog.dialog('close');
                }
            })
        }
    }
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值