Miitvip Vue Admin Manager

😘A unified template used to backend management built on Vue3.x + Vite + Ant Design Vue + Vite. ❤️ Makeit Admin Pro,是基于 Vue3.x + Vite + Ant Design Vue 组件库开发的一套适合中后台管理项目的统一 UI 框架,包含页面布局 / 注册 / 登录 / 验证码等常用模块,npm 安装,开箱即用。持续开发更新中 ...
Alternatives To Miitvip Vue Admin Manager
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Vue Element Admin85,50043 days ago7August 08, 20201,332mitVue
:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
Eladmin20,488
2 months ago13apache-2.0Java
eladmin jpa 版本:项目基于 Spring Boot 2.6.4、 Jpa、 Spring Security、Redis、Vue的前后端分离的后台管理系统,项目采用分模块开发方式, 权限控制采用 RBAC,支持数据字典与数据权限管理,支持一键生成前后端代码,支持动态路由
Gin Vue Admin19,443
16 hours ago35October 10, 202329apache-2.0Go
基于vite+vue3+gin搭建的开发基础平台(支持TS,JS混用),集成jwt鉴权,权限管理,动态路由,显隐可控组件,分页封装,多点登录拦截,资源权限,上传下载,代码生成器,表单生成器,chatGPT自动查表等开发必备功能。
Litemall18,44924 months ago1April 25, 202031mitJava
又一个小商城。litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端
Iview Admin15,93592 years ago206September 04, 2019611mitVue
Vue 2.0 admin management system template based on iView
Vue Admin Better15,689
2 days ago1February 28, 202315mitVue
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Vue Pure Admin12,297
3 days ago1May 12, 20225mitVue
🔥 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统(兼容移动端)
Mall Admin Web11,363
14 days ago37apache-2.0Vue
mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。
Ant Design Vue Pro10,454
7 months ago193mitVue
👨🏻‍💻👩🏻‍💻 Use Ant Design Vue like a Pro! (vue2)
Newbee Mall10,418
4 months agogpl-3.0Java
🔥 🎉newbee-mall是一套电商系统,包括基础版本(Spring Boot+Thymeleaf)、前后端分离版本(Spring Boot+Vue 3+Element-Plus+Vue-Router 4+Pinia+Vant 4) 、秒杀版本、Go语言版本、微服务版本(Spring Cloud Alibaba+Nacos+Sentinel+Seata+Spring Cloud Gateway+OpenFeign+ELK)。 前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。
Alternatives To Miitvip Vue Admin Manager
Select To Compare


Alternative Project Comparisons
Readme

makeit.vip

Makeit Admin Pro 3.x

基于 Vue3.x 构建的适用于中后台管理系统的开箱即用的组合模板框架。 ( An out-of-box UI solution for enterprise applications built on Vue3.x. )

npm package npm downloads MIT nodejs vue vite ant design vue pinia vue-i18n axios swiper nprogress vue-router

关于

🚩 Makeit Admin Pro 是基于 Vue 3.x + Vite 5.x + Ant Design Vue 4.x 构建开发的一套适合中后台管理项目的 UI 框架 ( 3.x 版本的 npm 包将由 makeit-admin-pro 更改为 @makeit/admin-pro )。

🔰 框架内置了统一风格的页面布局 / 注册页面 / 登录页面 / 忘记密码 / 滑块验证码组件 / 搜索联想组件 / 动态菜单配置 / 权限管理配置等常用模块,开箱即用。

🍭 设计这套框架的初衷是为了免去中后台管理项目中基础又重复的页面构建,将页面内的一系列行为进行封装形成重型组件(一个组件 ≈ 一个页面),如基础布局 Layout,登录 Login / 注册 Register / 忘记密码 Forget 等页面模块,让开发人员能更加专注于业务内容的开发,无需花费过多的时间在基础构建上,希望可以通过 Makeit Admin Pro 系列组件提供快速高效的搭建高质量的中后台应用,现阶段还在不断完善,持续开发更新中 ...

体验地址:https://admin.makeit.vip/

全局应用

✅ 主题配置 ( css modules + css variables )

✅ 国际化 ( vue-i18n )

✅ Cookie ( document.cookie )

✅ Storage ( localStorage & sessionStorage )

✅ Request ( axios )

✅ Global ( 全局配置 global configuration )

✅ Tools ( 全局公用函数库 global functions )

基础组件

✅ 基础布局 ( Layout ) 💖

✅ 滑块验证码 ( Captcha ) 💥

✅ 锚点链接 ( Anchor ) 🎈

✅ 时钟 ( Clock - 仿 Apple Watch 表盘 ) 🕜

✅ 下拉菜单 ( Dropdown ) 🌴

✅ 忘记密码 ( Forget ) 🔨

✅ 历史路由 ( History ) 🎸

✅ 登录组件 ( Login ) 🍒

✅ 注册组件 ( Register ) 🏰

✅ 菜单组件 ( Menu ) 🚀

✅ 弹窗动效 ( Modal ) 🚥

✅ 消息中心 ( Notice ) 📍

✅ 密码设置 ( Password ) 🈲

✅ 搜索组件 ( Search ) 📑

✅ 代码高亮 ( Code ) 🛬

✅ 标题设置 ( Title ) 🌴

✅ 引用说明 ( Quotes ) #️⃣

✅ 回到顶部 ( Backtop ) 🔝

高级应用

❌ 权限控制 😎

✅ 应用管理 🌹

✅ 菜单配置 ( 动态路由 ) 🚩

✅ 语言配置 ❄️

❌ 富文本编辑器 🌊

❌ 地域选择 😻

❌ 异常页面 ( 404 ) 😴

❌ 个人中心 😍

✨ ······

安装

npm i @makeit/admin-pro

全局引入

import { createApp } from 'vue'
import MakeitAdminPro from '@makeit/admin-pro'
import App from './app.vue'

const app = createApp(App)
app.use(MakeitAdminPro)
app.mount('#app')

按需加载

import { createApp } from 'vue'
import router from './router'
import App from './app.vue'
import { Layout, Notice } from '@makeit/admin-pro'

const app = createApp(App)
app.use(router)
const components = [Layout, Notice]
components.forEach((component) => app.use(component))
app.mount('#app')

布局

<template>
    <mi-layout />
</template>

<script lang="ts" setup>
    import { useMapMenuStore } from '@makeit/admin-pro'

    const menuStore = useMapMenuStore()
    menuStore.updateMenus([
        {
            name: 'dashboard',
            path: '/dashboard',
            meta: {
                title: '控制中心',
                subTitle: 'Dashboard',
                icon: DashboardOutlined,
                tag: {color: '#f50', content: 'Hot'}
            }
        }, {
            // ... sider menus
        }
    ])
</script>

登录

<template>
    <mi-login
        :action="api.login"
        :background="bg"
        :captcha-init-action="api.captcha.init"
        :captcha-verify-action="api.captcha.verify" />
</template>

<script lang="ts" setup>
import bg from '@images/login-bg.jpg'
</script>

注册

<template>
    <mi-register
        :action="api.register"
        :background="bg"
        :email-verify-action="api.validator.email"
        :username-verify-action="api.validator.name" />
</template>

<script lang="ts" setup>
import bg from '@images/login-bg.jpg'
</script>

更多

更多内容及使用请查看在线示例:https://admin.makeit.vip

Popular Admin Projects
Popular Vue Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Typescript
Vue
Admin
Ant
Vuex
Vue Components
Admin Template
Vue Admin