前段時間公司需要開發乙個後台管理系統，時間比較急迫，一兩天時間。想一想自己一點一點的搭建起來可能性不太大，就想著有沒有現成的可以改一改，就找到了基於vue.js和iview元件庫的現成後台，拿來改改就可以了 iview admin。
一、介紹：
1.iview ui元件庫是基於vue.js的ui元件庫（相比之下大家都知道的）。
2.iview admin 引用iview admin文件的介紹：iview-admin是iview生態中的成員之一，是一套採用前後端分離開發模式，基於vue的後台管理系統前端解決方案。iview_admin
預覽iview_admin文件
iview_admin github位址
二、使用：
1. 目錄結構：
從github轉殖下來的原始專案就是這樣乙個結構。
config/ （專案開發配置檔案，主要用於區分開發環境和生產環境）
node_modules/ （專案依賴）
public/ （存放主入口檔案 index.html）
src/ (資源檔案，這裡面內容比較多)
還有乙個比較重要的檔案就是根目錄下的：vue.config.js
這個是vue配置檔案，和vue cli2.x不通，這裡使用的是vue cli3，所有的webpack配置都在這裡配置。
其他的一些檔案和資料夾一般使用還用不到。
2. config/
config/ 資料夾下面有兩個檔案:
env.js
export default 'development'import env from './env'
const dev_url = ''const pro_url = ''
export default env === 'development' ? dev_url : pro_url
3. public/
public/ 資料夾下面只有乙個檔案，那就是index.html內容輸出的入口檔案。
其中data.js 中是所有資料請求的函式，routers.js路由請求函式，user.js是使用者登入、獲取使用者資訊、退出登入的請求方法。在iview admin中是將所有的請求方法分類放在一起，**需要再在**呼叫，而不是散布在各個頁面裡面，這樣利於維護修改。
比如user.js中：
src/assets/ 下存放的都是等一些靜態資源等等。
src/components/ 下面是iview admin已經封裝好的一些可以直接呼叫的組建。
4-4. src/config/專案內配置檔案，裡面已經有的配置是cookie儲存時長，是否使用國際化配置。
4-5. src/directive/一直專案自定義指令
在這裡主要在強調一下，在axios.js中iview_admin作者對請求方法進行了封裝處理：
這裡對響應進行了攔截處理，如果你在使用時成功請求後並沒有約定好返回碼字段為code或者成功後要返回code:200 那你使用他的請求就算在控制台network看到請求成功資料返回，但是你列印出來的結果會是false，要不就和後台按照他的約定好，要不就改一下原始碼。
tools.js和util.js都是一下工具函式。
4-7. src/locale/存放國際化配置檔案，如果不使用國際化，則不需要關心。
4-8. src/mock/mock資料，在沒有接入真實開發環境時，轉殖下來的專案使用的都是mock的加資料。
4-9. src/router/routers.js 路由配置檔案，在這裡需要注意使用者的許可權配置：
例如：使用者的許可權配置必須是乙個陣列。
4-10. src/store/這裡是整個專案狀態管理的地方，使用了vuex狀態管理工具，不了解的同學可以看看 vux官方文件。
4-11. src/view/這裡面就是我們要編寫的展示頁面了。
總結：一點粗淺經驗，有什麼不對的請大家指正。iview admin是一套基於vue的後台管理系統前端框架，真正實現了前後端分離，熟練使用過vue的同學會很容易上手，開發效率很高。
vue爬坑 入門坑
問題1 父子頁面路由模組之間的呼叫 非資料互動 問題2 資料請求時跨域解決 用vue cli建立的專案，開發位址是localhost 3010，資料介面是localhost 8080。此時資料和開發環境不在相同網域名稱下，需要跨域才能請求到資料。解2 解決辦法有多種 服務端修改請求頭資訊允許跨域請求...
爬坑 自用記錄
mysql爬坑 在儲存過程中，想在concat中使用select into，into後的變數要只用帶 符號的，參考如下 begin declare totalcountsql varchar 500 set totalcountsql select count 1 into totalrecord ...
element ui 爬坑之旅
上圖 標記1model裡面的值，必須和標記2裡面的值一致，否則會報錯。2 在ie裡面，el date picker預設值設定時只支援時間格式為 2018 3 12 15 41 20 不支援類似於 選中狀態的顏色 useindextable.current row 滑過行的顏色 2 表頭固定，並且高度...