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

Maui-gen

Maui-Gen เป็นเครื่องกำเนิดรหัสที่ใช้เทมเพลตสำหรับการสร้างนั่งร้านที่จำเป็นสำหรับแอปพลิเคชันข้อมูล. NET MAUI ที่ขับเคลื่อนด้วยข้อมูล การใช้สคีมาข้อมูลเพื่ออธิบายเขตข้อมูลที่ต้องการ Maui-Gen จากนั้นสร้างโมเดลมุมมองรูปแบบการดูและรายการแก้ไขหน้ารายละเอียดที่มีองค์ประกอบแบบฟอร์มที่จำเป็นในการแก้ไขและอ่านข้อมูลจากโมเดลรวมถึงบริการ Sqllite CRUD สำหรับการจัดเก็บข้อมูลและการดึงข้อมูล Maui-Gen ยังสร้างไฟล์ที่รองรับและฉีดข้อมูลซิงเกิลและเส้นทางเส้นทางตามที่จำเป็น

การแนะนำ

หลังจากย้ายหนึ่งในแอพ Xamarin ของฉันไปที่ Maui ฉันพบว่าตัวเองจ้องมองตั้งแต่เริ่มต้นและนี่หมายถึงการสร้างแบบจำลองโมเดลการสร้างหน้าดูหน้า ECT ฉันพบว่าสิ่งนี้ใช้เวลานานฉันได้เร่งกระบวนการเล็กน้อยโดยการสร้างเทมเพลต แต่สิ่งนี้ใช้งานได้เป็นจุดจ้องมองและยังต้องแก้ไขเพื่อให้เหมาะกับข้อกำหนด

ดังนั้นฉันจึงตัดสินใจเขียนเครื่องมือ Maui-Gen เพื่อช่วยประหยัดเวลาในการเขียนรหัสพื้นฐานที่จำเป็นสำหรับแบบฟอร์มการป้อนข้อมูล MAUI ฉันพบว่านี่เป็นเครื่องมือที่มีประโยชน์จริงๆดังนั้นฉันจึงตัดสินใจที่จะนำไปใช้เพื่อให้คนอื่นใช้

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

คำเตือน

คุณสามารถใช้การเปลี่ยนแปลงโดยตรงกับโครงการ. NET MAUI แต่ ณ จุดนี้ฉันขอแนะนำอย่างยิ่งให้ทำสิ่งนี้ในโครงการที่สร้างขึ้นใหม่เท่านั้นเพื่อที่จะไม่ทำลายการทำงานหนักของคุณหรือตรวจสอบให้แน่ใจว่าโครงการของคุณกลับมาอีกครั้ง

ใช้ความเสี่ยงของคุณในโครงการที่มีอยู่

ตัวเลือกที่ปลอดภัยกว่าคือการสร้างรหัสไปยังโฟลเดอร์ใหม่จากนั้นคัดลอกไฟล์มากกว่า

เมื่อใดควรใช้ maui-gen

  • เมื่อคุณต้องการสร้างแบบฟอร์มการป้อนข้อมูลในแอปพลิเคชัน. NET MAUI

ความต้องการ

maui-gen cli

คุณจะต้องติดตั้ง GO 1.20 https://go.dev/doc/install

.NET MAUI การพัฒนาสภาพแวดล้อม

ด้านล่างนี้เป็นเครื่องมือที่คุณจะต้องสร้างและสร้างแอปพลิเคชัน. NET MAUI ตัวเร่งแอพ Maui จะติดตั้งส่วนประกอบที่ต้องการเช่น ชุดเครื่องมือชุมชน Maui , Sqllite ที่ต้องการ Maui-Gen

สตูดิโอภาพ

  • ชุมชน Visual Studio 2022
  • Maui App Accelerator Addon ทำให้การตั้งค่าโครงการง่ายขึ้น

แพ็คเกจ NuGet เพื่อเพิ่มลงในโครงการ

  • sqlite-net-pcl
  • sqlitepclraw.core
  • sqlitepclraw.bundle_green
  • sqlitepclraw.provider.sqlite3
  • sqlitepclraw.provider.dynamic_cdecl
  • sqlitenetextensions
  • sqlitenetextensions.async

