หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

#เทมเพลตแดชบอร์ดผู้ดูแลระบบ

เทมเพลตแดชบอร์ดผู้ดูแลระบบนี้อิงจากแอปดั้งเดิมที่สร้างขึ้นในตัวอย่างของ ExtJS Framework แนวคิดนี้คือการใช้เป็น "เทมเพลต" จริงเพื่อสร้างแอปพลิเคชันตามแอป Admin Dashboard ดั้งเดิม

หากคุณเป็นเหมือนฉัน และพยายามทำแอปใหม่ตามตัวอย่าง แต่จบลงด้วยแอป "ผู้ดูแลระบบ" ทุกที่ (คำสั่งสร้าง Sencha ไม่ได้เปลี่ยนชื่อผู้ดูแลระบบด้วยชื่อแอปที่ถูกต้อง) แสดงว่าที่เก็บนี้เหมาะสำหรับคุณ .

เพียงโคลนในไดเร็กทอรีแล้วรันคำสั่ง (จากเฟรมเวิร์ก) เพื่อสร้างแอปใหม่โดยใช้เทมเพลตนี้ดังนี้: 

 sencha generate app -s Path_To_The_Downloaded_Template YourAppName Path_To_The_Destination_App

สนุก!

แจ้งให้เราทราบข้อเสนอแนะใด ๆ ที่คุณอาจมีและมีความสุขในการเขียนโค้ด

ซิสโคบรา

อ่านต้นฉบับ

แดชบอร์ดผู้ดูแลระบบ

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

ไฟล์ต่อไปนี้จำเป็นทั้งหมดในการสร้างและโหลดแอปพลิเคชัน

  • "app.js" - ไฟล์ที่เปิดแอปพลิเคชัน ใช้เพื่อเปิดใช้อินสแตนซ์ของคลาส Admin.Application เป็นหลัก
  • "app.json" - ตัวอธิบายแอปพลิเคชันที่ควบคุมวิธีการสร้างและโหลดแอปพลิเคชัน
  • "index.html" - หน้าเว็บเริ่มต้นสำหรับแอปพลิเคชันนี้ ซึ่งสามารถปรับแต่งได้ใน "app.json"
  • "build.xml" - จุดเริ่มต้นสำหรับ Sencha Cmd เพื่อเข้าถึงสคริปต์บิลด์ที่สร้างขึ้น ไฟล์นี้เป็นที่ที่คุณสามารถเชื่อมต่อกับกระบวนการเหล่านี้และปรับแต่งได้ ดูความคิดเห็นในไฟล์นั้นสำหรับข้อมูลเพิ่มเติม
  • ".sencha" - โฟลเดอร์นี้ (โดยทั่วไปจะถูกซ่อนไว้) มีสคริปต์บิลด์ที่สร้างขึ้นและไฟล์การกำหนดค่าสำหรับแอปพลิเคชัน โฟลเดอร์นี้จำเป็นเพื่อสร้างแอปพลิเคชัน แต่ในกรณีส่วนใหญ่ไม่ควรแก้ไขเนื้อหา เนื้อหาของโฟลเดอร์นี้ได้รับการอัปเดตโดย "อัปเกรดแอป sencha"

ไฟล์เหล่านี้สามารถละเว้นได้จากการควบคุมแหล่งที่มา เนื่องจากไฟล์เหล่านี้ถูกสร้างขึ้นใหม่โดยกระบวนการสร้าง

  • "build" - โฟลเดอร์นี้มีเอาต์พุตของ build ไฟล์ CSS ที่สร้างขึ้น ทรัพยากรที่รวมไว้ และไฟล์ JavaScript ที่ต่อกันทั้งหมดจะถูกจัดเก็บไว้ในโฟลเดอร์นี้
  • "bootstrap.*" - ไฟล์เหล่านี้สร้างขึ้นโดยคำสั่ง build และ watch เพื่อให้แอปพลิเคชันโหลดใน "โหมดการพัฒนา"

โฟลเดอร์อื่นๆ

โครงสร้างการสมัคร

แอปพลิเคชันนี้เป็นแอปพลิเคชันสากล โฟลเดอร์ต่อไปนี้ประกอบด้วยโค้ด ทรัพยากร ฯลฯ ที่แชร์โดยโปรไฟล์บิลด์ Classic และ Modern 

 app/                # Contains JavaScript code
    model/          # Data model classes
    view/           # Views as well as ViewModels and ViewControllers
    store/          # Data stores
    controller/     # Global / application-level controllers

overrides/          # JavaScript code that is automatically required

sass/
    etc/            # Misc Sass code (all.scss is imported by default)
    var/            # Sass variable and mixin declarations
    src/            # Sass rules

resources/          # Assets such as images, fonts, etc.

ดู Sass readme สำหรับรายละเอียดเกี่ยวกับโฟลเดอร์ "sass"

ไดเร็กทอรีเพิ่มเติมต่อไปนี้ใช้เพื่อแยกโค้ดและไฟล์อื่นๆ ที่เป็นชุดเครื่องมือเฉพาะ: 

 classic/                # Content specific to the classic toolkit
    src/
        model/          # Data model classes
        view/           # Views as well as ViewModels and ViewControllers
        store/          # Data stores
        controller/     # Global / application-level controllers

    overrides/          # JavaScript code that is automatically required

    sass/
        etc/            # Misc Sass code (all.scss is imported by default)
        var/            # Sass variable and mixin declarations
        src/            # Sass rules

    resources/          # Assets such as images, fonts, etc.

modern/                 # Content specific to the modern toolkit
    src/
        model/          # Data model classes
        view/           # Views as well as ViewModels and ViewControllers
        store/          # Data stores
        controller/     # Global / application-level controllers

    overrides/          # JavaScript code that is automatically required

    sass/
        etc/            # Misc Sass code (all.scss is imported by default)
        var/            # Sass variable and mixin declarations
        src/            # Sass rules

    resources/          # Assets such as images, fonts, etc.

แทนที่

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

 Ext.define('Admin.overrides.foo.Bar', {
    override: 'Ext.foo.Bar',
    ...
});

การแทนที่ดังกล่าวแม้จะจำเป็นโดยอัตโนมัติ แต่จะถูกรวมไว้ก็ต่อเมื่อจำเป็นต้องมีคลาสเป้าหมาย ("Ext.foo.Bar" ในกรณีนี้) ด้วย สิ่งนี้ทำให้การใช้แพตช์หรือส่วนขยายกับคลาสอื่นง่ายขึ้น

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