前言
致力于快速開(kāi)發(fā)和vue的開(kāi)發(fā)學(xué)習(xí)，通過(guò)Eui你可以直觀的感受到前后端分離帶來(lái)的便捷和高效。同時(shí)你也可以通過(guò)Eui學(xué)習(xí)到vue的基本開(kāi)發(fā)形式，縮短您開(kāi)發(fā)的進(jìn)度，增強(qiáng)直觀體驗(yàn)。
簡(jiǎn)介
Eui是基于Vue、Vuecli、iView、axios、tinymce和eCharts多種JavaScript庫(kù)的UI框架，因?yàn)镋ui的高度集成和組件化充分減輕您的開(kāi)發(fā)負(fù)擔(dān)，你可以通過(guò)euiadmin.com來(lái)進(jìn)行體驗(yàn)。Eui官網(wǎng)還有免費(fèi)開(kāi)發(fā)的Api接口可以使用。
簡(jiǎn)單的運(yùn)行方式，你只需要在本地搭建node.js+vuecli環(huán)境，然后在體驗(yàn)后臺(tái)下載整體源碼解壓，在目錄下執(zhí)行"npm run serve"直接運(yùn)行，可以體驗(yàn)到和官網(wǎng)一樣的體驗(yàn)，所有端口均開(kāi)放，你只需要將api換成自己的即可完成開(kāi)發(fā)，大大縮短開(kāi)發(fā)時(shí)間。
集成情況
（1） iView，你可以直接通過(guò)iView官網(wǎng)了解開(kāi)發(fā)詳情，你可以通過(guò)iView官方例子直接進(jìn)行開(kāi)發(fā)。
（2） eCharts,你可以參考Eui文檔直接使用eCharts，支持官方例子和GL例子。
（3） Vue-cookies,可以通過(guò)this. c o o k i e s . s e t ( ) ， 進(jìn) 行 設(shè) 置 c o o k i e 。 通 過(guò) t h i s . cookies.set()，進(jìn)行設(shè)置cookie。通過(guò)this. cookies.set()，進(jìn)行設(shè)置cookie。通過(guò)this.cookies.get()，獲取cookie值。
（4） Axios，集成Vue官方推薦的axios組件庫(kù)，你可以通過(guò)this.$axios調(diào)用axios庫(kù)，進(jìn)行數(shù)據(jù)請(qǐng)求。
基礎(chǔ)情況
（1） 支持跨域
通過(guò)vue.config.js的基礎(chǔ)修改支持跨域，開(kāi)發(fā)者可以更快的與后端進(jìn)行聯(lián)合開(kāi)發(fā)，減少配置時(shí)間。
（2） 數(shù)據(jù)實(shí)例 提高學(xué)習(xí)性
你可以通過(guò)源碼使用JavaScript中console.log打印response查看數(shù)據(jù)返回結(jié)果，便于直接學(xué)習(xí)，助您更快更好的學(xué)習(xí)前后端分離。
（3） 強(qiáng)勁的富文本編輯器
Eui對(duì)Tinymce富文本編輯器深度集成，你可以通過(guò)簡(jiǎn)單修改端口實(shí)現(xiàn)圖片插入、清空、禁用等系統(tǒng)功能。除此之外可以更多功能，采取v-model的形式綁定數(shù)據(jù)便于理解，你可以通過(guò)訪問(wèn)Eui官網(wǎng)進(jìn)行注冊(cè)然后登陸體驗(yàn)。
Eui基于vue開(kāi)箱即用的免費(fèi)后臺(tái)開(kāi)源框架，提供Api
（4） 已經(jīng)實(shí)現(xiàn)功能
1、登陸
2、注冊(cè)
3、找回密碼
4、主頁(yè)
5、登陸展示
6、網(wǎng)站信息
7、用戶表格展示
8、富文本編輯器
9、echarts圖表集成
10、echarts實(shí)現(xiàn)中國(guó)地圖
11、404錯(cuò)誤頁(yè)
12、500錯(cuò)誤頁(yè)
13、郵箱設(shè)置
14、郵件發(fā)送
15、網(wǎng)站測(cè)試
16、個(gè)人中心
（五）部分圖集：
主頁(yè)：
主頁(yè)
虛擬用戶表格：
在這里插入圖片描述
Tinymce富文本
在這里插入圖片描述
中國(guó)地圖：
在這里插入圖片描述
登陸：
在這里插入圖片描述
500錯(cuò)誤頁(yè)：
在這里插入圖片描述
404錯(cuò)誤頁(yè)
在這里插入圖片描述
Eui基于vue開(kāi)箱即用的免費(fèi)后臺(tái)開(kāi)源框架，提供Api
Eui免費(fèi)開(kāi)源，你可以通過(guò)私信發(fā)送Eui獲取體驗(yàn)地址和源碼。Eui免費(fèi)開(kāi)源，持續(xù)更新，更鼓勵(lì)你加入維護(hù)。
喜歡的可以關(guān)注我，方便獲取最新信息。
