Vue-Admin-iView基于iView的Vue后台模板

黑色简洁风格的后台界面,配上 iView 的组件库,vue-admin-iview 给人的第一感觉就是清爽利落。主题切换、图表展示、权限控制这些常见需求它都做得挺到位,适合用来快速搭后台原型。

基于 Vue 2.x + iView + Vue Router + Vuex + Webpack 搭起来的结构,虽然现在多人上 Vue3 了,但这个项目稳定性还不错,跑起来流畅,响应也快。哦对了,还内置了 i18n 多语言支持,想整双语系统也不费劲。

项目结构清晰,src 下面逻辑分得挺干净的,页面、组件、服务一目了然。用 treeplus 跑下结构也挺直观:

├─build
│  ├─config
│  ├─node_modules
├─src
│  ├─assets
│  ├─components
│  ├─router
│  ├─store
│  ├─views

登录注册页面带验证逻辑,写得也比较规范;主题切换不是只换个颜色,而是连布局都跟着走,细节不错。图表用的是 echarts,改数据就能出图,实用性蛮高。

如果你平时习惯用 Ant Design Vue,那可以看下它的兄弟版本:vue-admin:ant-design-vue 后台管理系统模板,更偏向企业级需求。想做轻量点的,也有 Ant Design Pro Vue 模板 这种。

vue-admin-iview 适合拿来做中小型后台系统,搭建快、改起来也不难。如果你刚好在用 Vue 2 + iView,那不妨 clone 下来跑跑看。

zip 文件大小:7.33MB