原创 9. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-後臺週報接口編寫

一、後臺週報接口編寫 在已有的controls文件夾,然後下面創建一個weekly.js文件,用來管理週報相關接口。 1. 引入所需文件 首先將需要用到的已封裝的方法文件引入到weekly.js文件中 const $sql = requ

原创 JS:export 與export default的區別,結合import的用法

export:輸出本模塊(一般一個文件認爲是一個模塊)提供給外部使用的接口; import:引入其他模塊,供本文件使用,可以引用的就是export輸出的接口;   export有兩種方式:export 或者export default;

原创 vue對象或者數組中數據變化但是視圖沒有更新

由於 JavaScript 的限制,Vue 不能檢測數組和對象的變化。但是我們還是有一些辦法來回避這些限制並保證它們的響應性。 一、對於對象 **Vue 無法檢測 property 的添加或移除。由於 Vue 會在初始化實例時對

原创 17. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-登錄頁面

我這裏的頁面一般分爲三部分:html、js和css。接下來開啓我們的頁面構建之旅。 一、 想實現的效果 二、 頁面實現 1. html 首先我們想將登錄的佈局寫出來。 <template> <div class="login

原创 bootstrap多層或者多個模態框滾動條使頁面抖動問題

  在使用Bootstrap中模態框過程中,如果出現多層嵌套的時候,如打開模態框A,然後在A中打開模態框B;或者打開模態框A,關閉A後馬上打開模態框B,會發現頁面有抖動現象。這是因爲它隱藏了瀏覽器滾動條,頁面就相當於變寬了,關閉模

原创 13. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-狀態管理設置Vuex

Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。 我這裏主要使用它來存儲一些全局變量以及用戶的狀態。 一、創建mutati

原创 15. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-axios請求封裝以及接口統一管理

在src目錄下創建config目錄,並在此目錄下創建兩個文件http.js和interface.js, 其中http.js用來對axios請求進行封裝,interface.js用來對此項目中用到的接口進行統一封裝。 一、axios

原创 14. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-路由管理

在main.js同級目錄下創建router.js文件用來管理路由: 我這裏的路由採用的是history模式: import Vue from 'vue' import Router from 'vue-router' Vue.u

原创 11. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-vue.config.js 配置

Vue-cli3 搭建的項目,之所以界面想對之前較爲簡潔,因爲webpack的配置均被隱藏了,當你需要覆蓋原有的配置時,則需要在項目的根目錄下,新建vue.config.js文件,來設置新的配置。 一、創建vue.config.j

原创 12. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-前端入口文件main.js設置

一、main.js解釋說明 main.js是vue項目的入口文件,項目中所有的頁面都會加載main.js,main.js主要有三個作用: 1.實例化Vue; 2.放置項目中經常會用到的插件和CSS樣式; 3.存儲全局變量。 二、此

原创 16. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-自定義Element主題

Element主題顏色和我項目設計默認的顏色不一致,我自定義了一下主題。 一. 創建文件,修改主色調 Element 的 theme-chalk 使用 SCSS 編寫,如果你的項目也使用了 SCSS,那麼可以直接在項目中改變 El

原创 js-修改url中某個指定的參數的值

/* * url 目標url * arg 需要替換的參數名稱 * arg_val 替換後的參數的值 * return url 參數替換後的url */ function changeURLArg(url,arg,arg_va

原创 textarea禁止橫向拉昇/縱向拉伸/不顯示拉伸狀態的寫法

textarea默認是允許橫向和縱向拉伸的,如果想要禁止textarea拉伸狀態可以這樣寫。 禁止橫向拉昇 resize: vertical; 縱向拉伸 resize: horizontal; 不顯示拉伸狀態 resize: n

原创 10. Vue+nodeJs+MySql之週報管理系統-前端創建vue單頁面項目

一、創建vue單頁面項目 我這裏創建vue項目使用的是Vue-CLI腳手架,Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統。 1. 安裝Vue-CLI npm install -g @vue/cli # OR yarn

原创 9. Vue+nodeJs+MySql之週報管理系統-後臺週報接口編寫

一、後臺週報接口編寫 在已有的controls文件夾,然後下面創建一個weekly.js文件,用來管理週報相關接口。 1. 引入所需文件 首先將需要用到的已封裝的方法文件引入到weekly.js文件中 const $sql = requ