原创 基於vue-element-admin的異步權限路由——菜單管理(二)

一、前置準備工作 上篇文章講述了用戶和角色進行關聯,這篇文章將講述菜單管理(路由管理)以及菜單和角色進行關聯。首先需要準備的工作: 1、菜單數據表(menu_table) menuId pid name url sort type 菜單I

原创 基於vue-element-admin的異步權限路由——用戶角色(一)

第一次使用vue-element-admin這個後臺解決方案的時候,感覺是非常的舒服的,基本的後臺管理功能都能實現,唯一不是很友好的就是異步權限路由,無法靈活的進行變動。這個也是由於是演示示例,無法做到和數據庫進行交互。在使用的過程中,經

原创 vue-cli3.0使用amfe-flexible + postcss-pxtorem,適配移動端並px自動轉rem

已初始化vue-cli3項目 第一步:下載 postcss-pxtorem(npm i postcss-pxtorem -D) 第二步:下載 amfe-flexible(npm i amfe-flexible -S) 第三步:在main.

原创 限制輸入框輸入合理的金額

在一些場景下需要對輸入框進行一定的限制,比如輸入框只允許輸入合理的金額 HTML代碼: <input type="text" id="rechargeAmount" οninput="checkInput(this,10)" autof

原创 Git-本地文件關聯遠程Git庫文件

在我們第一次關聯Git庫後,如果把Git配置信息刪掉了,那麼我們需要進行第二次關聯: 一、git init 二、git remote add origin "Git庫地址" 三、git add . 將本地工程文件夾所有內容添加至緩存區 四

原创 基於vue-element-admin的異步權限路由——動態路由(優化)(四)

    上篇文章雖然實現了動態路由的功能,但是還是很麻煩的,需要配置兩套路由表才能實現,經過一系列的測試後,動態路由表的配置完全由後端返回的路由數據進行生成。     菜單表(menu_table): menuId pid

原创 基於vue-element-admin的異步權限路由——動態路由(三)

    前面已經實現了用戶與角色關聯、角色與路由關聯,這篇文章主要介紹後端根據用戶角色返回角色綁定的路由後,前端如何實現動態生成路由。     首先我們前端保存了一份全部的異步路由配置表: export const asyncRo

原创 二、基於vue-element-admin的異步權限路由——菜單管理

一、前置準備工作 上篇文章講述了用戶和角色進行關聯,這篇文章將講述菜單管理(路由管理)以及菜單和角色進行關聯。首先需要準備的工作: 1、菜單數據表(menu_table) menuId pid name url sort type 菜單I

原创 一、基於vue-element-admin的異步權限路由——用戶角色

第一次使用vue-element-admin這個後臺解決方案的時候,感覺是非常的舒服的,基本的後臺管理功能都能實現,唯一不是很友好的就是異步權限路由,無法靈活的進行變動。這個也是由於是演示示例,無法做到和數據庫進行交互。在使用的過程中,經

原创 Vue-cli腳手架之時間過濾器

一、Vue-cli腳手架創建全局過濾器: 1、在src文件夾下創建filters文件夾,filters文件夾下創建文件index.js 2、在main.js中引入後進行註冊過濾器 // 引入過濾器文件 import filters fr

原创 關於本人源碼的遷移

由於項目需要,本人所有項目代碼全部轉移到code阿里雲的git庫,原GitHub庫上的代碼不再提供更新。 由於阿里雲git庫是私人庫,不會公開。 原項目包括: mint-ui示例源碼; vux-ui示例源碼; element-ui示例源碼

原创 阿里雲ESC寶塔面板創建網站,利用phpstorm下載到本地,編輯同步到阿里雲git庫和服務器

首先解析好域名,利用寶塔創建站點綁定到解析好的域名: 1、解析域名 2、利用寶塔面板創建站點(創建站點是記得同時創建ftp) 這個FTP賬號資料記不記都行,寶塔面板有FTP記錄。 此時,站點創建完畢。打開可以看看默認的頁面:

原创 在本地利用node中的express框架監聽端口指向文件夾,並可以通過ipv4地址打開

作爲一個前端,有的時候如果需要在本地通過HTTP或者HTTPS來訪問一個文件夾的話,可以通過軟件來實現,但是如果通過nodejs來實現,該怎麼實現呢? 一、首先需要下載安裝nodejs。 二、然後在本地新建一個文件夾,如server,然後

原创 如何在本地利用nodejs中的express來運行打包後的vue-cli完成的項目(已解決vue-router的history模式)

      我們在利用vue腳手架(vue-cli)開發vue的項目時,在開發完畢是需要執行打包命令(npm run build)進行打包,打包後默認生成一個新的文件夾dist,項目的所有前端文件都在這個文件裏面。這個時候如果我們需要以本

原创 移動端媒體查詢適配px,使用rem

以375px寬度16px爲基礎 @media only screen and (min-width: 320px) { html { font-size: 13.65px !important; } } @media only