原创 Spring Boot學習筆記(三)Spring Data Jpa 快速上手(二) jpa命名規則 與 Jpql、Sql

1.1 Jpa命名規則 採用小駝峯命名法 關鍵字 方法命名 sql where字句 And findByNameAndPwd where name= ? and pwd =? Or findByNameOrSex

原创 Spring Boot學習筆記(二)Spring Data Jpa 快速上手(一)使用spring data jpa 實現增刪改查,Spring boot進行單元測試

1.環境準備 在你的application.properties進行如下設置 其中datasource.sul,username和password寫自己的數據庫配置 spring.datasource.url=jdbc:mysql

原创 elementUI table 根據值進行渲染(多行採用一種方法)

餓了麼表單列如下所示 <el-table-column prop="isSuperAdmin" label="超級管理員"

原创 前端踩坑(八)前端使用Moment 時間格式化錯誤

首先需要強調的是 Moment格式化時間默認格式爲當地時區的時間。 所以若後端傳來的信息無時間標誌,則無轉換錯誤問題。 如果格式化的結果與當地時間有差值,一般原因是:要格式化的時間帶有時間標誌,如:UTC 、GMT等。 經過Mom

原创 前端踩坑(四)(vue)報錯 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"

解決辦法有三個 1.升級你的vue router 版本 2.降低你的vue.js 版本 3.在main.js 中加入以下代碼 // 解決Uncaught (in promise) NavigationDuplicated {_na

原创 uni-app 進行微信小程序雲開發

1.申請一個自己的微信公衆號/小程序 雲開發與普通的小程序開發不同,雲開發必須填寫appid,且不能使用測試號,所以需要申請一個自己的微信公衆號/小程序,在官方微信小程序頁面中,點擊頁面最下方的前往註冊即可。 申請成功後,進入微信

原创 node.js 學習筆記(二)windows下 使用 nvm 進行 node 版本管理

1 下載nvm windows 用戶下載nvm-windows,下載鏈接 選擇nvm-setup.zip,按照默認配置,安裝後即可使用 2 使用方式 nvm list 查看當前所有的node版本 nvm install v10

原创 v-charts 使用教程/筆記(二)自定義legend / legend的富文本怎麼使用

此篇內容是參考csdn文章的方法 自定義legend 項目中會有自定義的需求,拿v-chart官方的代碼作爲例子。 官方默認legend的款式是這樣的。 設計稿是這樣的 這種樣式大大不同,我們就需要用到e-charts的leg

原创 debug 中 continue(繼續)、step over(單步跳過)、step in(單步調試)、step out(單步跳出)的區別

1.continue(繼續) 執行至下一個斷點 2.step over(單步跳過) 從斷點處開始,執行單步語句,如執行console.log(sum(3, 4));,輸出3與4的和(不進入函數內部)。 若當前語句內,包括函數且函

原创 v-charts 使用教程/筆記(一)v-charts 使用方式講解,以及如何使用e-charts特性

1.開始 打開官方文檔 https://v-charts.js.org/#/ 指南->開始使用 根據官方文檔完成安裝操作。 若是在vue工程中按需引入,可參照以下方式 <templage> <div> <ve-l

原创 前端踩坑(八)(element-ui)使用點擊重置後無法輸入、輸入沒有顯示

解決方式 給所有的表單的控件設置默認值 如下所示 formData: { value: '' }, 而不是使用 formData: { } 原理 使用element-ui 的 form 組件的重置後 this.$refs[

原创 前端踩坑(七)(vue) el-autocomplete 1.下拉延時出現,影響其他彈出窗口;2.收起下拉

解決辦法 1.下拉延時出現,影響其他彈出窗口(穿透了蒙版) 根據官方文檔可得知防抖延時,有個 debounce 將其設置爲 0 即可 <el-autocomplete :debounce="0"> </e

原创 node.js 學習筆記(一)使用nodemon實現熱部署/熱更新/實時編譯

1 全局安裝 nodemon 在控制檯(cmd)中,輸入以下命令 npm install -g nodemon 等待安裝完成後,輸入nodemon -v查看版本,若查看到版本號則安裝成功(如下所示) 2 使用 nodemon

原创 前端踩坑(六)(vue) element-ui Tooltip 樣式修改

解決方法 肯定各位在使用tooltip的時候,會遇到tooltip過長的問題 解決方案如下: 根據方法文檔,給tooltip添加一個自定義的class名 <el-tooltip class="item"

原创 前端踩坑(五)(vue) element-ui 的表單重置,輸入轉大寫/小寫時 toUpperCase()、toLowerCase() undefined

表單重置 表單重置的寫法可以直接參考https://element.eleme.cn/#/zh-CN/component/form。 需要注意的點是 <el-from>需要:model,ref, 如<el-from :model=