尋找寫程式碼感覺（十四）之 新增功能的開發

久曲健發表於2022-02-04

寫在前面

小時候特別想長大，現在特別想回到小時候，長大就會有煩惱，不是感嘆生活各方面的壓力，只是單純的嚮往孩子般無憂無慮的生活。

看到這隻汪之後，瞬間心情好了很多，剛才看書看到這樣一句話很喜歡分享下：

講真的，如果吼可以解決問題，那麼驢將統治世界

突然發現，假期能有時間靜下心來去學習，真的是件特別快樂的事。

任務拆解

回到正題，新增功能的開發，任務拆解。

  • 在前端頁面新增呼叫新增介面的方法
  • id唯一不重複

新增功能開發

1、修改save方法

因為id唯一不重複，我們首先會想到用時間戳，但是這也不是絕對，這裡我們採用雪花演算法生成Id，來作為新增資料Id,可以完美解決這個問題，示例程式碼如下：

package com.rongrong.wiki.util;

import org.springframework.stereotype.Component;

import java.text.ParseException;

/**
 * Twitter的分散式自增ID雪花演算法
 **/
@Component
public class SnowFlake {

    /**
     * 起始的時間戳
     */
    private final static long START_STMP = 1640995200000L; // 2021-01-01 00:00:00

    /**
     * 每一部分佔用的位數
     */
    private final static long SEQUENCE_BIT = 12; //序列號佔用的位數
    private final static long MACHINE_BIT = 5;   //機器標識佔用的位數
    private final static long DATACENTER_BIT = 5;//資料中心佔用的位數

    /**
     * 每一部分的最大值
     */
    private final static long MAX_DATACENTER_NUM = -1L ^ (-1L << DATACENTER_BIT);
    private final static long MAX_MACHINE_NUM = -1L ^ (-1L << MACHINE_BIT);
    private final static long MAX_SEQUENCE = -1L ^ (-1L << SEQUENCE_BIT);

    /**
     * 每一部分向左的位移
     */
    private final static long MACHINE_LEFT = SEQUENCE_BIT;
    private final static long DATACENTER_LEFT = SEQUENCE_BIT + MACHINE_BIT;
    private final static long TIMESTMP_LEFT = DATACENTER_LEFT + DATACENTER_BIT;

    private long datacenterId = 1;  //資料中心
    private long machineId = 1;     //機器標識
    private long sequence = 0L; //序列號
    private long lastStmp = -1L;//上一次時間戳

    public SnowFlake() {
    }

    public SnowFlake(long datacenterId, long machineId) {
        if (datacenterId > MAX_DATACENTER_NUM || datacenterId < 0) {
            throw new IllegalArgumentException("datacenterId can't be greater than MAX_DATACENTER_NUM or less than 0");
        }
        if (machineId > MAX_MACHINE_NUM || machineId < 0) {
            throw new IllegalArgumentException("machineId can't be greater than MAX_MACHINE_NUM or less than 0");
        }
        this.datacenterId = datacenterId;
        this.machineId = machineId;
    }

    /**
     * 產生下一個ID
     *
     * @return
     */
    public synchronized long nextId() {
        long currStmp = getNewstmp();
        if (currStmp < lastStmp) {
            throw new RuntimeException("Clock moved backwards.  Refusing to generate id");
        }

        if (currStmp == lastStmp) {
            //相同毫秒內，序列號自增
            sequence = (sequence + 1) & MAX_SEQUENCE;
            //同一毫秒的序列數已經達到最大
            if (sequence == 0L) {
                currStmp = getNextMill();
            }
        } else {
            //不同毫秒內，序列號置為0
            sequence = 0L;
        }

        lastStmp = currStmp;

        return (currStmp - START_STMP) << TIMESTMP_LEFT //時間戳部分
                | datacenterId << DATACENTER_LEFT       //資料中心部分
                | machineId << MACHINE_LEFT             //機器標識部分
                | sequence;                             //序列號部分
    }

    private long getNextMill() {
        long mill = getNewstmp();
        while (mill <= lastStmp) {
            mill = getNewstmp();
        }
        return mill;
    }

    private long getNewstmp() {
        return System.currentTimeMillis();
    }
}

controller中的save方法修改，示例程式碼如下：

   /**
     * 儲存或更新操作
     *
     * @param eBookSaveReq
     */
    public void save(EBookSaveReq eBookSaveReq) {
        EBook eBook = copy(eBookSaveReq, EBook.class);
        if (ObjectUtils.isEmpty(eBook.getId())) {
            eBook.setId(snowFlake.nextId());
            //資料庫中沒查到,走新增方法
            eBookMapper.insert(eBook);
        } else {
            //資料庫中查到，有該條資訊，走編輯操作
            eBookMapper.updateByPrimaryKey(eBook);
        }
    }

2、呼叫controller中的save方法

對前端頁面調整，示例程式碼如下：

<template>
     <a-button type="primary" @click="add">
        新增
     </a-button>

    /**
     * 新增
     * @param record
     */
    const add = () => {
      modalVisible.value = true;
      ebooks_data.value = {};
    };
</template>
 
export default defineComponent({
    return {
      add
    }
}

編譯執行。檢視結果

寫在後面

總的來說，編輯功能寫好後，到新增功能，有些程式碼直接微調即可，並不是很難。

在學習階段，寫程式碼，真的是基於理解後，再去敲會好很多，你認同嗎？

相關文章