原创 尋找寫代碼感覺(九)之SpringBoot攔截器的使用

一、攔截器簡介 攔截器通常通過動態代理的方式來執行。 攔截器的生命週期由IoC容器管理,可以通過注入等方式來獲取其他Bean的實例,使用更方便。 二、攔截器配置使用方式 1、過濾器攔截器作用範圍 2、攔截器的使用 示例代碼如下: pac

原创 尋找寫代碼感覺(八)之SpringBoot過濾器的使用

一、什麼是過濾器? 過濾器是對數據進行過濾,預處理過程,當我們訪問網站時,有時候會發布一些敏感信息,發完以後有的會用*替代,還有就是登陸權限控制等,一個資源,沒有經過授權,肯定是不能讓用戶隨便訪問的,這個時候,也可以用到過濾器。過濾器的功能

原创 Vue3學習(九)之 使用axios攔截器打印前端日誌

一、寫在前面 很多時候我們需要對前端進行調試,也就是前後端接口之間交互的調試,常用的方式肯定是打日誌了,如console.log('日誌內容')。 就單個方法其實用這種方法是可以的,多個接口和方法,這樣的調試方法就差了一些,再有就是方法有執

原创 從實際項目出發,告訴你 Vue3 到底香不香

最近和身邊技術 Leader 聊招聘情況,發現 Vue3 已經一躍成爲前端人必考技能,除了考察核心特性,還會涉及原理層面的問題。再也不是當年懂個生命周期、虛擬 DOM,就可以進大廠的時代了。  我一直很推薦前端人優先學習 Vue,作爲國內最

原创 Vue3學習(八)之 Vue CLI多環境配置

一、前言 這裏相對於之前就沒那麼麻煩了,通俗點說就是使用配置文件來管理多環境,實現環境的切換。 二、實現切換 1、增加開發和生產配置文件 在web的根目錄下,創建開發環境切換配置文件.env.dev,內容如下: NODE_ENV=devel

原创 Vue3學習(七)之 列表界面數據展示

一、前言 昨晚可能是因爲更新完文章後,導致過於興奮睡不着(寫代碼確實太容易讓人興奮了),結果兩點多才睡着,大東北果然還是太冷了。 不知道是不是因爲膝蓋和腳都是冰涼的,所以才導致很晚才能入睡? 剛眯了一會,大約一個小時吧,感覺不錯,接着又想學

原创 Vue3學習(六)之使用Vue3進行數據綁定及顯示列表數據

一、寫在前面 說來還是比較慚愧的,從週二開始事就比較多,週三電腦還壞了。 然後,就是各種亂七八雜、突如其來的破事,忙的團團轉,由於走的過多了,導致不敢直腰,週四臥牀一天。 之前都聽說《陳情令》這部劇特別火。當然,肖戰和王一博也正是因爲這部劇

原创 Vue3學習(五)之集成HTTP庫axios

一、安裝axios npm install [email protected] --save 二、axios的使用 1、在主頁中引用axios 在Vue3新增了setup初始化方法,所以我們在這裏開始使用並測試,示例代碼如下: <template>

原创 Vue3學習(四)之組件的開發

一、前言 果然長時間坐着或站着,會給腰帶來很大負擔,聲明下我不是腰脫,就是個穿刺手術而已,身上有多處縫針沒長好,所以會給肚子和腰帶來一定的負擔。 上一篇文章已經寫了關於佈局的開發,傳送門《Vue3學習(三)之網站首頁佈局開發 》,但是我們寫

原创 Vue3學習(一)之 創建Vue CLI項目

一、官方文檔 Vue3文檔 - vuejs https://www.vue3js.cn/docs/zh/ Vue核心功能:數據綁定 Vue CLI文檔 https://cli.vuejs.org/zh/guide/ Vue CLI

原创 Vue3學習(二)之集成Ant Design Vue

一、集成Ant Design Vue npm install [email protected] --save 兼容性 Ant Design Vue 2.x 支持所有的現代瀏覽器。 如果需要支持 IE9+,你可以使用 An

原创 Vue3學習(三)之網站首頁佈局開發

一、前言 上篇文章已經提到集成Ant Design Vue後,和Element Ui一樣,還是組件的使用,然後就是複製粘貼改了。 二、實際案例 先搞個佈局佈局看看,也就是我們說的layout,如下圖: 不在Home中修改,因爲什麼,每個頁

原创 尋找寫代碼感覺(六)之列表查詢接口開發及返回結果的統一處理

一、寫在前面 有時候怕自己腦子鏽掉(傻掉),得總用,怎麼用?學習呀,這樣可以最大化調動思維。 出院有幾天了,不是我自己懶,是我真的坐不了太長時間,基本是坐着半小時嗎,躺着一小時. 這幾天好些了,可以坐1個多小時了,但是腰還是疼,突然感覺,能

原创 尋找寫代碼感覺(七)之封裝請求參數和返回參數

一、目的 封裝請求參數的目的,是爲了統一和方便。直白點說,如果只查詢一個屬性,傳一個入參,這是沒問題的,要是一個對象有100個屬性,查詢需要多個參數關聯,就需要統一方便管理了,簡單說傳對象就完了,哈哈哈。 二、實際案例 先舉個例子,大家一看

原创 尋找寫代碼感覺(五)之Mybatis官方代碼生成器的使用

一、Mybatis Generator生成器 見名知意,官方給出的代碼生成器。好處就是不用自己寫實體類、接口、xml文件了,應對簡單增刪改查是可以的。複雜的還是需要自己手寫sql的。 二、Mybatis代碼生成器的使用 下面將演示使用代碼生