原创 element UI-遠程搜索(el-autocomplete)

1.需求 表單項(系統名稱)需具有搜索功能 2.實現 <template> <div class="publicBox"> <div> <div class="main-content">

原创 前端學習筆記5-CSS入門三

前言:雖然做了幾個前端項目,但是屬於項目組的趕鴨上架。我的前端基礎還是非常薄弱,在網上找了一些網站,用於空閒時間學習。在此做下學習筆記,以做複習使用。 網站的課程講的很好,很適合像我這樣零基礎的人學習,非常感謝網站的維護者,推薦下:綠葉學

原创 俗-整理自己

有人說,不能把自己交代的太清楚,以防有人對付你。我覺着大體是對的,但是轉念一想,在別人眼裏算不上是一顆蔥,自然不用擔心有人把自己做成菜。對於我來說,必要的回顧還是要的,一日三省吾身做不到,偶爾省省也不錯。 09年高考分數不理想,爲了穩妥起

原创 element UI-日期選擇器(el-date-picker)

1.需求:結束日期選擇範圍:開始日期-開始日期+30天 2.實現: 使用el-date-picker組件的picker-options屬性,及picker-options中的disabledDate方法   代碼(style也在,可忽略

原创 vue-使用websocket

1.需求 項目有部分要求前後端實時交互 2.實現 前端使用websocket,直接上代碼(只涉及websocket) let localHost = window.location.host co

原创 MySQL-分組後取最新值

1.需求:一張表中有多組數據,要求取出每組的最新一條的某些字段值。 例如,成績表中存儲了學校所有學生(一年級、二年級、三年級)所有學科(語文、數學、英語)的成績,要求取出某個學生的最近一次所有學科的成績。 2.實現: SELECT 學

原创 Java配置19-配置Nginx代理websocket請求

1.需求 前後端要求實時交互,互相通信,使用了websocket。 2.實現 修改nginx配置文件nginx.conf 1)在http塊中添加以下參數 map $http_upgrade $connection_upgrade

原创 前端-開發環境安裝與配置

前端-開發環境安裝與配置前言安裝node.js安裝npm安裝Vue安裝webstrom安裝依賴其他報錯查詢到的方法 前言 好久沒寫博客了,有點懈怠。最近因爲疫情在家辦公,重新安裝配置了前端的開發環境,當時從網上搜了很多東西,這裏做

原创 element UI-遠程搜索(el-select)

1.需求 表單項需具有搜索功能,並以下拉選的形式展現 2.實現 <template> <div class="medicalRecord"> <div class="main-content" v-if="!taskDeta

原创 前端學習筆記4-CSS入門二

前言:雖然做了幾個前端項目,但是屬於項目組的趕鴨上架。我的前端基礎還是非常薄弱,在網上找了一些網站,用於空閒時間學習。在此做下學習筆記,以做複習使用。 網站的課程講的很好,很適合像我這樣零基礎的人學習,非常感謝網站的維護者,推薦下:綠葉學

原创 Java配置13-配置redis高可用(sentinel監控)

日期 操作 備註 2018-10-18 create   2019-05-13 update 增加sentinel               目錄   1.服務器環境 2.Redis服務器概況 3.Redis高可用 1)複製配置文件

原创 element UI-單選(el-radio)增加取消功能

記錄調試增加el-radio的取消功能 1.爲單選加click事件 2.在方法中進行判斷,同時進行邏輯處理 3. 方法很簡單,注意思考 1)單選控件首先記錄一個下標 2)點擊一條記錄時,先獲取下標,然後與先前記錄的下標比較。 如果值相

原创 element UI-實現table分頁回顯和數據收集

1)table添加 :row-key @selection-change 2)多選列添加 :reserve-selection="true" 3)data中添加相關變量 4)method中添加相關方法 @selection-c

原创 MySQL-先排序後去重

前言:近來開始寫後端,先從小bug入手,記錄下有趣的SQL 1.需求:根據表中的a字段排序,然後再根據b字段去重 2.實現: 第一個sql語句: SELECT DISTINCT name FROM student WHERE id

原创 vue-公共方法

1.創建js 可以在src文件下,創建一個文件夾放公共方法js 2.定義方法 export default { // 方法1 testMethod1: function () { console.log('對,我只是一