Eui基于vue开箱即用的免费后台开源框架

时间:2024-05-23 16:21:25

前言
致力于快速开发和vue的开发学习,通过Eui你可以直观的感受到前后端分离带来的便捷和高效。同时你也可以通过Eui学习到vue的基本开发形式,缩短您开发的进度,增强直观体验。

简介

Eui是基于Vue、Vuecli、iView、axios、tinymce和eCharts多种JavaScript库的UI框架,因为Eui的高度集成和组件化充分减轻您的开发负担,你可以通过euiadmin.com来进行体验。Eui官网还有免费开发的Api接口可以使用。

简单的运行方式,你只需要在本地搭建node.js+vuecli环境,然后在体验后台下载整体源码解压,在目录下执行"npm run serve"直接运行,可以体验到和官网一样的体验,所有端口均开放,你只需要将api换成自己的即可完成开发,大大缩短开发时间。

集成情况

(1) iView,你可以直接通过iView官网了解开发详情,你可以通过iView官方例子直接进行开发。
(2) eCharts,你可以参考Eui文档直接使用eCharts,支持官方例子和GL例子。
(3) Vue-cookies,可以通过this.cookies.set()cookiethis.cookies.set(),进行设置cookie。通过this.cookies.get(),获取cookie值。
(4) Axios,集成Vue官方推荐的axios组件库,你可以通过this.$axios调用axios库,进行数据请求。
基础情况
(1) 支持跨域
通过vue.config.js的基础修改支持跨域,开发者可以更快的与后端进行联合开发,减少配置时间。
(2) 数据实例 提高学习性
你可以通过源码使用JavaScript中console.log打印response查看数据返回结果,便于直接学习,助您更快更好的学习前后端分离。
(3) 强劲的富文本编辑器
Eui对Tinymce富文本编辑器深度集成,你可以通过简单修改端口实现图片插入、清空、禁用等系统功能。除此之外可以更多功能,采取v-model的形式绑定数据便于理解,你可以通过访问Eui官网进行注册然后登陆体验。
Eui基于vue开箱即用的免费后台开源框架,提供Api
(4) 已经实现功能
1、登陆
2、注册
3、找回密码
4、主页
5、登陆展示
6、网站信息
7、用户表格展示
8、富文本编辑器
9、echarts图表集成
10、echarts实现中国地图
11、404错误页
12、500错误页
13、邮箱设置
14、邮件发送
15、网站测试
16、个人中心
(五)部分图集:

主页:
Eui基于vue开箱即用的免费后台开源框架
虚拟用户表格:
Eui基于vue开箱即用的免费后台开源框架
Tinymce富文本
Eui基于vue开箱即用的免费后台开源框架

中国地图:
Eui基于vue开箱即用的免费后台开源框架

登陆:
Eui基于vue开箱即用的免费后台开源框架

500错误页:
Eui基于vue开箱即用的免费后台开源框架

404错误页
Eui基于vue开箱即用的免费后台开源框架

Eui基于vue开箱即用的免费后台开源框架,提供Api
Eui免费开源,你可以通过私信发送Eui获取体验地址和源码。Eui免费开源,持续更新,更鼓励你加入维护。

喜欢的可以关注我,方便获取最新信息。