基於vue-cli3+typescript+element-ui搭建起來的後端管理平臺框架(骨架)

原創 水痕01 2019-02-19 14:20

一、運行後效果

  • 1、登錄頁面

  • 2、主頁面

二、關於多環境配置

項目中配置了dev、production、fat、uat四個環境,每個環境配置了3個基礎的url地址,方便現代後端微服務開發模式(可能接口與圖片/文件存儲的api地址不一樣)

三、本項目使用vue-cookie作爲存儲用戶信息用於登錄鑑權

四、項目下載地址,大神方便給個✨✨,我們共同成長

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

如何利用前端插件--Moesif，修改origin信息，本地測試跨域神器

Moesif修改origin信息，方便本地跨域取數據

zhumengzj 2020-07-08 10:44:52

webstorm配置eslint.tslint等

如果配置打開新的項目失效，那就重新apply一次或者選擇重新導入

zhumengzj 2020-07-08 10:44:52

vue slot插槽的小技巧

如果想使用插槽，又不想添加都一個節點，那就把父組件的插槽的標籤也改爲slot 這樣就可以了：如下 子組件： <slot name="header"> </slot> 父組件： <slot slot="header"> <el-

zhumengzj 2020-07-08 10:44:41

sortablejs配合elementui table使用

1.先呈現代碼     // 行拖拽     handleRowDrop() {       const tbody = document.getElementById('configModelTable').querySelector(

zhumengzj 2020-07-08 10:44:41

Vue細究——爲什麼vue中的data要用return返回

開始學vue的時候總是抱着“是什麼，怎麼用”的策略，最近搞了一些項目之後覺得是時候搞下“爲什麼了” 爲什麼在項目中data需要使用return返回數據呢？ 大家知道用組件化來寫vue項目,每個.vue都是一個個組件。那什麼是vue中的組件

民国周先生 2020-07-07 12:36:42

從 0 到 1 構建 webpack4 + vue2 應用

簡介 隨着項目需求的日益複雜，通常的腳手架工具已經滿足所有需求，所以我們通常需要搭建一套符合公司業務場景的腳手架工具。在該項目中我們將基於 Webpack4 構建 Vue2.x 的開發系統。本課程將介紹 webpack、babel

梧桐月 2020-07-07 05:54:14

v-model——數據雙向綁定

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

我的哥哥呦 2020-07-06 00:43:28

selet2 vue2實現下拉級聯

來源：   功能：起運港 與 目的港 來源於一張表，兩個欄位爲多對多關係，即1個起運港可以對應多個目的港，1個目的港也可以對應多個起運港。兩個欄位下拉選項互爲限制條件。 難點：select2組件change事件要能與父級(即V

tb_ 2020-07-03 03:42:21

vue2平滑過渡到vue3的必看文章之詳解核心知識

引言：vue2中需要掌握的知識 基礎知識 創建實例 模板語法/JSX語法 指令 data及數據劫持 methods / computed / watch / filters 事件監聽和修飾符 條件渲染 循環渲染 表單處理和修飾

宅男呀 2020-06-27 23:14:33

vue組件之間的多種通訊方式

一、父組件傳遞參數給子組件 1、父組件傳遞參數 <template> <div> <Son1 :name="name" :age="20" :bookList="['三國演義',

水痕01 2020-06-20 18:34:38

vue組件中各種傳值的方法

一、直接使用屬性傳遞的方式傳遞 父組件中傳遞的參數可以有很多個,如果子組件中未使用props接收的話,會逐級的往下面傳遞並且會掛載在當時組件的dom上,見下圖 1、父組件給兒子組件傳遞參數 <template> <So

水痕01 2020-06-20 18:34:38

使用@vue/cli開發一個typescript通用組件併發布到npm上

一、組件分類的介紹 1、通用組件 抽象的UI組件，無具體的實現 使用需要加入具體的業務代碼 具有高通用性和可擴展性 2、業務組件 平時我們項目中使用的組件 二、vue中組件的認識 傳統的前端開發中是沒組件的概念

水痕01 2020-06-20 18:34:38

Vue2.js學習筆記-01

由於工作中要修改前端Vue寫的頁面(我可是後端呀。。哭臉)，特來學學，本來之前一直想學的，但都只學了點皮毛，這不，機會來了，廢話不多說，進入正題！     老規矩，Hello World!     首先去Vue官網下載Vue的js文件，地

笑笑是一个码农 2020-06-16 05:45:18

Vue2.js學習筆記-02(基本指令v-cloak、v-text、v-html、v-bind、v-on學習)

一、回顧 在vue的Hello World程序的學習中，頁面獲取值的表達式爲“{{}}”， 但這個插值表達式會存在一定的問題，當我們網速很慢的情況下，頁面會優先渲染"{{ 數據所對應的key }}"，怎麼看到這個效果呢，F12打開谷歌瀏覽

笑笑是一个码农 2020-06-16 05:45:18

vue 白屏問題彙總（經過廣泛用戶反饋最終章）

項目中偶爾會遇到vue 第一次打開白屏現象，針對這個問題，找了不同環境下的處理方法，留個紀念 1，ios10 出現白屏 原因是由於ios 10中Safari中錯誤描述如下:當你定義一個與參數同名的for循環迭代變量時，我們錯誤地認爲這

superKM 2020-06-16 04:08:06