Eui基于vue開(kāi)箱即用的免費(fèi)后臺(tái)開(kāi)源框架?原創(chuàng)

前言

致力于快速開(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)注我,方便獲取最新信息。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容