2024年最全【一键生成代码】从vue到java再到groovy(1)，互联网大厂面试题库

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

我们在平时开发业务代码时，必然涉及到大量的拷贝工作，比如新创建的表，要实现增删改查，如果没有代码生成器，那么是很痛苦的。

好在mybatis就提供了逆向工程提高我们的编码效率，在后面的mybatis-plus对其进行了封装，更加简化了代码生成额流程。

那么想不想要一条可以在页面ui操作的代码生成器呢？比如说从数据库结构的groovy文件，到java代码，甚至到前端vue的基础增删改查界面？

本文使用mybatis-plus-generator提供的能力，结合velocity模板引擎，实现了上面我们提到的能力，相信对于你自己的管理系统开发过程， 能有很大的帮助。

二、开始干活

======

本文是依赖于mybatis-plus，请先确保你的项目已经完成了mybatis-plus的集成，没有的同学移步我前面的文章。

2.1 工程准备

---

为什么有这一小节?因为我的生成代码的工程在我的项目中是一个单独的模块，有独立的数据库连接，独立的依赖等。

这么做的好处是，此模块作为一个服务，与其他服务解耦，可以注册在注册中心，可以被网关的接口文档发现到，更可以为我们日后作为可ui操作代码生成器做准备。如果你非要和其他项目放在一起也没有任何问题。

如上所示是我的工程结构，此工程是作为一个moudle存在的。关于如何创建moudle，这里不介绍了吧，不知道的可以私聊，我可以手把手教你。或者看本文的源码，地址在开篇。

2.2 依赖准备

---

基于maven，springboot开发的项目，重要的就是依赖，我们先添加需要的依赖。

主要依赖：

com.baomidou

mybatis-plus-generator

3.5.0

org.apache.velocity

velocity-engine-core

2.3

复制代码

辅助开发的依赖，如果你不习惯使用可以自己修改成其他工具类：

commons-io

commons-io

2.11.0

org.projectlombok

lombok

1.18.22

cn.hutool

hutool-all

5.7.19

复制代码

2.3 准备velocity模板

---

不知道同学们用没用过velocity模板引擎，从这个名字就能看出来，它是通过模板的形式，定义我们需要的内容，然后通过指定字符变量去替换关键字。

其实Freemarker也是比较出名的模板引擎，以前前后端未分离时经常见到，结合mybatis-plus-generator同样能够做到本文需要的效果。

我在resources下面创建了一个文件夹template，用来存放我们需要的模板：

从上到下分别是：

• Api.js.vm vue中api.js对应的模板

• Client.java.vm springCloud服务调用的Client

• Controller.java.vm 控制器

• Convert.java.vm 实体类转换器，例如DTO <-> DO

• DTO.java.vm DTO 接口和页面传递

• Entity.java.vm DO 服务层和数据库传递

• Groovy.vm 针对liquiBase用户，生成自动初始化数据库的Groovy文件(手写很烦)

• Html.vue.vm vue的页面

• Mapper.java.vm Mapper映射

• Service.java.vm 服务接口

• ServiceImpl.java.vm 接口实现

以上这些都是可以自定义的，需要多少就可以添加多少。

下面看下vue中Api.js的内容：

import request from ‘@/utils/request’

var service_name = ‘/${serviceName}’

/**

• @description: 分页列表

• @author ${author}

• @date ${date}

*/

export function getPage${className}(data) {

return request({

url: service_name+ ‘/${classname}/pageList’,

method: ‘post’,

data

})

}

/**

• @description: 新增

• @author ${author}

• @date ${date}

*/

export function create(data) {

return request({

url: service_name+ ‘/${classname}/save’,

method: ‘post’,

data

})

}

/**

• @description: 更新

• @author ${author}

• @date ${date}

*/

export function update(data) {

return request({

url: service_name+ ‘/${classname}/update’,

method: ‘post’,

data

})

}

复制代码

