avue中地图使用实现地图的联动_GitHub - wqx0532/avue

Avue-cli

基于Avue、Vue、Element-ui实现的一套后台管理系统快速开发模板、开箱即用,它的核心是数据驱动UI的思想，让我们从繁琐的crud开发中解脱出来，它的写法类似easyUI，但是写起来比easyui更容易，因为它是基础数据双向绑定以及其他vue的特性。同时不知局限于crud，它还有我们经常用的一些组件例如，表单，数据展示卡，人物展示卡等，更多的组件还在开发

兼容性

兼容以下主流浏览器。

IE9 / Edge

Chrome

Firefox

Safari

Opera

avue(企业版)

适合人群:

1.常年撸后端，对前端页面有恐惧心里

2.刚入门vue，需要写一些复杂的业务场景

3.干着大量重复的crud，机械式劳动，浪费时间

4.前端小白，没用过很多框架，没有很多经验

实例代码

百度云课程

综合例子

使用方式

npm or yarn 使用

#### 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,{})；

CDN 使用

功能结构

- 全局错误日志记录

- vuex持久化存储

- 主题色切换

- 锁屏

- 数据展示

- 登录/注销

- 用户名登录

- 验证码登录

- 第三方登陆(QQ,微信)

- 权限验证

- 第三方网站嵌套

- CRUD(增删改查)

- FORM(动态生成)

- 阿里巴巴图标库(在线调用)

- tag标签操作

- 环境变量

- 表格树

- 引导页

- 数据持久化

- 剪切板

- 灰度化

- 系统管理

- 用户管理

- 角色管理

- 菜单管理

- 高级路由

- 动态路由

- 参数路由

- 更多功能开在开发

开发调试

运行

# 克隆项目

git clone https://gitee.com/smallweigit/avue.git

# 进入项目

cd avue

# 安装依赖

npm install --registry=https://registry.npm.taobao.org

# 启动服务

npm run serve

vue-cli3辅助工具

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

Copyright (c) 2017-present smallwei