miitvip vue admin manager

makeit admin pro 3.x

Vue3.xに基づいて構築された中間およびバックエンド管理システムのためのすぐにボックスの組み合わせテンプレートフレームワーク

（vue3.xに基づいて構築されたエンタープライズアプリケーション向けのボックス外のUIソリューション）

知らせ

npmパッケージの3.xバージョンは@miitvip/admin-proに変更されています

npmパッケージの2.xバージョンは、ここでmakeit-admin-pro

3.xバージョンエクスペリエンスアドレス " https://admin.makeit.vip "

2.xバージョンエクスペリエンスアドレス「 https://2x.makeit.vip 」

について

Makeit Admin Pro Vue 3.x + Vite 5.x + Ant Design Vue 4.xに基づいて構築および開発された中間およびバックエンド管理プロジェクトに適したUI 框架です。

？このフレームワークには、ページレイアウト/登録ページ/ログインページ/パスワード/スライダー検証コードコンポーネント/検索レノボコンポーネント/ダイナミックメニューの構成/許可管理構成などなどの共通モジュールが組み込まれています。

？このフレームワークを設計する当初の意図は、中央およびバックエンド管理プロジェクトRegisterの基本的かつ複製されたページ構造Layout回避し、ページ内の一連の動作Login重いForget （ 1つのコンポーネント1ページ）にカプセル化することです。 Makeit Admin Proシリーズコンポーネントを通じて、高品質のミドルおよびバックエンドアプリケーションの迅速かつ効率的な構築を提供したいと考えています。この段階ではまだ改善されており、常に開発と更新を行っています...

複製図

暗いテーマ

軽いテーマ

テーマを変更します

コレクションメニュー

携帯電話効果

グローバルアプリケーション

theme構成（ css modules + css variables ）

internationalization （ vue-i18n ）

cookies （ document.cookie ）

✅ストレージ（ localStorage & sessionStorage ）

✅リクエスト（ axios ）

✅グローバル（ global configuration構成）

✅ツール（グローバル機能ライブラリglobal functions ）

基本コンポーネント

basicレイアウト（ Layout ）？

slider検証コード（ Captcha ）？

Anchorリンク（ Anchor ）？

Clock線の時計？

✅ドロップダウンメニュー（ Dropdown ）？

rinkアドレス（ Link ）？

✅カラーパレットパネル（ Palette ）

authorizedログイン（ Socialite ）？

✅ナビゲーション（ Menu ）

pop筋ウィンドウアニメーション効果（ Modal ）？

messageセンター（ Notice ）？

passwordsの設定（ Password ）？

searchコンポーネント（ Search ）？

✅コードハイライト（ Code ）？

✅タイトル設定（ Title ）？

✅Quotes （ Quotes ）＃×

✅バックトップBacktop

historyルーティング（ History ）？

image loading （ ItemsImage ）？

タイプセットコンポーネント

✅コピーライティング（ ItemsText ）？

✅ピクチャレイアウト（ ItemsImage ）

ガーディアンコンポーネント

✅loginページ（ Login ）？

registrationページ（ Register ）？

pordergotパスワード（ Forget ）？

高度なアプリケーション

Language構成（ AppsLanguage ）❄️

✅men管理（動的ルーティング） （ AppsMenu ）

許可制御？

アプリケーション管理？

リッチなテキストエディター？

地域の選択？

例外ページ（ 404 ）？

パーソナルセンター？

····

インストールと使用

npm i @miitvip/admin-pro

グローバル紹介

 import { createApp } from 'vue'
import MakeitAdminPro from '@miitvip/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 '@miitvip/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 { useStoreMenu } from '@miitvip/admin-pro'

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

ログインページ

< template >
    < mi-login action = " /v1/login " />
</ template >

登録ページ

< template >
    < mi-register action = " /v1/register " />
</ template >

より多くのアプリケーション

その他のコンテンツと使用については、オンラインの例を確認してください： https：//admin.makeit.vip