如上所示，${serviceName},${classname},${author}等分别表示服务的驼峰名称，类的小写名称以及作者，代码生成是会根据选的表进行替换，这些替换符的名称也是自己进行指定的。

下面在随便看几个：

• Client.java.vm

package ${package}.api;

import com.cloud.bssp.util.R;

import $package.dto.${className}DTO;

import org.springframework.cloud.openfeign.FeignClient;

import org.springframework.web.bind.annotation.GetMapping;

import org.springframework.web.bind.annotation.PostMapping;

import org.springframework.web.bind.annotation.RequestBody;

import org.springframework.web.bind.annotation.RequestParam;

import java.util.Map;

/**

• Description: ${comments}

• Create Date: ${date}

• Modified By：
  

• Modified Date：
  

• Why & What is modified：
  

• @author ${author}

• @version ${version}

*/

@FeignClient(name = “$serviceName",path="/${pathName}”, contextId = “base”)

public interface ${className}Client {

/**

• 分页列表

• @param params

• @return

*/

@PostMapping(“/pageList”)

R pageList(@RequestBody Map<String, Object> params);

/**

• list列表

• @param ${classname}DTO

• @return

*/

@PostMapping(“/list”)

R list(@RequestBody ${className}DTO ${classname}DTO);

/**

• 根据主键查询

• @param id

• @return

*/

@GetMapping(“/info/getById”)

R info(@RequestParam(“id”) Long id);

/**

• 新增

• @param ${classname}DTO

• @return

*/

@PostMapping(“/save”)

R save(@RequestBody ${className}DTO ${classname}DTO);

/**

• 更新

• @param ${classname}DTO

• @return

*/

@PostMapping(“/update”)

R update(@RequestBody ${className}DTO ${classname}DTO);

}

复制代码

• DTO.java.vm

package ${package}.dto;

import com.cloud.bssp.util.BaseDTO;

import com.fasterxml.jackson.annotation.JsonFormat;

import io.swagger.annotations.ApiModel;

import io.swagger.annotations.ApiModelProperty;

#foreach ($column in $columns)

#if($column.attrType == ‘LocalDate’)

import java.time.LocalDate;

#break

#end

#end

#foreach ($column in $columns)

#if($column.attrType == ‘LocalDateTime’)

import java.time.LocalDateTime;

#break

#end

#end

import lombok.Data;

/**

• Description: ${comments}

• Create Date: ${date}

• @author ${author}

• @version ${version}

*/

@Data

@ApiModel(value = “$classNameDTO",description="数据传输对象${className}DTO”)

public class ${className}DTO extends BaseDTO {

#foreach ($column in $columns)

/**

• $column.comments

*/

@ApiModelProperty(notes = “$column.comments”)

#if($column.attrname == ‘id’ || $column.attrname.indexOf(‘Id’) != -1)

@JsonFormat(shape = JsonFormat.Shape.STRING)

#end

#if (“date” == $column.dataType)

@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = “yyyy-MM-dd”)

#end

#if (“datetime” == $column.dataType)

@JsonFormat(shape = JsonFormat.Shape.STRING, pattern = “yyyy-MM-dd HH:mm:ss”)

#end

private $column.attrType $column.attrname;

#end

}

复制代码

2.4 功能分析

---

下面简单分析下我的这套代码生成器的功能，从代码接口层面看主要有两个：

• 生成规则

简单来说就是生成代码时指定的一些内容，比如作者，包路径，是否去除表前缀等等。

这是一套完成的增删改查功能，前端可以直接接入。

实体类如下：

/**

• Module: GenerateRulesDO.java

• @author weirx

• @since JDK 1.8

• @version 1.0

• @date 2020-07-17T10:00:32.925

• @Descriptions:

*/

@Data

@TableName(value = “bssp_generate_rules”)

public class GenerateRulesDO {

/**

• 主键

*/

@TableId(value = “id”, type = IdType.AUTO)

private Long id;

/**

• 作者

*/

private String author;

/**

• 包名

*/

private String packageName;

/**

• 服务名

*/

最后

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】