后台集成解决方案 avue

MIT
JavaScript 查看源码»
跨平台
2018-02-08
avue_smallwei

简介

Avue是基于Vue.jselement的快速开发框架 它的核心是数据驱动UI的思想,让我们从繁琐的crud开发中解脱出来,它的写法类似easyUI,但是写起来比easyui更容易,因为它是基础数据双向绑定以及其他vue的特性。同时不知局限于crud,它还有我们经常用的一些组件例如,表单,数据展示卡,人物展示卡等,更多的组件还在开发

avue2.x来了!!

avue2.x重磅来袭!与1.0.x版本截然不同!!
演示地址
源码获取

适合人群:
1.常年撸后端,对前端页面有恐惧心里
2.刚入门vue,需要写一些复杂的业务场景
3.干着大量重复的crud,机械式劳动,浪费时间
4.前端小白,没用过很多框架,没有很多经验

点击查看详情

百度云课程

avue自定义第三方插件

穿梭框
富文本编辑器

使用方式(以富文本编辑器为例):

  • npm install avue-plugin-ueditor --save

  • main.js导入import 'avue-plugin-ueditor/packages'

  • 列的属性配置"component": "AvueUeditor" 你插件的全局名字即可

avue综合实际实例

avue相关地址

欢迎加入QQ交流群,互相学习
前端avue交流群:606410437
后台微服务群:23754102
服务端解决方案:https://gitee.com/log4j/pig
刚入门的前端小师妹博客:https://my.oschina.net/u/3883702/
最近很多人反应不太会用crud快速开发组件,因此免费推出crud系列的讲解课程,详情请加QQ群

cli 1.x演示地址

技术文档

官方网站

源码地址

更新日志

本项目以更新到最新的vue-cli@3.0的脚手架,更多使用请去vue官方查看

Avue

基于数据驱动视图的思想,根据json数据快速构建crud和form等组件
依赖包:

  • axios:发送ajax数据用到的包

  • element-ui:可视化UI组件

  • 引入avue之前先引入上面这俩个包

CDN

#### npm
npm i @smallwei/avue --save

#### yarn
yarn add @samallwei/avue --save

使用方式

import Element from 'element-ui'
import axios from 'axios'
import Avue from @smallwei/avue/lib/index.js
import @smallwei/avue/lib/theme-chalk/index.css

Vue.use(Element);
Vue.use(Avue,axios)

功能结构

- 全局错误日志记录
- vuex持久化存储
- 主题色切换
- 锁屏
- SSR渲染页面
- 数据展示
- 登录/注销
 - 用户名登录
 - 验证码登录
- 权限验证
- 第三方网站嵌套
- CRUD(增删改查)
- FORM(动态生成)
- 阿里巴巴图标库(在线调用)
- 环境变量
- 表格树
- 引导页
- 数据持久化
- 剪切板
- 系统管理
 - 用户管理
 - 角色管理
 - 菜单管理
- 高级路由
 - 动态路由
 - 参数路由
- 更多功能开在开发

部分页面展示 (其他页面效果图在publich/cdn/imgages目录)

登录页面

炫彩主题

开发

# 克隆项目
git clone https://gitee.com/smallweigit/avue.git

# 进入项目
cd avue

# 安装依赖
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run serve

vue-ui启动

1.npm install -g @vue/cli 全局安装vue脚手架最新版  
2.vue --version 查看版本是否为3.x版本  
3.vue ui 运行管理工具,导入avue-cli项目

调试与发布

# 构建测试环境
npm run serve

# 构建生成环境
npm run build

其它

# 代码检测
npm run lint