วิธีการติดตั้ง

ด้านล่างนี้เป็นขั้นตอนที่จำเป็นในการติดตั้งและกำหนดค่า MAUI-GEN ให้พร้อมสำหรับการใช้งาน

1. ติดตั้ง maui-gen ในการติดตั้ง maui-gen เรียกใช้คำสั่งด้านล่าง 
 go install github.com/Mrpye/maui-gen
2. สำเนาเทมเพลตไปยังโฮมไดเร็กตอรี่ เรียกใช้คำสั่งด้านล่างสิ่งนี้จะคัดลอกเทมเพลตไปยังไดเรกทอรีโฮมไดเรกทอรีของคุณเพื่อให้คุณสามารถเพิ่มการปรับแต่งของคุณเองและดูตัวอย่างสคีมาข้อมูลบางอย่าง 
 maui-gen init all

วิธีใช้ maui-gen

ด้านล่างนี้จะนำคุณคิดว่าขั้นตอนที่จำเป็นต้องดำเนินการเพื่อให้รหัสประเภทโดย Maui-Gen จะทำงาน

สร้างโครงการ. NET MAUI ใหม่และกำหนดค่า

ก่อนอื่นคุณจะต้องสร้างโครงการใหม่ใน Visual Studio โดยใช้ App Accelerator Maui สิ่งนี้จะติดตั้งส่วนประกอบที่จำเป็นและตั้งค่าโครงการของคุณให้พร้อมสำหรับ Maui-Gen

1. สร้างโครงการ. NET MAUI ใหม่ใน Visual Studio เปิด สตูดิโอ Visual และสร้างโครงการใหม่ซึ่งจะเริ่มเมนูการเลือกโครงการ

โครงการใหม่

2. สร้างโครงการโดยใช้ App Accelerator Maui เลือก App Accelerator Maui เพื่อเริ่มต้นตัวช่วยสร้างโครงการ

App Accelerator

3. กำหนดค่าโครงการ Maui ป้อนชื่อโครงการและชื่อโซลูชัน
  • จดบันทึกเส้นทางที่โครงการจะถูกสร้างขึ้น
  • ชื่อโซลูชันนี้จะเป็นเนมสเปซที่เราจะใช้ในภายหลัง

กำหนดค่าโครงการ

4. เลือกรุ่น. NET ที่จะใช้ เลือกรุ่น. NET เพื่อใช้. NET 6 หรือ. NET 7

.NET เวอร์ชัน

5. เลือกชุดเครื่องมือ MVVM เป็นสไตล์การเข้ารหัส เลือกชุดเครื่องมือ MVVM

รูปแบบรหัส

6. เลือกเมนู flyout สำหรับสไตล์การนำทาง คุณสามารถเลือก flyout หรือแท็บ

การนำทาง

7. คลิกที่หน้าถัดไป คุณสามารถคลิกถัดไปได้ที่หน้า

หน้า

8. กำหนดค่าคุณสมบัติ เพิ่มไลบรารีต่อไปนี้:
  • ชุดเครื่องมือชุมชน Maui
  • SQLLITE-NET-PCL

คุณสมบัติ

9. คลิกถัดไปเพื่อสร้างโครงการ App Accelerator Maui จะสร้างโครงการ

Solution Explorer

