基于Spring Boot、Vue.js 实现代码快速生成平台

最新推荐文章于 2024-03-29 22:35:26 发布
最新推荐文章于 2024-03-29 22:35:26 发布
阅读量1.4k 收藏
点赞数
分类专栏： Springboot MySQl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pyycsd/article/details/102257936
版权

### 项目介绍

thtf代码生成器，可以通过界面配置快速生成包括 model，dao，service，controller 以及vue页面的相关代码。


### 软件架构

#### [](https://gitee.com/liuge1988/kitty-generator#%E5%90%8E%E7%AB%AF%E6%9E%B6%E6%9E%84)后端架构

##### [](https://gitee.com/liuge1988/kitty-generator#%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83)开发环境

*   IDE : IDEA
*   JDK : JDK1.8.x
*   Maven : Maven 3.6.x
*   MySQL: MySQL 5.7.x

##### 技术选型

*   核心框架：Spring Boot 2.x
*   视图框架：Spring MVC 5.x
*   持久层框架：MyBatis 3.x
*   模板技术：beetl 1.1.68
*   XML解析：dom4j 1.6.x
*   JSON工具：fastjson 1.2.x

#### 前端架构
##### 开发环境
*   IDE : IntelliJ IDEA
*   NODE: Node 8.9.x
*   NPM : NPM 6.4.x

##### 技术选型

*   前端框架：Vue 2.x
*   页面组件：Element 2.x
*   状态管理：Vuex 2.x
*   后台交互：axios 0.18.x
*   图标使用：Font Awesome 4.x

