原创 Elasticsearch根據查詢條件求和sum

一、概述 現有news表,數據存放在Elasticsearch中。需要根據關鍵字查詢之後,sum計算點擊數。 數據如下: {"content":"變異毒株在國內首次出現社區傳播","hits":468} {"content":"昆明市委書

原创 ElementUI el-checkbox實現全選反選單選

一、概述 先來看一下效果圖   需求: 1. 每一種類型,可以全選,反選(一個都不選),單選(僅選一個或者多個) 2. 保存時,至少有一種類型,選擇1個或多個。不能都不選,直接提交空表單。 3. 保存時,提交參數都是id,不能出現中文。

原创 ElementUI TimePicker固定時間範圍,開始時間小於結束時間

一、概述 根據項目需求: 1. 開始時間必須小於結束時間,不能等於結束時間。 2. 結束時間必須小於開始時間,不能相等。 2. 開始時間和結束時間,最小間隔30分鐘。 3. 時間範圍從00:00~24:00 4. 默認範圍08:00~18:

原创 ElementUI DateTimePicker設置當前日期之前的時間禁止選擇

一、概述 根據項目需求,選擇日期,不能小於當前日期。   二、代碼實現 test.vuie <template> <div> <el-date-picker v-model="value1" type=

原创 微信小程序顯示html內容

一、概述 小程序默認是不支持html格式的內容顯示的,網絡上的文章提到:wxParse-微信小程序富文本解析組件,鏈接如下: https://github.com/icindy/wxParse 現在已經停止維護了   官方已經有解決方案:h

原创 微信小程序設置底部導航欄

一、概述 微信小程序底部想要有一個漂亮的導航欄目,不知道怎麼製作,於是百度找到了本篇文章,分享給大家。 好了 小程序的頭部標題 設置好了,我們來說說底部導航欄是如何實現的。 我們先來看個效果圖       這裏,我們添加了三個導航圖標,因爲

原创 微信小程序之Swiper組件

一、概述 滑塊視圖容器。其中只可放置swiper-item組件,否則會導致未定義的行爲。 官方文檔:https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

原创 vue使用Highcharts圖表

一、概述 Highcharts 是一個製作圖表的純 Javascript 類庫,主要特性如下: 兼容性:兼容當今所有的瀏覽器,包括 iPhone、IE 和火狐等等; 對個人用戶完全免費; 純 JS,無 BS; 支持大部分的圖

原创 vue使用iconfont

一、概述 國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉換等功能。阿里巴巴體驗團隊傾力打造,設計和前端開發的便捷工具 官方鏈接:https://www.iconfont.cn/   二、使用 官方使用文檔:h

原创 vue項目全局中引入scss

一、概述 有一個scss文件,需要應用到每一個vue文件。如果每一個vue文件寫重複代碼,浪費精力。 關於scss的安裝,請參考鏈接:https://www.cnblogs.com/xiao987334176/p/14468510.html

原创 ElementUI 實現Table組件實現拖拽效果

一、概述 Sortable.js Sortable.js是一款優秀的js拖拽庫,支持ie9及以上版本ie瀏覽器和現代瀏覽器,也可以運行在移動觸摸設備中。不依賴jQuery。支持 Meteor、AngularJS、React、Vue、Knoc

原创 docker部署RabbitMQ(單機)

一、概述 簡介 RabbitMQ是實現了高級消息隊列協議(AMQP)的開源消息代理軟件(亦稱面向消息的中間件)。RabbitMQ服務器是用Erlang語言編寫的,而羣集和故障轉移是構建在開放電信平臺框架上的。所有主要的編程語言均有與代理接口

原创 Elasticsearch參數調優

一、概述 爲了避免Elasticsearch性能不足,需要對默認參數做一些優化。 本文采用elasticsearch:7.10.1,切勿低於7.x版本。   二、系統層面調優 系統層面的調優主要是內存的設定與避免交換內存。 ES 安裝後默認

原创 docker 部署Elasticsearch-權限認證(單節點)

一、概述 插件選擇 官方資料:https://www.elastic.co/guide/en/elasticsearch/plugins/current/security.html 官方插件 X-Pack X-Pack 插件在 dock

原创 ElementUI 實現el-table 列寬自適應

一、概述 Element UI 是 PC 端比較流行的 Vue.js UI 框架,它的組件庫基本能滿足大部分常見的業務需求。但有時候會有一些定製性比較高的需求,組件本身可能沒辦法滿足。最近在項目裏就碰到了。 很多頁面都需要用到表格組件el-