10. เพิ่มความคิดเห็นเส้นทางไปยังโครงการ
  • เพื่อให้ Maui-Gen รู้ว่าจะฉีดรหัสเส้นทางที่ใช้ความคิดเห็นต่อไปนี้ได้ที่ไหน 
    •  //<%REGISTER_ROUTE%>
    • คุณจะต้องเพิ่มสิ่งนี้ลงในไฟล์ appshell.xaml.cs appshell
    • เพิ่มความคิดเห็นด้านล่างคอมเม้นต์เริ่มต้นและบันทึกการเปลี่ยนแปลง 
     public partial class AppShell : Shell
{
	public AppShell ( )
	{
		InitializeComponent ( ) ;

        //<%REGISTER_ROUTE%>
    }
}
    11. เพิ่มความคิดเห็น Singleton
  • เพื่อให้ Maui-Gen รู้ว่าจะฉีดรหัสซิงเกิลตันที่ใช้ความคิดเห็นต่อไปนี้ได้ที่ไหน 
    •  //<%REGISTER_SINGLETON%
    • คุณจะต้องเพิ่มสิ่งนี้ลงในไฟล์ appshell.xaml.cs Mauiprogram
    • เพิ่มความคิดเห็นด้านล่าง builder.services.addsingleton <mainviewmodel (); และบันทึกการเปลี่ยนแปลง 
     public static class MauiProgram {
    public static MauiApp CreateMauiApp ( ) {
        var builder = MauiApp . CreateBuilder ( ) ;
        builder
           . UseMauiApp < App ( )
            . UseMauiCommunityToolkit ( )
            . ConfigureFonts ( fonts = {
                fonts . AddFont ( "OpenSans-Regular.ttf" , "OpenSansRegular" ) ;
                fonts . AddFont ( "OpenSans-Semibold.ttf" , "OpenSansSemibold" ) ;
            } ) ;

        builder . Services . AddSingleton < MainViewModel ( ) ;

       //<%REGISTER_SINGLETON%

        builder . Services . AddSingleton < MainPage ( ) ;

        return builder . Build ( ) ;
    }
}

    ใช้ MAUI-GEN เพื่อสร้างแบบฟอร์มข้อมูลโดยใช้สคีมาที่ระบุ

    1. ตั้งค่าไดเร็กทอรีเอาต์พุต ก่อนอื่นเราต้องบอก Maui-Gen ว่าจะส่งออกรหัสที่สร้างขึ้นไปได้ที่ไหน ในกรณีนี้เรากำลังชี้ไปที่ Demomauiapp ที่สร้างขึ้นก่อนหน้านี้

    บันทึก! ตรวจสอบให้แน่ใจว่าเป็นไดเรกทอรีที่รหัสทั้งหมดดูด้านล่าง

    Mauiprogram

    เรียกใช้คำสั่งต่อไปนี้เพื่อตั้งค่าไดเรกทอรีเอาต์พุต นี่คือที่ Maui-Gen จะส่งออกรหัสไป

    ปรับเส้นทางเพื่อชี้ไปที่โครงการของคุณ 

    maui-gen set output " C:projectsNetDemoMauiAppDemoMauiApp "
    2. ตั้งค่าสคีมาข้อมูลเพื่อใช้ ภายใต้ไดเรกทอรีบ้านของคุณที่บันทึกเทมเพลต maui-gen เป็นตัวอย่างหลายอย่าง เราจะตั้งค่า Maui-gen ให้ใช้หนึ่งใน schemas เหล่านี้ 
    maui-gen set schema " C:Users[user].maui-genexamplesperson_and_pet.yaml "
    3. ตรวจสอบเส้นทางที่ถูกต้อง คุณสามารถตรวจสอบเส้นทางที่ตั้งค่าได้โดยใช้คำสั่งต่อไปนี้ซึ่งจะเปิดไฟล์ config ใน notepad 
    maui-gen set edit
    4. ติดตั้งแพ็คเกจ NuGet คุณจะต้องติดตั้งแพ็คเกจต่อไปนี้ลงในโครงการ
    • ใช้เครื่องมือติดตั้ง maui-gen 
    maui-gen nuget install --output [project_path]
    • หรือถ้าคุณตั้งค่าเอาต์พุตโดยใช้ เอาต์พุตชุด maui-gen คุณสามารถใช้งานได้ 
    maui-gen nuget install
    • หรือเพิ่มแต่ละแพ็คเกจโดยใช้การติดตั้ง NuGet ใน Visual Studio 
    SQLitePCLRaw.core
SQLitePCLRaw.bundle_green
SQLitePCLRaw.provider.sqlite3
SQLitePCLRaw.provider.dynamic_cdecl
SQLiteNetExtensions
SQLiteNetExtensions.Async
    • หรือเปิดพรอมต์คำสั่งและซีดีไปยังไดเรกทอรีโครงการจากนั้นวางรหัสต่อไปนี้ลงในพรอมต์คำสั่ง 
     cd C: p rojects N et M auiGenDemoApp M auiGenDemoApp

