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.开发步骤
- 准备模板(把每个模块需要改的地方确定好)
- 确定所有模板的生成顺序
- 确定所有模板的生成位置
- 确定要生成的基本功能的domain(Dept)
- 根据Domain名称与模板结合,在相应位置生成文件
- 解决如果父文件夹不存在的问题
- 解决如果文件已经存在的问题
- 排错(有错先改模板)可以将本地的图片直接拖拽到编辑区域直接展示;
2.2.准备模板
我们需要生成多少个文件,我就得准备多少个模板。把所有Employee对应的文件都拷备一份到相应的位置(并改名为Domain):(注意:大写与小写的替换)
把模板中的文件进行修改,操作的时候一定要小心,注意大小写的转换。
留下一个最基础的name字段,其它的多余功能全部去掉。
注意(Employee中关于部门的操作都需要去掉),替换的位置$不要值不要出现前后空格
2.3.确定顺序
确定修改的顺序(这个顺序你根据自己的习惯决定即可)
- src/main/java/cn/itsource/pss/query/DomainQuery.java
- src/main/java/cn/itsource/pss/repository/DomainRepository.java
- src/main/java/cn/itsource/pss/service/IDomainService.java
- src/main/java/cn/itsource/pss/service/impl/DomainServiceImpl.java
- src/main/java/cn/itsource/pss/web/controller/DomainController.java
- src/main/test/cn/itsource/pss/service/DomainServiceTest.java
- src/main/webapp/js/model/domain.js
- 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.支持的数据库类型
- MySQL
- SQL Server
- Oracle
- PostgreSQL
- qlite
- Sybase
- Derby
- DB2
- HSQLDB
- 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');
}
})
}
}
})