artiely / Vue Admin Iview
vue后端管理系统界面 基于ui组件iview
Stars: ✭ 442
Projects that are alternatives of or similar to Vue Admin Iview
Smart Admin
SmartAdmin 使用 SpringBoot和Vue,前后端分离,我们希望用一套漂亮的代码和一套整洁的代码规范,让大家在这浮躁的代码世界里感受到一股把代码写好的清流!同时又让开发者节省大量的时间,减少加班,快乐工作,热爱生活。SmartAdmin 让你从认识到忘不了,绝对是你最想要的!
Stars: ✭ 930 (+110.41%)
Mutual labels: iview, vue-admin
Iview Admin
Vue 2.0 admin management system template based on iView
Stars: ✭ 15,963 (+3511.54%)
Mutual labels: iview, vue-admin
Nideadmin
【未完成】NideAdmin - 基于 Vue.js + Egg.js 的微信小程序后台框架
Stars: ✭ 35 (-92.08%)
Mutual labels: iview, vue-admin
Iview Vue Admin
iView vue Admin / An admin management system template
Stars: ✭ 105 (-76.24%)
Mutual labels: iview, vue-admin
Xboot
基于Spring Boot 2.x的一站式前后端分离快速开发平台XBoot 微信小程序+Uniapp 前端:Vue+iView Admin 后端:Spring Boot 2.x/Spring Security/JWT/JPA+Mybatis-Plus/Redis/Elasticsearch/Activiti 分布式限流/同步锁/验证码/SnowFlake雪花算法ID 动态权限 数据权限 工作流 代码生成 定时任务 社交账号 短信登录 单点登录 OAuth2开放平台 客服机器人 数据大屏 暗黑模式
Stars: ✭ 3,432 (+676.47%)
Mutual labels: iview
DncVueSample
A Vue.js + iview static html admin template project.
Stars: ✭ 17 (-96.15%)
Mutual labels: iview
Vue Element Admin Tpl
Admin platform template base on vue + element-ui
Stars: ✭ 384 (-13.12%)
Mutual labels: vue-admin
Black Shop
black-shop(黑店),基于springBoot2.1.13和Spring Cloud Alibaba.{latest.version}搭建的微服务b2c电商平台,持续开发中…………欢迎加入贡献团队
Stars: ✭ 278 (-37.1%)
Mutual labels: vue-admin
Vue Form Builder
Build powerful vue form with JSON schema and composition api.
Stars: ✭ 325 (-26.47%)
Mutual labels: iview
vue3.0-template-admin
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Stars: ✭ 500 (+13.12%)
Mutual labels: vue-admin
Blog
一个go、echo、vue 开发的快速、简洁、美观、前后端分离的个人博客系统(blog)、也可方便二次开发为CMS(内容管理系统)和各种企业门户网站
Stars: ✭ 388 (-12.22%)
Mutual labels: iview
Go Admin
基于Gin + Vue + Element UI的前后端分离权限管理系统脚手架(包含了:多租户的支持,基础用户管理功能,jwt鉴权,代码生成器,RBAC资源控制,表单构建,定时任务等)3分钟构建自己的中后台项目;文档:https://doc.go-admin.dev Demo: https://www.go-admin.dev Antd beta版本:https://preview.go-admin.dev
Stars: ✭ 5,439 (+1130.54%)
Mutual labels: vue-admin
Uniadmin
UniAdmin是一套渐进式模块化开源后台,采用前后端分离技术,数据交互采用json格式,功能低耦合高内聚;核心模块支持系统设置、权限管理、用户管理、菜单管理、API管理等功能,后期上线模块商城将打造类似composer、npm的开放式插件市场;同时我们将打造一套兼容性的API标准,从ThinkPHP5.1+Vue2开始,逐步吸引爱好者共同加入,以覆盖larval、spring-boot、django、yii、koa、react等多语言框架。
Stars: ✭ 277 (-37.33%)
Mutual labels: iview
Form Create
🔥🔥🔥 强大的动态表单生成器|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON.
Stars: ✭ 3,698 (+736.65%)
Mutual labels: iview
vue-admin
vue-admin by iview ^_^
demo
ant-design版本 https://github.com/artiely/vue-admin (推荐)
element版 https://github.com/artiely/element-admin
项目截图
登录
注册
首页
主题切换
搜索
编辑
图表
字体图标
响应式
技术栈
vue
vue-cli
vuex
vue-router
axios
i18n
es6/7
webpack2/3
less
...
项目结构
这里推荐一个输出项目结构的node模块 treeplus
https://github.com/artiely/treeplus
├─build // 打包环境
│
├─config // 开发部署配置
│
├─node_modules
│
├─src // 项目源文件
│ │ main.js // 入口文件
│ ├─api // 请求接口
│ │
│ ├─assets // 组件静态资源
│ │ └─styles // 样式
│ │ ├─base // 基础样式
│ │ ├─cover // iview覆盖样式
│ │ ├─layout // 布局样式
│ │ └─variable // 样式变量
│ │
│ ├─common // 公共
│ │ ├─directive
│ │ └─utils
│ │
│ ├─i18n // 国际化
│ ├─components
│ │ │
│ │ ├─layout // 布局组件
│ │ │ Theader.vue
│ │ │ Nav.vue
│ │ ├─pages // 基本组件
│ │ │ E404.vue
│ │ │ Login.vue
│ │ │
│ │ └─views // 业务组件
│ │
│ ├─router // 路由管理
│ │
│ └─store // 状态管理
│
├─static // 业务静态资源
│ └─img
│
└─test // 测试
├─e2e
│ │ nightwatch.conf.js
│ │ runner.js
│ │
│ ├─custom-assertions
│ │ elementCount.js
│ │
│ └─specs
│ test.js
│
└─unit
│ .eslintrc
│ index.js
│ karma.conf.js
│
└─specs
Hello.spec.js
│ .babelrc // babel配置
│ .editorconfig // editor配置
│ .gitignore // git忽略配置
│ .eslintrc.js // eslint配置
│ .postcssrc.js // postcss配置
│ index.html // 项目首页
│ package.json // 依赖配置
│ prod.server.js // 打包后启动文件
代码默认遵循eslint(default)的规范 不习惯的可以在webpack.base.conf.js 关闭相应规则
浏览器支持
- IE 9+
- Firefox(最新)
- Chrome(最新)
- Safari(最新)
Build Setup
# install dependencies
npm install
# 国内
npm install --registry=https://registry.npm.taobao.org
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test
For detailed explanation on how things work, checkout the guide and docs for vue-loader.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].