dotnet add C: p rojects N et M auiGenDemoApp M auiGenDemoApp package SQLitePCLRaw.core
dotnet add package SQLitePCLRaw.bundle_green
dotnet add package SQLitePCLRaw.provider.sqlite3
dotnet add package SQLitePCLRaw.provider.dynamic_cdecl
dotnet add package SQLiteNetExtensions
dotnet add package SQLiteNetExtensions.Async
    5. สร้างรหัสตามสคีมาข้อมูล ในที่สุดเราก็พร้อมที่จะสร้างรหัสที่คุณจะต้องส่งผ่านในโครงการรูทเนมสเปซของโครงการนี่คือ? "ชื่อโซลูชัน" ที่คุณป้อนเมื่อสร้างโครงการ Maui

    นอกจากนี้คุณยังสามารถเปลี่ยนพื้นที่ชื่อในไฟล์ Schema Data 

     name_space : " DemoMauiApp "
resources :
  - App
  - Enums
  - AppShell
  - MauiProgram 
    maui-gen build --namespace " [solution name] "
    6. เรียกใช้โครงการ Maui ตอนนี้รหัสได้รับการสร้างขึ้นของคุณสามารถไปได้คุณ Visual Studio และคุณจะเห็นโฟลเดอร์และไฟล์ใหม่จำนวนมากถูกสร้างขึ้น

    รหัสที่สร้างขึ้น

    ตอนนี้คุณสามารถเรียกใช้โครงการง่ายๆและคุณควรเห็น

    เมนูหลัก

    เมนู

    แก้ไขแบบฟอร์มบุคคล

    เพิ่มบุคคล

    รายการบุคคลแบบฟอร์ม

    เพิ่มบุคคล

    เอกสาร

    เอกสาร Maui-gen CLI 

     # Run maui-get to build template documents
maui-gen gen_docs

    คุณสามารถค้นหาเอกสารที่สร้างขึ้นได้ที่นี่

    • C: users [ผู้ใช้] .Maui-gen documents maui-gen.md 
     # Run maui-get to build template documents
maui-gen gen_template_docs

    คุณสามารถค้นหาเอกสารเทมเพลตที่สร้างขึ้นได้ที่นี่

    • C: users [ผู้ใช้] .Maui-gen template_doc/templates.md

    วิดีโอ

    ตัวอย่าง

    ตัวอย่างรูปภาพ เมนูหลัก

    เมนู

    แก้ไขแบบฟอร์มบุคคล

    เพิ่มบุคคล

    รายการบุคคลแบบฟอร์ม

    เพิ่มบุคคล

    สิ่งที่ต้องทำ

    นี่เป็นเพียงข้อพิสูจน์แนวคิดเพื่อดูว่ามันดึงดูดความสนใจหรือไม่ถ้ามันเป็นเช่นนั้นฉันจะใส่เวลาลงไป

    ถ้าคุณใช้มันฉันจะสนใจที่จะได้ยินสิ่งที่คุณคิดเกี่ยวกับมัน

    ประวัติศาสตร์

    v0.1.0

    • รุ่นแรก

    v0.1.1

    • เพิ่ม CLI Doc
    • ฝังเทมเพลตและตัวอย่าง (จำเป็นต้องเรียกใช้ maui-gen init ทั้งหมด)
    • อัปเดตโครงสร้างโครงการ

    v0.1.2

    • แก้ไขเส้นทางเทมเพลตที่ไม่ใช้พารามิเตอร์หรือการกำหนดค่า

    v0.1.3

    • เพิ่มแพ็คเกจ Nuget ติดตั้ง CMD

    v0.1.4

    • เพิ่มฟังก์ชั่นเทมเพลตเพื่อฉีดเทมเพลตอื่น ๆ
    • เพิ่มแม่แบบการสร้างเอกสารอัตโนมัติ maui-gen gen_template_docs

    ใบอนุญาต

    Maui-gen เป็น apache 2.0 ที่ได้รับอนุญาต

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