# 单元测试
npm run test:unit2

    License

    MIT

    Copyright (c) 2017-present Smallwei

    加载中

    评论(13)

    昆虫大侠
    昆虫大侠
    看起来不错
    LarryYan
    LarryYan
    不错用了
    magoo_lau
    magoo_lau
    mark
    吾字天河
    吾字天河
    现在都要前后端分离的,个人认为ssr是vue的耻辱
    开源中国首席98K
    开源中国首席98K
    后台要SSR做什么
    w
    wolf_haung
    没后台的
    F
    Fisher4U
    请问用的是什么编辑器?
    tubexu
    tubexu
    扣个1
    c
    chenhp9
    这个和easyUI的区别在哪?因为对vue不了解,感觉差不多,但是这个目前只是第一版
    自导自演彡
    自导自演彡
    我看到了admui的影子 哈哈

    avue 1.4.3 更新,新增大量配置化属性,完善使用文档

    更新日志 1.4.3 2018-11-23 新增upload组件upload-before和upload-after中回调loading(终止操作的方法) 修复tree组件新增和编辑时表单自动激活验证问题 新增tree的addBtn搜索栏旁边的卡槽 ...

    11/26 15:29

    avue-cli 1.6.0 发布,优化了部分底层组件,修复若干bug

    avue-cli 1.6.0(avue-cli是基于avue开发的一个快速开发后台模版) 底层升级到最新版本avue 修复了若干已知bug 优化了tags和sidebar底层组件 avue官网 Avue ,一款神奇的vue组件框架,完全由...

    11/12 09:47

    avue 1.2.3 版本更新,新增了一些辅助组件

    1.2.3 新增type为tree时defaultExpandAll属性是否展开树形结构,默认为true 优化type为password时crud明文显示的问题 修复type为tree时搜索props配置问题 修复核心方法是字典匹配对象方法问题...

    10/30 09:44

    avue 1.1.21 发布,crud 和 form 的搬砖神器

    avue 1.1.21 发布了,Avue 是基于 Vue.js 和 element 的快速开发框架。它的核心是数据驱动 UI 的思想,让我们从繁琐的 crud 开发中解脱出来,它的写法类似 easyUI,但是写起来比 easyui 更容...

    10/07 20:36

    avue 1.5.4 发布,新增 form 组件和 crud 组件生成器

    为了更好减少json维护和开发者的成本,推出了2款快速在线生成器和在线例子网站 生成器demo form表单拖拽生成器 crud表格生成器

    08/17 08:10

    avue 1.5.2 优化大量底层代码,crud 和 form 底层公用

    1.5.2 crud and form 修复:v-model双向数据绑定问题,ILB57 新增:readonly属性,ILEMY 新增:select下拉清空clearable属性,ILHXH crud 新增:color字典颜色字段,具体看demo例子,PR7 新增...

    07/25 15:47

    avue v1.5.0 发布,快速构建 crud 和 form 等组件的解决方案

    1.5.0 说明:avue1.x版本已经趋向于稳定,将不再做新的功能增加,但会根据issuse继续持续维护和优化将更多的精力投放于avue2.0 课程视频更新 B站视频 1.Avue修仙系列之基础环境的准备和课程介...

    07/15 17:04

    avue 1.4.7 更新,新增炫彩主题

    avue 1.4.7 版本发布,avue 是一个后台集成解决方案,支持 SSR (服务端渲染)和 SPA (单例页面),基于 Vue.js 和 element 。 crud and from 优化:更换了更加稳定的富文本编辑器 修复:用户管...

    07/04 16:57

    avue 1.4.6 新增 table-tree 可配置组件和大量组件新属性

    avue 1.4.6 已发布,avue 是一个后台集成解决方案,支持 SSR (服务端渲染)和 SPA (单例页面),它基于 Vue.js 和 element,使用了最新的前端技术栈,权限验证,第三方网站嵌套等功能。 本次更...

    07/01 23:25

    avue 1.4.3 发布,新增 crud 组件动态显隐列功能

    avue 1.4.3 发布了,主要改进内容包括: crud and from 优化:组件新增了placeholder属性,默认为label,#IKJ6L 优化:type属性设置为date、datetime、time的时候size的属性无效 type属性设置...

    06/19 08:29

    没有更多内容

    加载失败,请刷新页面

    暂无问答

    近期概况

    最近学习avue,学到脑瓜疼脑瓜疼,看到代码脑瓜疼脑瓜疼。。。。 在此,感谢开发avue这套框架的我师父兼同事,开发出这么好用的框架,这才感觉稍稍简单一点。其实还是一脸懵逼【狗头】【狗头...

    10/24 14:16
    71
    0
    vue中用数据驱动视图的思想去写代码——基础json可配置化

    前言 如何在vue中写出高质量可维护代码,减少我们写代码的时间,让我们去谈女朋友! 例子 我们以一个菜单的案例展开,先来看一个平常程序员怎么常规的vue文件如何写? 以element-ui为基础组件...

    07/20 15:28
    1K
    2
    基于vue-element-admin框架改造——支持第三方iframe网站

    先来看个效果图 码云地址:https://gitee.com/smallweigit/vue-element-admin.git 例:http://localhost:9527/#/iframe/urlPath?src=https://www.baidu.com (访问百度) 格式:http://localhos...

    01/30 18:06
    6.4K
    3
    前端后台的爱恨情仇——接口调试

    ## 背景   现在软件公司如同动物世界一样,存在多个物种,而往往在多个物种之间,有2个物种之间天天存在着爱恨情长,演绎着可歌可泣的爱情悬疑大剧(时不时的"四壁","帅锅");说的莫名其...

    06/12 17:30
    282
    4
    vue开源项目

    包括一些ui库和比较完整的小项目。ui库会对主要的单选框,多选框,级联选择器,滑块,日期/时间选择器,进度条,分页,弹框,通知,导航菜单,步骤条等截图比较 写在前面的 评价纯属个人主观...

    09/12 00:36
    11K
    52
    D2Admin 8月更新: 高级数据持久化|标签页右键|模块化等

    剧透:这次,D2Admin 带来了其它同类模板都没有的“花式”数据持久化功能,以及极少同类产品才有的标签页右键控制... 概述 D2Admin 7月份更新到了 1.1.5 版本 相关介绍,8月份即将结束,首先...

    08/23 10:08
    27
    0

    没有更多内容

    加载失败,请刷新页面

    没有更多内容

    返回顶部
    顶部