หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

Makeit Admin Pro 3.x

กรอบเทมเพลตการรวมกันนอกกรอบสำหรับระบบการจัดการระดับกลางและหลังที่สร้างขึ้นตาม Vue3.x

(โซลูชัน UI นอกกรอบสำหรับแอปพลิเคชันระดับองค์กรที่สร้างขึ้นบน vue3.x)

สังเกต

แพ็คเกจ 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 เป็น UI 框架ที่เหมาะสำหรับโครงการการจัดการระดับกลางและหลังที่สร้างและพัฒนาขึ้นอยู่กับ Vue 3.x + Vite 5.x + Ant Design Vue 4.x

- เฟรมเวิร์กมีโมดูลทั่วไปในตัวเช่นหน้าเค้าโครงหน้า/หน้าลงทะเบียน/หน้าเข้าสู่ระบบ/ลืมรหัสผ่าน/ตัวเลื่อนการตรวจสอบรหัสส่วนประกอบ/ค้นหาส่วนประกอบ Lenovo/การกำหนดค่าเมนูการกำหนดค่า/การอนุญาตการจัดการเมนูแบบไดนามิก ฯลฯ ซึ่งมีอยู่นอกช่อง

- ความตั้งใจดั้งเดิมของการออกแบบเฟรมเวิร์ Layout นี้คือการหลีกเลี่ยง การก่อสร้างหน้าพื้นฐานและ ซ้ำซ้อนในโครงการ Forget จัดการกลางและแบ็ Login เอน Register และเพื่อห่อหุ้มชุดพฤติกรรมในหน้าลงในส่วนประกอบหนัก ( องค์ประกอบหนึ่งหน้าหนึ่งหน้า ) เช่นการพัฒนาพื้นฐาน ฉันหวังว่าจะให้การสร้างแอพพลิเคชั่นระดับกลางและแบ็กเอนด์ที่รวดเร็วและมีประสิทธิภาพผ่านส่วนประกอบของ Makeit Admin Pro Series มันยังคงได้รับการปรับปรุงในขั้นตอนนี้และกำลังพัฒนาและอัปเดตอยู่ตลอดเวลา ...

แผนผังการสืบพันธุ์

ธีมมืด

ธีมมืด

ธีมแสง

ธีมแสง

เปลี่ยนธีม

เริ่มต้นอย่างรวดเร็ว

เมนูคอลเลกชัน

เมนูคอลเลกชัน

เอฟเฟกต์โทรศัพท์มือถือ

เอฟเฟกต์โทรศัพท์มือถือ

แอปพลิเคชันทั่วโลก

✅THEMEการกำหนดค่า ( css modules + css variables )

✅ Internationalization ( vue-i18n )

✅ คุกกี้ ( document.cookie )

✅ Storage ( localStorage & sessionStorage )

✅ คำขอ ( axios )

✅ Global (การกำหนดค่า global configuration )

✅ เครื่องมือ (ฟังก์ชั่นทั่วโลกฟัง global functions )

ส่วนประกอบพื้นฐาน

✅ การจัดวางฐาน ข้อมูล ( Layout )?

✅ SLIDER CODE CODE ( Captcha )?

✅ ลิงค์ ( Anchor )?

Clock นาฬิกา ?

✅ Dropdown เมนู ( Dropdown )?

address link ( Link )?

✅ แผงจานสี ( Palette )

✅ การเข้าสู่ระบบ ที่ได้รับอนุญาต ( Socialite )?

✅ การนำทางเมนู ( Menu )

✅ ผลการเคลื่อนไหวของหน้าต่าง ( Modal )?

✅ Message Center ( Notice )?

✅ การตั้งค่า Password ( Password )?

✅Search Components ( Search )?

high การไฮไลต์รหัส ( Code )?

การตั้งค่า title ( Title )?

✅quotes ( Quotes ) #⃣

✅backtop Backtop

✅ การกำหนดเส้นทาง ประวัติศาสตร์ ( History )?

✅ การโหลดภาพ ( ItemsImage )?

การเรียงพิมพ์ส่วนประกอบ

✅CopyWriting ( ItemsText )?

✅ รูปแบบภาพ ( ItemsImage )

ส่วนประกอบของผู้พิทักษ์

✅login page ( Login )?

✅การลงทะเบียน หน้า ( Register )?

✅ forgot password ( Forget )?

แอปพลิเคชันขั้นสูง

✅ การกำหนดค่า ภาษา ( AppsLanguage ) ❄

✅ การจัดการมนุษย์ (การกำหนดเส้นทางแบบไดนามิก) ( 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

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด