https://avatars.githubusercontent.com/u/6058558

程式狂想筆記

Vue-myAnimeList 產生我的動畫清單

完成品:我的新番清單

因為先前用 jQuery 寫出來版本不能跟朋友討論最近新番。連結在這:201507新番表

我想實作可以類似可以討論作品,就做出這個玩意。
小記這版特點

  1. 使用 Github Action 更新清單
  2. 右鍵可以做動畫排名(中圖想到功能)
  3. 這邊看到功能有兩大項,一個是本季月番,另一個是總月番顯示內容
    這個是我朋友開的 Issue,因為我朋友說不能跨季排名,這個非常不方便。這邊我原本煩惱要怎麼做比較好,原本想說多那個功能需要花七天時間,後來再想有沒有更好的做法,後來想到可以用模組化,大大減少我程式撰寫,花了三天時間完成(下班時間,一天大概2~3小時)。源碼:vue-myanimelist/MyAnimeList.vue at master · malagege/vue-myanimelist
  4. 可以用網址分享
  5. 可存檔功能,這也是我朋友開的 issue 。因為他覺得要紀錄網址太麻煩了。我原本也不太能確定有時間時作,因為要用這個特別做這個功能要額外花時間太麻煩了(身為上班族下班時間可是非常寶貴),我在想有沒有更簡單的作法。後來想到共用方法可以寫元件,想說值得嘗試。源碼vue-myanimelist/SettingManager.vue at master · malagege/vue-myanimelist

上面35真的讓我寫這個非常有成就,我覺得如何寫出共用元件可以讓下一個專案使用,減少我們後續製作程式的成本這個非常重要。
最後我其實是後端工程師,久久寫 Vue,不知道下次寫我還記得 Vue 有多少…

可改進:

  1. url 那一段載入很亂,因為有 bug 之下,寫到有點暈,所以就暴力寫出來了
  2. SettingManager 讀取有 bug ,因為要點兩下
  3. 當下同網頁貼別人網址無法載入清單

CSP 網頁安全性設計

最近把一個專案上到測試環境,明明網站是 http 環境,但是裡面網址竟然顯示 https,我查看原始碼也沒強制加 https,也沒有用<base>改變程式基本位置。

MultipartFile.transferTo 遇到 FileNotFoundException 問題

之前公司同事有教,在 Window 在專案 D 朝設定 /app/file(參照位置),執行時候就會吃D:/app/file。這個非常實用,不需要再重新配置。

但在用 Spring Boot 會發生讀不到檔案。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
    @Override
    public String store(MultipartFile file, String fileName) throws IOException {

        String destPath "/app/file/";
        File filePath = new File(destPath);
        File dest = new File(filePath, fileName);
        if (!filePath.exists()) {
            filePath.mkdirs();
        }
        try {
            file.transferTo(dest);
            log.info("file save success");
        } catch (IOException e) {
            log.error("File upload Error: ", e);
            throw e;
        }
        return dest.getCanonicalPath();
    }