原创 Spring框架的AOP機制

AOP是Spring框架面向切面的編程思想,AOP採用一種稱爲“橫切”的技術,將涉及多業務流程的通用功能抽取並單獨封裝,形成獨立的切面,在合適的時機將這些切面橫向切入到業務流程指定的位置中。本篇結合實際案例詳細講述AOP的原理及實現過程。

原创 el-table-column內容不自動換行

項目使用ElementUI,在顯示時,如果某一個數值長度超過列寬,會默認換行,如下 這樣的話造成頁面動態變化,很難看,可以通過給el-table-column增加show-overflow-tooltip樣式來解決。 <el-tabl

原创 MySQL查詢出的一條數據拆分成多條

需求: 有如下表格 現在需要彙總出所有的score,將彙總結果平均分給:張三、李四、王五這三個人。SQL如下: select tmp_user.surname 姓,tmp_user.personal_name 名, tmp_num.n

原创 webpack裏面`./`和`@/`的區別

import Hello from '@/components/Hello'; import Hello from './components/Hello'; 上面語句中的@和.的區別: ./這是相對路徑的意思。@/這是webpack

原创 Vue.js之事件的綁定

原文路徑:https://www.jb51.net/article/147452.htm 1、Vue.js事件綁定的一般格式 v-on:click='function' v-on:click/mouseout/mouseover/

原创 HTML5:SVG入門

SVG(可縮放矢量圖形)允許您在網頁中創建完全按比例放大和縮小的圖像,無論用戶設備屏幕的大小如何。此外,您可以在SVG中實現交互式和動畫功能。您可以使用CSS和JavaScript以及許多SVG元素在Web頁面代碼中創建動態SVG。 在本

原创 使用Navicat導出MySQL數據庫的數據字典

1、SQL語句 Mysql數據庫導出數據字典: SELECT TABLE_SCHEMA as '數據庫名稱', TABLE_NAME as '表字段名', COLUMN_NAME as '列字段名', COLUMN_TYPE a

原创 elementUI中svg圖標庫

elementUI中需要用到大量的圖標庫,svg或者png格式,可以從以下路徑下載 https://www.iconfont.cn/collections/index

原创 vue+ elementUI使用el-autocomplete從遠程實時查詢

頁面需求如下:第一步,在“預製模板”中輸入模板名,需要從數據庫模糊查詢出數據集,第二步,選中某條數據後,將對應的其他數值填入“合併方式”等其他項目中。 <template> <el-dialog :title="'箱單發票

原创 MySQL更新某個字符串的部分內容

需求:有user表,如下,我要把email中的"123.com"改成"163.com" update user set email=REPLACE(email,'123.com','163.com') 再次查詢user表,結果如下

原创 IntelliJ Idea使用代碼格式化,Tab製表符進行縮進

Idea中默認用4個半角空格進行縮進,習慣用製表符,修改如下: File > Settings > Editor > Code Style > Java > Tabs and Indents > Use tab character

原创 WebStorm項目提交到SVN

類似於IntelliJ Idea中獎項目上傳SVN。 第一步,設置subversion:File --> Settings --> Version Control --> Subversion 第二步:本地項目發送到SVN服務器 VCS

原创 WebStorm項目提交時,node_modules沒有忽略

       有一個前端項目是用VUE + elementUI做的,在上傳到SVN服務器時,遇到了個問題:已經將node_modules添加到了忽略設置裏,但提交時總會進行提交。通過Settings --> Version Control

原创 Windows服務器上用NGINX部署vue項目

背景:項目前端vue 2.0 + elementUI,後端spring boot 2.0.3,服務器是Windows 8。此處默認數據庫已經安裝到位。 1、服務器上安裝NGINX,參考https://blog.csdn.net/yangf

原创 Windows安裝NGINX

1、下載NGINX for Windows http://nginx.org/en/download.html 2、解壓zip文件,如:nginx-1.15.9.zip 參考文檔:http://nginx.org/en/docs/wind