1. 程式人生 > >Vue + ElementUI 手擼後臺管理網站基本框架(零)前言篇

Vue + ElementUI 手擼後臺管理網站基本框架(零)前言篇

歡迎轉載,但需標明出處

前言

本教程中涉及的後臺管理系統使用 vue + element + webpack 作為基礎框架,SPA架構,均採用vue的單檔案元件形式進行書寫,故你需要確保PC中擁有nodeJS環境,保證程式碼可以進行後期編譯,以執行在瀏覽器環境中。

UI框架則採用element,當前使用element 1.x版本。如果你認為element比較醜,可以自行更換成ivew或者其他UI框架。
ivew官方擁有自己的後臺管理系統示例,可在官網文件中找到。

文章的更新的二三事

因本系列教程編寫時使用的是element 1.x版本,如果element在後續版本中對之前的API進行了破壞性變更,原理類及思路類文章將不會更新,應用類文章看情況更新。

如果在實踐中發現有更好的思路及解決方法,原理類及思路類文章將直接在原基礎上更新。

原始碼

當前原始碼地址:https://github.com/harsima/vue-backend
請注意,該原始碼會不斷更新(因為工作很忙不能保證定期更新)。原始碼涉及到的東西有超出本篇教程的部分,請酌情閱讀。

本系列目錄