原创 axios下載excel踩坑記錄(導出Excel總是報格式錯誤而且亂碼)

項目需要,有一個功能是後端生成Excel文件並且寫入文件流,前臺接收並提示用戶導出文件。 看起來是個很簡單的功能,網上關於這個功能的解決辦法也有很多,基本都差不多,大致如下: 後端: @RequestMapping(value = "/

原创 【組件推薦&改造】基於element-ui 實現的iview風格tree組件

       由於iview的tree組件API比較少,加上項目的需要iview的tree組件並不能完全的實現我想要的效果,於是就在網上找了一圈,發現了某位大佬改造的tree組件(https://www.npmjs.com/package

原创 【組件推薦&改造】vue實現的tree grid 樹形表格

因業務需要,我需要一個樹形表格,類似這樣的: 然而iview中的table是這樣的: 其實,準確的來說,iview中的表格並不是樹形表格,只是用於展開顯示每一行的更多信息; 在網上找了一圈,發現有位大佬用vue封裝的iview風格的樹

原创 vue-router 複用組件如何設計路由

因爲項目的需要,有兩個界面長得幾乎是一模一樣的,因此決定採用路由組件傳參的方式使用同一個組件 官方文檔路由組件傳參示例: const User = { template: '<div>User {{ $route.params.id

原创 【小tips】vue+iview,動態計算table高度,保證頁面無豎向滾動條

一、場景 這是一個常規的後臺管理系統的網站界面: (orz……怎麼拉伸成這個樣子……) 我個人看這種界面的時候,是非常不喜歡豎向出現滾動條的,像搜索區域、工具欄這種固定的區域我希望是不動的,只需要拖拽表格的滾動條就可以看其他數據(就像上

原创 vue+iview 封裝類似easyUI表格組件(數據表格+頁碼)(列配置支持slot啦)

一、場景 在使用iview的時候發現表格和頁碼組件是分開的,我之前使用的UI組件庫如easyUI和miniUI,它們的組件庫是類似這樣的: 只需要提供數據和數據總條數就可以渲染出表格+頁碼+描述,因此萌生了包裝一個這樣的表格組件; 必然

原创 nginx二次反向代理

之前有寫過nginx部署vue項目:vue項目部署至nginx&踩坑記 後續的工作中遇到一個場景: 前端工程打包之後部署在服務器B的nginx上,爲了發佈工程到外網,需要配置外網的nginx A服務器,新增一條代理規則指向B服務器,特此記

原创 javascript中對象的constructor屬性有什麼用?

剛剛突然想起來前段時間被問的一個問題: 爲什麼實現繼承時如果使用了 Child.prototype = Parent.prototype; 爲什麼還要執行:Child.prototype.constructor = Child?不執行可不

原创 【小tip】vue+iview,動態計算table高度,保證頁面無豎向滾動條

一、場景 這是一個常規的後臺管理系統的網站界面: (orz……怎麼拉伸成這個樣子……) 我個人看這種界面的時候,是非常不喜歡豎向出現滾動條的,像搜索區域、工具欄這種固定的區域我希望是不動的,只需要拖拽表格的滾動條就可以看其他數據(就像上

原创 修改巨人的npm包 & 如何用npm上傳、更新自己的包

        其實剛剛從傳統前端+後端轉到現在主流的node,前後端分離,vue三個月不到的我,其實還沒有想過自己會寫包上傳到npm給大家使用……契機來源於,我下載了一個別人寫好的基於vue實現的tree grid包,但是我需要修改一些

原创 自定義註解+AOP 實現訪問記錄保存

昨天突發奇想想統計報表的訪問記錄,想了一下這種公用的操作很適合用AOP實現呀~ 之前看過類似的經典操作是實現Mybatis動態切換數據源,之前有寫過文章,是實現多數據源的方式之一。 Mybatis配置多數據源 · 需要了解 1. 爲什麼使

原创 Dubbo學習筆記

       在阿里的大神同學說阿里內部早已不再使用Dubbo了,已轉爲新研發出的分佈式框架。不得不感慨阿里的技術研發真的是走在整個中國的前端呀,無比崇拜進入阿里工作的大神同學(星星眼~)。雖然dubbo已經退出了阿里的舞臺,但目前依然是

原创 ehcache的基本用法(和Spring集成)

        Ehcache是一個純Java的進程緩存框架,讀寫快速,但是也因此會在java程序關閉的時候緩存也會從內存中清除,看百科中有說可以設置緩存在java進程關閉時緩衝到磁盤,在下次重啓的時候將緩存寫入jvm內存,但是我目前還沒

原创 Mybatis配置多數據源

        在大多數情況下,一個功能全面的系統只使用單一數據源幾乎是不太可能的,所以配置多數據源是十分必要的,記錄一下去年某個項目配置多數據源的方式~ 單一數據源的配置如下: 1. 配置datasource 2. 配置session

原创 配置第一個Jenkins部署

準備Linux服務器環境 1. 新建用戶,專門用於部署程序,下面以新建das用戶爲例。 adduser das passwd das   (linux會提示輸入密碼並二次輸入校驗,按照提示操作即可) mkdir /usr/local/