十、主键生成，和新编码生成

最新推荐文章于 2024-08-25 10:16:22 发布

bbill

最新推荐文章于 2024-08-25 10:16:22 发布

阅读量351

点赞数 5

文章标签： node.js vue.js npm jeecgboot mybatis

本文链接：https://blog.csdn.net/bbill/article/details/135693585

版权

本文介绍了如何在Vue应用中使用主键策略，包括雪花算法生成长或字符串类型主键，以及在用户输入时动态生成UUID作为主键。还涉及了两个相关Vue文件的改动，展示了如何在表单新增时自动填充系统编码。

摘要由CSDN通过智能技术生成

主键策略

/*主键/
@TableId(type = IdType.ASSIGN_ID)
@ApiModelProperty(value = “主键”)
private String id;

模板默认19位主键：IdType.ASSIGN_ID
该策略会使用雪花算法自动生成主键ID值，主键类型为长或字符串（分别对应的MySQL的表字段为BIGINT和VARCHAR）

如果type = IdType.INPUT时，由程序运行时提供，否则为空。
使用IdType.ASSIGN_UUID策略，并重新自动生成的UUID作为主键。主键类型为String，对应MySQL的表分段为VARCHAR（32）。

生成编码与页面使用

生成编码
1，导入文件：

import { handleTest } from '/@/views/system/fillRule/fill.rule.api';

2，改造方法如下：新增打开对话框时，产生新编码，填入新输入字段编码中，

function handleAdd() {
     //生成新编码
    let params = { ruleCode: 'shop_order_num'};//调用编码名称//生成的编码截取前2位，组成新码
    handleTest(params).then((res) => {//这里向后台发送请求
      if (res.success) {
        let  record ={projectsyscode: 'XM-'+res.result.substring(2), projectname:'测试项目'};

//打开新弹出窗口/

openModal(true, {
record,
isUpdate: false,
showFooter: true,
});
console.log(‘-----------生成结果：’ + ‘XM-’+res.result.substring(2));
} else {
console.log(‘------------没有结果：’ + res.message);
}
});

3，改动2处文件
src\views\gj\project\GjProjectInfoList.vue//如上面文件
src\views\gj\project\components\GjProjectInfoModal.vue

// isUpdate.value = !!data?.isUpdate;
        // if (unref(isUpdate)) {
        //     //表单赋值
        //     await setFieldsValue({
        //         ...data.record,
        //     });
        // }
        //新增弹开窗口，表单赋值,新增时赋给系统编码
            await setFieldsValue({
                ...data.record,
            });