最后
全网独播-价值千万金融项目前端架构实战
从两道网易面试题-分析JavaScript底层机制
RESTful架构在Nodejs下的最佳实践
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
一线互联网企业如何初始化项目-做一个自己的vue-cli
思维无价，看我用Nodejs实现MVC
代码优雅的秘诀-用观察者模式深度解耦模块
前端高级实战，如何封装属于自己的JS库
VUE组件库级组件封装-高复用弹窗组件
为什么有这一小节?因为我的生成代码的工程在我的项目中是一个单独的模块，有独立的数据库连接，独立的依赖等。
这么做的好处是，此模块作为一个服务，与其他服务解耦，可以注册在注册中心，可以被网关的接口文档发现到，更可以为我们日后作为可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.vmvue中api.js对应的模板 -
Client.java.vmspringCloud服务调用的Client -
Controller.java.vm控制器 -
Convert.java.vm实体类转换器，例如DTO <-> DO -
DTO.java.vmDTO 接口和页面传递 -
Entity.java.vmDO 服务层和数据库传递 -
Groovy.vm针对liquiBase用户，生成自动初始化数据库的Groovy文件(手写很烦) -
Html.vue.vmvue的页面 -
Mapper.java.vmMapper映射 -
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 p a c k a g e . d t o . {package}.dto. 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 = “ s e r v i c e N a m e " , p a t h = " / {serviceName}", path = "/ 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 = “ c l a s s N a m e D T O " , d e s c r i p t i o n = " 数据传输对象 {className}DTO", description = "数据传输对象 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;
/**
- 服务名
*/
private String serviceName;
/**
- 是否忽略前缀 1是0否
*/
private Integer isIgnorePrefix;
/**
- 表前缀
*/
private String tablePrefix;
/**
- 创建时间
*/
@TableField(fill = FieldFill.INSERT)
@JSONField(format = “yyyy-MM-dd HH:mm:ss”)
private LocalDateTime createTime;
/**
最后前端到底应该怎么学才好？
如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。
不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
扫一扫
5010
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