### 使用说明
1. 配置数据源
![](https://upload-images.jianshu.io/upload_images/11464886-b94496a0482d11d7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
【测试】连接，【保存】

2. 单击 【单表查询】 - 【选择要生成的表】
![](https://upload-images.jianshu.io/upload_images/11464886-4513feb3b07f7ef4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![](https://upload-images.jianshu.io/upload_images/11464886-ffd27446086c1dc2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

3. 配置包名和生成代码位置，【生成代码】
![](https://upload-images.jianshu.io/upload_images/11464886-153ebb875c8630b0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

### 
代码样例

#### Controller 代码样例
```
package com.thtf.output.controller;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
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.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

import com.louis.kitty.core.http.HttpResult;
import com.louis.kitty.core.page.PageRequest;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiImplicitParam;
import io.swagger.annotations.ApiImplicitParams;
import io.swagger.annotations.ApiOperation;
import javax.validation.Valid;
import javax.validation.constraints.NotBlank;
import com.thtf.output.model.Resources;
import com.thtf.output.service.ResourcesService;

/**
 * ---------------------------
 * 资源 (ResourcesController)         
 * ---------------------------
 * 作者：  
 * 时间：  2019-09-30 10:30:42
 * 版本：  v1.0
 * ---------------------------
 */
@Api(value = "ResourcesController", description = "资源相关接口")
@RestController
@RequestMapping("/v1")
public class ResourcesController {

    @Autowired
    private ResourcesService resourcesService;

   /**
     * 保存资源
     * @param record
     * @return
     */
    @ApiOperation(value = "保存资源", notes = "保存资源接口")
    @ApiImplicitParams({
            @ApiImplicitParam(name = "record", value = "资源对象", required = true, dataType = "Resources", paramType = "body")
    })
    @PostMapping("/resources")
    public Result save(@Valid @RequestBody ResourcesSaveOrUpdateVO record) {
        resourcesService.save(record);
        return Result.SUCCESS();
    }

   /**
     * 修改资源
     * @param id
     * @param record
     * @return
     */
    @ApiOperation(value = "修改资源", notes = "修改资源接口")
    @ApiImplicitParams({
            @ApiImplicitParam(name = "id", value = "资源ID", required = true, dataType = "String", paramType = "path"),
            @ApiImplicitParam(name = "record", value = "资源对象", required = true, dataType = "Resources", paramType = "body")
    })
    @PutMapping("/resources/{id}")
    public Result update(@Valid @PathVariable(value = "id") String id, @RequestBody ResourcesSaveOrUpdateVO record) {
        resourcesService.update(id, record);
        return Result.SUCCESS();
    }

    /**
     * 删除资源
     * @param id
     * @return
     */
    @ApiOperation(value = "修改资源", notes = "修改资源接口")
    @ApiImplicitParams({
            @ApiImplicitParam(name = "id", value = "资源ID", required = true, dataType = "String", paramType = "path")
    })
    @DeleteMapping("/resources/{id}")
    public Result delete(@Valid @PathVariable(value = "id") String id) {
        resourcesService.delete(id);
        return Result.SUCCESS();
    }

    /**
     * 根据主键查询
     * @param id
     * @return
     */
    @GetMapping("/resources")
    public Result<ResourcesVO> findById(@Valid @PathVariable(value = "id") String id) {
        ResourcesVO queryResult = resourcesService.findById(id);
        return Result.SUCCESS(queryResult);
    }

    /**
     * 资源分页模糊查询
     * @param page
     * @param size
     * @return
     */
    @ApiOperation(value = "外部数据源分页列表查询", notes = "外部数据源分页列表查询接口")
    @ApiImplicitParams({
            @ApiImplicitParam(name = "page", value = "当前页码", required = true, dataType = "int", paramType = "query"),
            @ApiImplicitParam(name = "size", value = "分页尺寸", required = true, dataType = "int", paramType = "query")
    })
    @GetMapping("/resourcess/page")
    public Result<QueryResult<ResourcesVO>> listByPageAndParam(ResourcesQueryConditionVO queryConditionVO,
                                     @RequestParam("page") Integer page,
                                     @RequestParam("size") Integer size) {
        QueryResult<ResourcesVO> queryResult = labelService.listByPageAndParam(queryConditionVO, page, size);
        return Result.SUCCESS(queryResult);
    }
    
}
```
#### Service和ServiceImpl 代码样例
```
package com.thtf.output.service;

import com.thtf.output.model.Resources;

/**
 * ---------------------------
 * 资源 (ResourcesService)         
 * ---------------------------
 * 作者：  
 * 时间：  2019-09-30 10:30:42
 * 版本：  v1.0
 * ---------------------------
 */
public interface ResourcesService {
    /**
     * 资源保存
     *
     * @param ResourcesSaveOrUpdateVO
     */
    public void save(ResourcesSaveOrUpdateVO resourcesSaveOrUpdateVO);

    /**
     * 资源修改
     *
     * @param id
     * @param ResourcesSaveOrUpdateVO
     */
    public void update(String id, ResourcesSaveOrUpdateVO resourcesSaveOrUpdateVO);

    /**
     * 资源删除
     *
     * @param id
     */
    public void delete(String id);

    /**
     * 根据资源ID查询
     *
     * @param id
     */
    public ResourcesVO findById(String id);

    /**
     * 资源分页模糊查询
     * @param queryConditionVO
     * @param page
     * @param size
     * @return
     */
    public QueryResult<ResourcesVO> listByPageAndParam(ResourcesQueryConditionVO queryConditionVO, Integer page, Integer size);
}
```
ServiceImpl
```
package com.thtf.output.service.impl;

import com.alibaba.fastjson.JSON;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Isolation;
import org.springframework.transaction.annotation.Propagation;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.util.CollectionUtils;
import tk.mybatis.mapper.entity.Example;

import java.sql.Timestamp;
import java.util.ArrayList;
import java.util.List;
import java.util.stream.Collectors;


import com.thtf.output.model.*;
import com.thtf.output.vo.*;
import com.thtf.output.dao.ResourcesMapper;

/**
 * ---------------------------
 * 资源 (ResourcesServiceImpl)         
 * ---------------------------
 * 作者：  
 * 时间：  2019-09-30 10:30:42
 * 版本：  v1.0
 * ---------------------------
 */
@Slf4j
@Service
@Transactional(propagation = Propagation.REQUIRED,isolation = Isolation.DEFAULT,timeout=36000,rollbackFor=Exception.class)
public class ResourcesServiceImpl implements ResourcesService {

    @Autowired
    private ResourcesMapper resourcesMapper;

    /**
     * 资源保存
     *
     * @param ResourcesSaveOrUpdateVO
     */
    @Override
    public void save(ResourcesSaveOrUpdateVO resourcesSaveOrUpdateVO) {
        // 保存资源
        Resources resourcesModel = new Resources();
        BeanUtils.copyProperties(resourcesSaveOrUpdateVO, resourcesModel);
        resourcesModel.setId(SnowflakeId.getId() + "");
        resourcesModel.setCreateId(UserUtil.getUserId());
        resourcesModel.setCreateName(UserUtil.getUsername());
        resourcesModel.setCreateTime(new Timestamp(System.currentTimeMillis()));
        resourcesModel.setDeleteFlag(Constants.UN_DELETED);

        resourcesMapper.insert(resourcesModel);
        log.info("### 资源保存成功 ###");
    }

    /**
     * 资源修改
     *
     * @param id
     * @param ResourcesSaveOrUpdateVO
     */
    @Override
    public void update(String id, ResourcesSaveOrUpdateVO resourcesSaveOrUpdateVO) {
        Resources resourcesModel = resourcesMapper.selectByPrimaryKey(id);
        if (resourcesModel == null) {
            throw new CustomException(ResultCode.RESULT_DATA_NONE, "资源");
        }

        // 修改
        BeanUtils.copyProperties(resourcesSaveOrUpdateVO, resourcesModel);
        resourcesModel.setUpdateId(UserUtil.getUserId());
        resourcesModel.setUpdateName(UserUtil.getUsername());
        resourcesModel.setUpdateTime(new Timestamp(System.currentTimeMillis()));

        resourcesMapper.updateByPrimaryKey(resourcesModel);
        log.info("### 资源修改成功 ###");
    }

   /**
    * 资源删除
    *
    * @param id
    */
    @Override
    public void delete(String id) {
        Resources resourcesModel = resourcesMapper.selectByPrimaryKey(id);
        if (resourcesModel == null) {
            throw new CustomException(ResultCode.RESULT_DATA_NONE, "资源,id=" + id);
        }

        // 逻辑删除
        Resources resourcesModel = new Resources();
        resourcesModel.setId(id);
        resourcesModel.setUpdateId(UserUtil.getUserId());
        resourcesModel.setUpdateName(UserUtil.getUsername());
        resourcesModel.setUpdateTime(new Timestamp(System.currentTimeMillis()));
        resourcesModel.setDeleteFlag(Constants.DELETED);

        resourcesMapper.updateByPrimaryKeySelective(resourcesModel);
        log.info("### 资源逻辑删除成功 ###");
    }

   /**
    * 根据资源ID查询
    *
    * @param id
    */
    @Override
    public ResourcesVO findById(String id) {
        Resources resourcesModel = resourcesMapper.selectByPrimaryKey(id);
        if (resourcesModel == null) {
            throw new CustomException(ResultCode.RESULT_DATA_NONE, "资源,id=" + id);
        }
        log.info("### 资源查询成功, resources={}###", JSON.toJSONString(resources));
        // model转换vo
        ResourcesVO resourcesVO = new Resources();
        BeanUtils.copyProperties(resourcesModel, resourcesVO);
        log.info("### 资源Model转换VO成功， resourcesVO={}###", resourcesVO);
        return resourcesVO;
    }

    /**
     * 资源分页模糊查询
     * @param queryConditionVO
     * @param page
     * @param size
     * @return
     */
    @Override
    public QueryResult<ResourcesVO> listByPageAndParam(ResourcesQueryConditionVO queryConditionVO, Integer page, Integer size) {
        // 分页查询
        page = page == null || page <= 0 ? 1 : page;
        size = size == null || size <= 0 ? 10 : size;
        PageHelper.startPage(page, size);
        List<Resources> resourcesList = resourcesMapper.selectByPageAndParam(queryConditionVO);
        // 获取分页后数据
        PageInfo<Resources> pageInfo = new PageInfo<>(resourcesList);
        log.info("### 资源分页查询完毕,总条数：{} ###", pageInfo.getTotal());

        List<ResourcesVO> resourcesVOList = new ArrayList<>();
        // 补全数据
        resourcesList.forEach(resources -> {
            ResourcesVO resourcesVO = new ResourcesVO();
            BeanUtils.copyProperties(resources, resourcesVO);
            resourcesVOList.add(resourcesVO);
        });
        log.info("### 资源Model转换VO数据完毕###");

        // 封装需要返回的实体数据
        QueryResult queryResult = new QueryResult();
        queryResult.setTotal(pageInfo.getTotal());
        queryResult.setList(resourcesVOList);

        return queryResult;
    }
}

```

#### dao代码
```
package com.thtf.output.dao;

import java.util.List;

import com.thtf.output.model.Resources;
import tk.mybatis.mapper.common.Mapper;
import com.thtf.output.vo.*;
import com.thtf.output.model.*;

/**
 * ---------------------------
 * 资源 (ResourcesMapper)         
 * ---------------------------
 * 作者：  
 * 时间：  2019-09-30 10:30:42
 * 版本：  v1.0
 * ---------------------------
 */
public interface ResourcesMapper extends Mapper<Resources>{

    List<Resources> selectByPageAndParam(ResourcesQueryConditionVO queryConditionVO);
}
```
xxxMapper.xml
```
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.thtf.output.dao.ResourcesMapper">

  <resultMap id="BaseResultMap" type="com.thtf.output.model.Resources">
    <id column="ID" jdbcType="VARCHAR" property="id" />
    <result column="NAME" jdbcType="VARCHAR" property="name" />
    <result column="DEPT_CODE" jdbcType="VARCHAR" property="deptCode" />
    <result column="DEPT_NAME" jdbcType="VARCHAR" property="deptName" />
    <result column="TIME_SCOPE" jdbcType="VARCHAR" property="timeScope" />
    <result column="SPACE_SCOPE" jdbcType="VARCHAR" property="spaceScope" />
    <result column="FREQUENCY" jdbcType="VARCHAR" property="frequency" />
    <result column="DATA_FORMAT" jdbcType="VARCHAR" property="dataFormat" />
    <result column="DATA_ACCURACY" jdbcType="VARCHAR" property="dataAccuracy" />
    <result column="DATA_COUNT" jdbcType="NUMERIC" property="dataCount" />
    <result column="DATA_SIZE" jdbcType="VARCHAR" property="dataSize" />
    <result column="DATA_PROVIDER" jdbcType="VARCHAR" property="dataProvider" />
    <result column="PURPOSE_EXPLANATION" jdbcType="VARCHAR" property="purposeExplanation" />
    <result column="OUTER_DATASOURCE_ID" jdbcType="VARCHAR" property="outerDatasourceId" />
    <result column="INNER_DATASOURCE_ID" jdbcType="VARCHAR" property="innerDatasourceId" />
    <result column="STORAGE_MODE" jdbcType="VARCHAR" property="storageMode" />
    <result column="STATUS" jdbcType="VARCHAR" property="status" />
    <result column="CREATE_ID" jdbcType="VARCHAR" property="createId" />
    <result column="CREATE_NAME" jdbcType="VARCHAR" property="createName" />
    <result column="CREATE_TIME" jdbcType="DATE" property="createTime" />
    <result column="UPDATE_ID" jdbcType="VARCHAR" property="updateId" />
    <result column="UPDATE_NAME" jdbcType="VARCHAR" property="updateName" />
    <result column="UPDATE_TIME" jdbcType="DATE" property="updateTime" />
    <result column="DELETE_FLAG" jdbcType="VARCHAR" property="deleteFlag" />
  </resultMap>

  <select id="selectByPageAndParam" parameterType="com.thtf.output.vo.ResourcesQueryConditionVO" resultMap="BaseResultMap">
    select * from RESOURCES t
    where
        t.delete_flag = '0'
        <if test="name != null">
        <!-- 根据具体业务调整模糊查询条件 -->
        and t.name like '%'||#{name}||'%'
        </if>
    order by t.update_time desc, t.create_time desc
  </select>
  
</mapper>
```

#### Model
```
package com.thtf.output.model;

import lombok.Data;

import javax.persistence.Id;
import javax.persistence.Table;

/**
 * ---------------------------
 * 资源 (Resources)         
 * ---------------------------
 * 作者：  
 * 时间：  2019-09-30 10:30:42
 * 版本：  v1.0
 * ---------------------------
 */
@Data
@Table(name = "RESOURCES")
public class Resources {

    /**  */
    @Id
    private String id;
    /** 名称 */
    private String name;
    /** 所属部门编码 */
    private String deptCode;
    /** 所属部门名称 */
    private String deptName;
    /** 时间范围 */
    private String timeScope;
    /** 空间范围 */
    private String spaceScope;
    /** 更新周期（频度） */
    private String frequency;
    /** 数据格式 */
    private String dataFormat;
    /** 数据精度 */
    private String dataAccuracy;
    /** 数据量（记录数） */
    private Double dataCount;
    /** 数据大小（KB/MB/GB...) */
    private String dataSize;
    /** 数据来源（提供人） */
    private String dataProvider;
    /** 用途说明（业务用途） */
    private String purposeExplanation;
    /** 外部数据源ID */
    private String outerDatasourceId;
    /** 内部数据源ID */
    private String innerDatasourceId;
    /** 存储形式 1：体内 2：体外 */
    private String storageMode;
    /** 01：维护中 02：已发布 03：已停用 */
    private String status;
    /** 创建人ID */
    private String createId;
    /** 创建人名称 */
    private String createName;
    /** 创建时间 */
    private java.util.Date createTime;
    /** 更新人ID */
    private String updateId;
    /** 更新人名称 */
    private String updateName;
    /** 更新时间 */
    private java.util.Date updateTime;
    /** 1：删除 0：正常 */
    private String deleteFlag;

}
```
#### VO
```
package com.thtf.output.model;

import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;

/**
 * ---------------------------
 * 资源 (Resources)         
 * ---------------------------
 * 作者：  
 * 时间：  2019-09-30 10:30:42
 * 版本：  v1.0
 * ---------------------------
 */
@Data
public class ResourcesVO {

    @ApiModelProperty("")
    private String id;
    @ApiModelProperty("名称")
    private String name;
    @ApiModelProperty("所属部门编码")
    private String deptCode;
    @ApiModelProperty("所属部门名称")
    private String deptName;
    @ApiModelProperty("时间范围")
    private String timeScope;
    @ApiModelProperty("空间范围")
    private String spaceScope;
    @ApiModelProperty("更新周期（频度）")
    private String frequency;
    @ApiModelProperty("数据格式")
    private String dataFormat;
    @ApiModelProperty("数据精度")
    private String dataAccuracy;
    @ApiModelProperty("数据量（记录数）")
    private Double dataCount;
    @ApiModelProperty("数据大小（KB/MB/GB...)")
    private String dataSize;
    @ApiModelProperty("数据来源（提供人）")
    private String dataProvider;
    @ApiModelProperty("用途说明（业务用途）")
    private String purposeExplanation;
    @ApiModelProperty("外部数据源ID")
    private String outerDatasourceId;
    @ApiModelProperty("内部数据源ID")
    private String innerDatasourceId;
    @ApiModelProperty("存储形式 1：体内2：体外")
    private String storageMode;
    @ApiModelProperty("01：维护中 02：已发布 03：已停用")
    private String status;
    @ApiModelProperty("创建人ID")
    private String createId;
    @ApiModelProperty("创建人名称")
    private String createName;
    @ApiModelProperty("创建时间")
    private java.util.Date createTime;
    @ApiModelProperty("更新人ID")
    private String updateId;
    @ApiModelProperty("更新人名称")
    private String updateName;
    @ApiModelProperty("更新时间")
    private java.util.Date updateTime;
    @ApiModelProperty("1：删除 0：正常")
    private String deleteFlag;

}
```

#### VUE代码
```
<template>
  <div class="container" style="width:99%;margin-top:-25px;">
    <!--工具栏-->
    <div class="toolbar" style="float:left;padding-top:10px;padding-left:15px;">
        <el-form :inline="true" :model="filters" :size="size">
            <el-form-item>
                <el-input v-model="filters.label" placeholder="名称"></el-input>
            </el-form-item>
            <el-form-item>
                <kt-button :label="$t('action.search')" perms="sys:resources:view" type="primary" @click="findPage(null)"/>
            </el-form-item>
            <el-form-item>
                <kt-button :label="$t('action.add')" perms="sys:resources:add" type="primary" @click="handleAdd" />
            </el-form-item>
        </el-form>
    </div>
    <!--表格内容栏-->
    <kt-table permsEdit="sys:resources:edit" permsDelete="sys:resources:delete"
        :data="pageResult" :columns="columns" 
        @findPage="findPage" @handleEdit="handleEdit" @handleDelete="handleDelete">
    </kt-table>
    <!--新增编辑界面-->
    <el-dialog :title="operation?'新增':'编辑'" width="40%" :visible.sync="editDialogVisible" :close-on-click-modal="false">
        <el-form :model="dataForm" label-width="80px" :rules="dataFormRules" ref="dataForm" :size="size">
            <el-form-item label="" prop="id"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.id" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="名称" prop="name"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.name" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="所属部门编码" prop="deptCode"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.deptCode" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="所属部门名称" prop="deptName"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.deptName" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="时间范围" prop="timeScope"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.timeScope" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="空间范围" prop="spaceScope"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.spaceScope" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="更新周期（频度）" prop="frequency"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.frequency" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="数据格式" prop="dataFormat"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.dataFormat" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="数据精度" prop="dataAccuracy"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.dataAccuracy" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="数据量（记录数）" prop="dataCount"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.dataCount" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="数据大小（KB/MB/GB...)" prop="dataSize"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.dataSize" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="数据来源（提供人）" prop="dataProvider"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.dataProvider" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="用途说明（业务用途）" prop="purposeExplanation"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.purposeExplanation" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="外部数据源ID" prop="outerDatasourceId"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.outerDatasourceId" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="内部数据源ID" prop="innerDatasourceId"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.innerDatasourceId" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="存储形式 1：体内
2：体外" prop="storageMode"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.storageMode" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="01：维护中 02：已发布 03：已停用" prop="status"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.status" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="创建人ID" prop="createId"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.createId" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="创建人名称" prop="createName"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.createName" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="创建时间" prop="createTime"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.createTime" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="更新人ID" prop="updateId"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.updateId" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="更新人名称" prop="updateName"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.updateName" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="更新时间" prop="updateTime"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.updateTime" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="1：删除 0：正常" prop="deleteFlag"  v-if="dataForm.isPrimaryKey">
                <el-input v-model="dataForm.deleteFlag" auto-complete="off"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button :size="size" @click.native="editDialogVisible = false">{{$t('action.cancel')}}</el-button>
            <el-button :size="size" type="primary" @click.native="submitForm" :loading="editLoading">{{$t('action.submit')}}</el-button>
        </div>
    </el-dialog>
  </div>
</template>

<script>
import KtTable from "@/views/Core/KtTable"
import KtButton from "@/views/Core/KtButton"
import { format } from "@/utils/datetime"
export default {
    components:{
            KtTable,
            KtButton
    },
    data() {
        return {
            size: 'small',
            filters: {
                label: ''
            },
            columns: [
                {prop:"id", label:"", minWidth:100},
                {prop:"name", label:"名称", minWidth:100},
                {prop:"deptCode", label:"所属部门编码", minWidth:100},
                {prop:"deptName", label:"所属部门名称", minWidth:100},
                {prop:"timeScope", label:"时间范围", minWidth:100},
                {prop:"spaceScope", label:"空间范围", minWidth:100},
                {prop:"frequency", label:"更新周期（频度）", minWidth:100},
                {prop:"dataFormat", label:"数据格式", minWidth:100},
                {prop:"dataAccuracy", label:"数据精度", minWidth:100},
                {prop:"dataCount", label:"数据量（记录数）", minWidth:100},
                {prop:"dataSize", label:"数据大小（KB/MB/GB...)", minWidth:100},
                {prop:"dataProvider", label:"数据来源（提供人）", minWidth:100},
                {prop:"purposeExplanation", label:"用途说明（业务用途）", minWidth:100},
                {prop:"outerDatasourceId", label:"外部数据源ID", minWidth:100},
                {prop:"innerDatasourceId", label:"内部数据源ID", minWidth:100},
                {prop:"storageMode", label:"存储形式 1：体内
2：体外", minWidth:100},
                {prop:"status", label:"01：维护中 02：已发布 03：已停用", minWidth:100},
                {prop:"createId", label:"创建人ID", minWidth:100},
                {prop:"createName", label:"创建人名称", minWidth:100},
                {prop:"createTime", label:"创建时间", minWidth:100},
                {prop:"updateId", label:"更新人ID", minWidth:100},
                {prop:"updateName", label:"更新人名称", minWidth:100},
                {prop:"updateTime", label:"更新时间", minWidth:100},
                {prop:"deleteFlag", label:"1：删除 0：正常", minWidth:100},
            ],
            pageRequest: { pageNum: 1, pageSize: 8 },
            pageResult: {},

            operation: false, // true:新增, false:编辑
            editDialogVisible: false, // 新增编辑界面是否显示
            editLoading: false,
            dataFormRules: {
                label: [
                    { required: true, message: '请输入名称', trigger: 'blur' }
                ]
            },
            // 新增编辑界面数据
            dataForm: {
                id: null,
                name: null,
                deptCode: null,
                deptName: null,
                timeScope: null,
                spaceScope: null,
                frequency: null,
                dataFormat: null,
                dataAccuracy: null,
                dataCount: null,
                dataSize: null,
                dataProvider: null,
                purposeExplanation: null,
                outerDatasourceId: null,
                innerDatasourceId: null,
                storageMode: null,
                status: null,
                createId: null,
                createName: null,
                createTime: null,
                updateId: null,
                updateName: null,
                updateTime: null,
                deleteFlag: null,
            }
        }
    },
    methods: {
        // 获取分页数据
        findPage: function (data) {
            if(data !== null) {
                this.pageRequest = data.pageRequest
            }
            this.pageRequest.columnFilters = {label: {name:'label', value:this.filters.label}}
            this.$api.resources.findPage(this.pageRequest).then((res) => {
                this.pageResult = res.data
            }).then(data!=null?data.callback:'')
        },
        // 批量删除
        handleDelete: function (data) {
            this.$api.resources.batchDelete(data.params).then(data!=null?data.callback:'')
        },
        // 显示新增界面
        handleAdd: function () {
            this.editDialogVisible = true
            this.operation = true
            this.dataForm = {
                id: null,
                name: null,
                deptCode: null,
                deptName: null,
                timeScope: null,
                spaceScope: null,
                frequency: null,
                dataFormat: null,
                dataAccuracy: null,
                dataCount: null,
                dataSize: null,
                dataProvider: null,
                purposeExplanation: null,
                outerDatasourceId: null,
                innerDatasourceId: null,
                storageMode: null,
                status: null,
                createId: null,
                createName: null,
                createTime: null,
                updateId: null,
                updateName: null,
                updateTime: null,
                deleteFlag: null,
            }
        },
        // 显示编辑界面
        handleEdit: function (params) {
            this.editDialogVisible = true
            this.operation = false
            this.dataForm = Object.assign({}, params.row)
        },
        // 编辑
        submitForm: function () {
            this.$refs.dataForm.validate((valid) => {
                if (valid) {
                    this.$confirm('确认提交吗？', '提示', {}).then(() => {
                        this.editLoading = true
                        let params = Object.assign({}, this.dataForm)
                        this.$api.resources.save(params).then((res) => {
                            if(res.code == 200) {
                                this.$message({ message: '操作成功', type: 'success' })
                            } else {
                                this.$message({message: '操作失败, ' + res.msg, type: 'error'})
                            }
                            this.editLoading = false
                            this.$refs['dataForm'].resetFields()
                            this.editDialogVisible = false
                            this.findPage(null)
                        })
                    })
                }
            })
        },
        // 时间格式化
          dateFormat: function (row, column, cellValue, index){
              return format(row[column.property])
          }
    },
    mounted() {
    }
}
</script>

<style scoped>

</style>
```
这里只是生成基本的CRUD代码，具体业务场景可以根据需要自定更改。

源码地址：[源码地址](https://github.com/pyygithub/pyy)
 

Lambda程序员
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
基于 Spring Boot+Vue实现的智慧公寓管理系统源代码+数据库
06-19
项目简介 用于对楼栋、房间及相关设备进行管理。 项目技术栈 基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue的前后端分离的后台管理系统。 项目采用按功能分模块的开发方式，结构如下 zcadmin-common 为系统的公共模块，各种工具类，公共配置存在该模块 zcadmin-system 为系统核心模块 zcadmin-logging 为系统的日志模块，其他模块如果需要记录日志需要引入该模块 zcadmin-tools 为第三方工具模块，包含：图床、邮件、云存储、本地存储、支付宝 zcadmin-generator 为系统的代码生成模块，代码生成的模板在 system 模块中
Spring Boot + Vue代码生成器
一个一直在努力的前端小白，在为了成为全栈程序员的道路上加油！
01-04 667
一款Spring Boot + Vue代码生成器示例，可以生成实体类（Entity）、数据访问层（Repository）、业务逻辑层（Service）、控制器（Controller）以及前端的基础增删改查页面。
SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【后端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找
最新发布
2401_84010165的博客
03-29 533
前端面试题汇总前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。
Spring Boot和Vue.js的web商城系统源码.rar
03-11
linjiashop 是一个基于Spring Boot和Vue.js的web商城系统 linjiashop 包含了商城的后台管理系统,手机h5，小程序版本 功能模块 linjiashop包含了后台管理功能和手机端商城业务功能 - 基础模块 - 部门管理 - 用户管理 - 角色管理 - 菜单管理 - 权限分配 - 参数管理 - 数据字典管理 - 定时任务管理 - 操作日志 - 登录日志 - cms内容管理 - 消息管理：配置消息模板，发送短信，邮件消息 - 基于idea插件的代码生成 - 商城功能 - 会员管理 - 商品类别 - 商品管理 - 订单管理 - 购物车 - banner管理 - 收藏列表 - 手机端 -完整的商城购物功能
SpringBoot实现的在线实时编辑文档
02-25
1.本项目后端技术采用基于SpringBoot框架，MySQL数据库，前端技术采用html，css，js。 2.本项目是一个类似腾讯文档在线编辑模块的实时协同编辑系统。 3.系统源码连同sql文件一起打包放在我的资源包里了。
spring boot + vue 读取excel 代码生成器
07-18
1、包含源码excel-service 2、包含jar包，直接启动，依赖jdk8 端口10086 3、包含测试文档，直接传入即可 4、项目生成路径为/opt/exceldata/data,如果想改，全局搜一下，替换即可 5、定时任务是每天12：00删除指定文件夹目录 6、项目没有依赖数据库持久化，如果需要，可以自己加入数据库和mybatis-plus
renren-generator代码生成器生成vue，需手工更改是否必填
weixin_39309402的博客
09-19 2715
renren-generator代码生成器大概是我见过最牛叉也最方便使用的代码生成器了，我们先建两张表： DROP TABLE IF EXISTS `leave_bill`; CREATE TABLE `leave_bill` ( `id` varchar(64) NOT NULL, `process_instance_id` varchar(64) NOT NULL COMMENT ...
SpringBoot+Vue后台通用管理系统 前后端分离 智能代码生成器
scian22的博客
03-27 180
SpringBoot Vue ElementUi MybatisPlus 前后端分离通用后台管理系统源码，包括单体版，多模块版本，带环境搭建，项目运行，代码生成器使用说明。演示视频以及使用操作 https://cowtransfer.com/s/30637559f34442。支持单表 多表联合生成代码。
vue+element-ui+springboot 在线表格编辑
Tjhfsghbjknjdy的博客
02-09 869
动态表格在线编辑
springboot+vue的在线构建、自动部署、日常运维、项目监控软件
MMKJSH的博客
11-11 318
springboot+vue的在线构建、自动部署、日常运维、项目监控软件
Vue表单快速开发：一键生成可视化表单代码插件
沛哥儿的专栏
09-18 2551
前因后果 对于后端Java开发人员来讲，前端代码一直是个蹩脚的事情。 对于我们来讲，如果能够快速的生成表格，然后再简单的配置下vue的语法，把数据填充进去，就可以大大简化我们的开发难度，提升开发效率了。 那么，有没有可以自动生成表单的插件之类的呢？ 放心，太阳底下没有新鲜事情。 你遇到的问题，其它的前辈们也遇到了，也帮你找到了解决方法。 社会我平头哥，人狠话不多。 在这里，给大家推荐一个结合了ElementUI的表单自动生成插件：form-generator。 form-generato..
基于Spring Boot+Vue.js的后台管理系统,权限管理，字典，配置，定时任务，短信，手机端h5，IDEA 代码生成插件
05-21
web-flash是一个基于Spring Boot和Vue.js的web系统，包含了基于...基于Spring Boot+Vue.js的后台管理系统,权限管理，字典，配置，定时任务，短信，邮件，根据excel模板导出，cms内容管理，手机端h5，IDEA 代码生成插件
基于Spring Boot+Vue+Shiro实现的前后端分离的代码生成器项目源码+详细文档，可根据数据库字段动态生成各类型代码
10-20
基于Spring Boot+Vue+Shiro实现的前后端分离的代码生成器项目源码，可根据数据库字段动态生成各种类型代码 该项目可根据数据库字段动态生成 controller、mapper、service、html、jsp、vue、php、.py ... 等各种类型...
SpringBoot+Vue后台通用管理系统 前后端分离 智能代码生成器 java毕业设计神器
scian22的博客
12-13 730
演示视频以及使用操作 https://cowtransfer.com/s/30637559f34442 SpringBoot Vue ElementUi MybatisPlus 前后端分离通用后台管理系统源码，包括单体版，多模块版本，带环境搭建，项目运行，代码生成器使用说明 最新更新功能 代码生成器 添加相关信息必填校验，代码生成器界面上信息改为选择，不需要手动填写，添加乐观锁控制，解决并发修改问题 所有代码均本人亲自编写,功能持续更新中,以前拍的可联系获取最新版本 技术栈:Spring
【SpringBoot+VUE后台管理系统】（四）Mybatis-plus代码生成工具
Robin的博客
07-05 214
使用mybatis-plus根据数据表直接生成实体类，mapper,service，serviceimpl,controller 可以在模板中自定义在controller中需要的接口，直接可以生成
手把手教你如何使用SpringBoot3打造一个个性化的代码生成器
qq_51076413的博客
01-04 946
SpringBoot3自定义代码生成器；自定义代码生成器；MyBatisPlus实现自定义代码生成器；可视化代码生成器；自定义可视化代码生成器；MyBatisPlus可视化代码生成器；SpringBoot3 + SpringSecurity6 + Vue3 可视化代码生成器；手把手教你如何打造属于自己的个性化代码生成器；
Java大牛带你4小时开发一个SpringBoot+vue前后端分离博客项目
Java技术开发工程师的博客
11-26 3625
Java后端接口开发 1、前言 从零开始搭建一个项目骨架，最好选择合适，熟悉的技术，并且在未来易拓展，适合微服务化体系等。所以一般以Springboot作为我们的框架基础，这是离不开的了。 然后数据层，我们常用的是Mybatis，易上手，方便维护。但是单表操作比较困难，特别是添加字段或减少字段的时候，比较繁琐，所以这里我推荐使用Mybatis Plus（https://mp.baomidou.com/），为简化开发而生，只需简单配置，即可快速进行 CRUD 操作，从而节省大量时间。 作为一个项目骨架
Springboot + vue前后端分离后台管理系统(十一) -- 代码生成器调整
qq_36700462的博客
07-20 853
前言 之前在集成mybatis plus的时候有稍微写了下代码生成器的用法，现在这边稍微调整和优化一下，让后面生成基本的接口代码更加的方便，减少工作量啊，偷懒果然是爽啊。 实现 模板支持 mybatis plus的代码生成器是需要模板引擎的，默认使用的是velocity模板,项目里也已经引用了。 <!-- 模板引擎 --> <dependency> <groupId>org.apache.velocity</groupId> <artifactId&
基于Spring Boot + Vue进行开发
05-19
下面是一些关于如何基于Spring Boot和Vue进行开发的提示： 1. 使用Spring Boot来创建RESTful API，可以使用Spring Data JPA来管理数据存储。 2. 使用Vue.js进行前端开发，使用Vue Router进行路由管理和Vuex进行...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值