前言
UnitUI是基于vue+element-UI的一个动态开发框架,它是以node.js和vuecli为支撑基础。那么我们开发的时候,就需要node.js和vuecli环境进行支持。
为什么叫unitui?因为我们目的是搭建一个组件式开发框架,这样子我们可以将任何一组件,通过动态路由挂载的方式添加的路由中去,并通过于菜单进行绑定便可直接挂载一个组件,这样有利于我们快速开发和团队开发,保障安全等具巨大的优势,让广大开发者将有限的精力放到组件功能中。
![免费开源Vue+element-ui动态路由开源unitui快速开发框架](https://s4.51cto.com/oss/202108/13/0c02e2e59020a21ca43c7adb6f5130ca.jpg)
支持
内置页面
为了方便大家的开发,我们默认内置:
视图框架
![免费开源Vue+element-ui动态路由开源unitui快速开发框架](https://s4.51cto.com/oss/202108/13/14cee7c39af90ea90f8e5249312b5c13.jpg)
登录
![免费开源Vue+element-ui动态路由开源unitui快速开发框架](https://s6.51cto.com/oss/202108/13/a579d1e3674ea019b6007f80a5244e07.jpg)
注册
![免费开源Vue+element-ui动态路由开源unitui快速开发框架](https://s5.51cto.com/oss/202108/13/75735550e1e30bce90d71b51c80d8c30.jpg)
忘记密码
![免费开源Vue+element-ui动态路由开源unitui快速开发框架](https://s4.51cto.com/oss/202108/13/d006a8f4b28c19d42f5bbd435346c786.jpg)
404错误页
即四个页面和一个基础的开发框架。
内置js库
- "axios": "^0.21.1",
- "core-js": "^3.6.5",
- "echarts": "^5.1.2",
- "element-ui": "^2.15.5",
- "vue": "^2.6.11",
- "vue-router": "^3.2.0"
介绍
怎样进行开始开发
Unit ui是需要一个Node.js环境和一个的开发环境。你需要安装node.js(版本最新即可),然后再安装一个vuecli(版本最新即可)开发环境,然后便可直接下载的源码目录运行“npm run serve”便可运行unitui。
你可以获得什么
Unit-UI他已经内置了基本的登录、注册、找回密码几个重要的页面,再加上一个视图框架。你可以通过对视图框架的一个适当修改。甚至你可以对视图框架不进行修改,便直接进行组件开发。
你可以通过直接书写组件的形式便可直接开始你的项目开发,这样子有利于你的项目快速成型和团队搭配unit-ui毕竟是通过动态路由的形式搭建,那么意味着你和团队之间的搭配就会更加的简单。
其次,我们支持的动态路由也意味鉴权的实现也是非常简单,你通过有unit-ui便可实现快速鉴权,通过后端返回的json进行一个控制便可。
最后,我们有利于保障安全,因为动态路由是由后端进行控制,通过返回json对路由进行生成,这意味着我们的组件加载完全由后端进行控制,那我们项目的安全性就会得到一个巨大的提升。