บทความนี้ส่วนใหญ่แนะนำอินเทอร์เฟซการทำงานโดยรวมของเฟรมเวิร์ก bootstrap นี้และแนะนำจุดความรู้และอินเทอร์เฟซโดยรวมที่ใช้ในนั้น ฉันหวังว่าผู้อ่านจะมีความเข้าใจที่ใช้งานง่ายและเป็นจริงมากขึ้นเกี่ยวกับกรอบ การออกแบบอินเตอร์เฟสและแนวคิดที่เกี่ยวข้องสามารถเรียนรู้ได้จากการปรับปรุงและพวกเขายังสามารถหารือเกี่ยวกับเนื้อหาที่เกี่ยวข้องเพื่อปรับปรุงร่วมกัน
1. คุณสมบัติทางเทคนิคของ "เฟรมเวิร์กการพัฒนา bootstrap ตาม Metronic"
1) นำเทคโนโลยีการตอบสนองของ Bootstrap Responsive ล่าสุดและน่าตื่นตาตื่นใจที่สุด
เฟรมเวิร์กการพัฒนา bootstrap ที่ใช้เมโทรนิกทั้งหมดใช้เทคโนโลยี bootstrap ใหม่ในส่วนอินเตอร์เฟสใช้ bootstrap 3.x ล่าสุดในปัจจุบันและรวมการควบคุม bootstrap ที่ทรงพลังมากมาย
Bootstrap เป็นกรอบเทคนิคส่วนหน้าซึ่งสามารถนำมาใช้โดยหลายแพลตฟอร์ม Java/PHP/.NET สามารถใช้ในการสร้างอินเทอร์เฟซส่วนหน้า การบูรณาการ jQuery สามารถบรรลุเอฟเฟกต์อินเทอร์เฟซที่เข้มข้นมาก ปัจจุบันมีปลั๊กอิน bootstrap มากมายที่สามารถให้สำหรับทุกคนที่จะใช้ เฟรมเวิร์กนี้รวบรวมปลั๊กอินที่ยอดเยี่ยมที่สุดมากมายซึ่งสามารถปรับปรุงประสบการณ์การใช้งานเว็บของเราให้ดีขึ้นในระดับที่ไม่เคยมีมาก่อน
Metronic เป็นกรอบการพัฒนา bootstrap ต่างประเทศที่ใช้ HTML, JS และเทคโนโลยีอื่น ๆ โดยรวมเทคโนโลยี Front-end และปลั๊กอินเข้าด้วยกันมากมาย มันเป็นกรอบทางเทคนิคที่ดีมาก จากกรอบนี้รวมกับการวิจัยของฉันเกี่ยวกับเฟรมเวิร์กเว็บของ MVC กรอบนี้รวมกรอบการพัฒนา bootstrap ตาม MVC เพื่อให้สามารถตอบสนองความต้องการเชิงโครงสร้างของโครงการจริง
Framework Backend ใช้เทคโนโลยี MVC C#-based ซึ่งปัจจุบันเป็นเทคโนโลยีที่เป็นผู้ใหญ่และเป็นที่นิยมมากที่สุดที่พัฒนาโดย. NET ฐานข้อมูล Backend Framework รองรับฐานข้อมูลปกติเช่น Oracle, SQLServer, MySQL, SQLite, Access, ฯลฯ และสามารถสลับได้อย่างอิสระผ่านการกำหนดค่า ใช้โมดูลไลบรารีระดับองค์กรเพื่อควบคุมการเข้าถึงข้อมูลทำให้การเข้าถึงข้อมูลสะดวกและง่ายขึ้น
การพัฒนาเฟรมเวิร์กโดยรวมใช้ Visual Studio 2013 และเครื่องมือแก้ไขหน้าข้อความประเสริฐรวมกับการพัฒนาหน้าและรหัสพื้นหลังและใช้ฐานข้อมูลการสร้างรหัส 2sharp เพื่อพัฒนาอย่างรวดเร็วเพื่อให้ได้การปรับปรุงประสิทธิภาพสูงสุดในการพัฒนาโดยรวม
โครงสร้างโดยรวมของเฟรมเวิร์กมีดังนี้:
สิ่งนี้ช่วยให้คอนโทรลเลอร์ได้รับความสัมพันธ์ในการสืบทอดที่ดีและสามารถบรรลุการพัฒนาโครงการเว็บที่มีรหัสน้อยลงและประสิทธิภาพการพัฒนาที่มีประสิทธิภาพมากขึ้น แนวคิดการออกแบบของคอนโทรลเลอร์ทั้งหมดมีดังนี้
การควบคุมการอนุญาต: กฎการออกแบบคอนโทรลเลอร์ที่ดีสามารถให้การควบคุมการเข้าถึงผู้ใช้ที่ดีและการควบคุมการอนุญาตสำหรับเฟรมเวิร์กการพัฒนาเว็บเองเพื่อให้ส่วนต่อประสานผู้ใช้แสดงเมนูปุ่มและเนื้อหาของเว็บอินเตอร์เฟสและการควบคุมการส่งการดำเนินการทั้งหมดอาจอยู่ภายใต้การจัดสรรและการควบคุมฟังก์ชันโดยรวม
การสร้างรหัสอย่างรวดเร็ว: สถาปัตยกรรมที่ดีช่วยให้สามารถใช้ตรรกะรหัส Unified ได้ในเลเยอร์ลอจิกธุรกิจเลเยอร์คอนโทรลเลอร์และเลเยอร์ UI ของเว็บอินเตอร์เฟส รหัสเหล่านี้สามารถสร้างได้ผ่านฐานข้อมูลเครื่องมือสร้างรหัส 2sharp รหัสเว็บอินเตอร์เฟสสามารถใช้ประโยชน์จากข้อมูลข้อมูลเมตาของฐานข้อมูลการสร้างโค้ดได้อย่างเต็มที่ 2sharp เพื่อให้ได้การสร้างเว็บอินเตอร์เฟสอย่างรวดเร็ว ลดโอกาสของข้อผิดพลาดได้อย่างมีประสิทธิภาพปรับปรุงประสิทธิภาพการพัฒนาและความสนุกสนานของการเข้ารหัสเว็บอินเตอร์เฟสและยังช่วยให้การรวมโหมดการเข้ารหัสที่มีประสิทธิภาพภายในองค์กร
การสร้างรหัสห้องสมุดองค์กรสามารถสร้างรหัสเฟรมเวิร์กแบบองค์รวมได้อย่างรวดเร็วยกเว้นอินเทอร์เฟซ การสร้างรหัสเว็บอินเตอร์เฟสของ Bootstrap สามารถสร้างรหัสอินเตอร์เฟสส่วนหน้าและรหัสคอนโทรลเลอร์พื้นหลังของ bootstrap ที่ใช้เมโทรนิกได้อย่างรวดเร็ว ส่วนอินเตอร์เฟสรวมถึงอินเทอร์เฟซการทำงานพื้นฐานเช่นการสืบค้น, เพจ, การแสดงข้อมูล, การแสดงข้อมูล, การนำเข้าข้อมูลและการส่งออก, ใหม่, การแก้ไข, การดูและการลบ หลังจากรุ่นเราสามารถทำการปรับเปลี่ยนที่ง่ายและรวดเร็วตามพื้นฐานนี้เพื่อตอบสนองความต้องการที่แท้จริงการปรับปรุงประสิทธิภาพการพัฒนาของเว็บอินเตอร์เฟสของเราอย่างมาก
เค้าโครงเฟรม: ต่อไปนี้คือการแสดงผลโดยรวมของโครงการโดยรวมของฉัน
เนื้อหาของ [แถบเมนูระบบ] เป็นเมนูที่ได้รับจากฐานข้อมูลแบบไดนามิก [System Top Bar] วางข้อมูลบางอย่างและให้การประมวลผลข้อมูลส่วนบุคคลอย่างรวดเร็วเช่นการดูข้อมูลส่วนบุคคลการยกเลิกการล็อคหน้าจอและเนื้อหาการดำเนินการอื่น ๆ พื้นที่เนื้อหาโดยทั่วไปรวมถึง [พื้นที่รายการต้นไม้], [พื้นที่สอบถามเงื่อนไข] และ [รายการข้อมูลและการแบ่งเพิง] พื้นที่เนื้อหาส่วนใหญ่แสดงข้อมูลทางสายตาซึ่งสามารถแสดงผ่านการควบคุมรายการต้นไม้และการควบคุมตาราง โดยทั่วไปข้อมูลยังต้องเพิ่มลบแก้ไขและเพจดังนั้นฟังก์ชั่นต่าง ๆ จำเป็นต้องรวมเข้าด้วยกัน นอกเหนือจากการสืบค้นและการแสดงข้อมูลของผู้ใช้แล้วยังต้องใช้การดำเนินการที่เกี่ยวข้องกับการนำเข้าและส่งออกซึ่งเป็นฟังก์ชั่นการประมวลผลข้อมูลตามปกติ
การประมวลผลและการแสดงเมนู: โดยทั่วไปเพื่อความสะดวกในการจัดการเมนูจะแบ่งออกเป็นสามระดับ เมนูที่เลือกนั้นแตกต่างจากรูปแบบเมนูอื่น ๆ เมนูสามารถพับและย่อให้เล็กสุดได้ เอฟเฟกต์มีดังนี้
2. บทนำสู่อินเทอร์เฟซโมดูลของ "เฟรมเวิร์กการพัฒนา bootstrap ตามเมตริก"
2.1 อินเทอร์เฟซโมดูลแผนภูมิหน้าแรก
2.2 ฟังก์ชั่นแถบชั้นนำของระบบ
2.3 ฟังก์ชั่นไดนามิกของอุตสาหกรรม (นโยบายและข้อบังคับประกาศและการประกาศข้อมูลแบบไดนามิก)
นโยบายกฎระเบียบประกาศและการประกาศ/อินเทอร์เฟซรายการข้อมูลแบบไดนามิก
อินเทอร์เฟซการแก้ไขมีดังนี้:
อินเทอร์เฟซเนื้อหาการดูมีดังนี้:
2.4 การจัดการข้อมูลลูกค้า
อินเทอร์เฟซรายการลูกค้ามีดังนี้:
อินเทอร์เฟซการแก้ไขข้อมูลลูกค้า:
อินเทอร์เฟซการนำเข้าข้อมูลลูกค้า:
2.5 การจัดการการติดต่อลูกค้า
การติดต่อกับลูกค้าเพิ่ม/แก้ไขอินเทอร์เฟซ
อินเทอร์เฟซการดูติดต่อลูกค้า
อินเทอร์เฟซข้อมูลไฟล์แนบ
2.6 การจัดการที่อยู่
รายชื่อผู้ติดต่อ
อินเทอร์เฟซการแก้ไขสมุดที่อยู่จะแสดงด้านล่าง
2.7 การจัดการการอนุญาต
1) อินเทอร์เฟซรายการผู้ใช้ระบบ
อินเทอร์เฟซนำเข้าผู้ใช้ระบบ
อินเทอร์เฟซการแก้ไขผู้ใช้ระบบ
อัปโหลดและแก้ไขภาพบุคคลของผู้ใช้ระบบ
กล่องโต้ตอบผู้ใช้ระบบลบการยืนยัน
อินเทอร์เฟซรายงาน RDLC ของผู้ใช้ระบบ
2) อินเทอร์เฟซการจัดการองค์กร
องค์กรมีอินเทอร์เฟซการแก้ไขผู้ใช้
3) การจัดการบทบาทผู้ใช้
การจัดแสดงฟังก์ชั่นการปฏิบัติงานบทบาท
การเข้าถึงบทบาทของการควบคุมการอนุญาตข้อมูล:
บทบาทรวมถึงการจัดการองค์กร:
4) การจัดการฟังก์ชั่นระบบ
5) การจัดการเมนูระบบ
แก้ไขอินเทอร์เฟซข้อมูลเมนู:
เลือกส่วนต่อประสานเมนูไอคอน:
6) การจัดการบันทึกการเข้าสู่ระบบของระบบ
7) การจัดการพจนานุกรมทั่วไป
8) การจัดการไอคอนเมนู
9) การจัดการอัลบั้มรูปภาพ
อินเทอร์เฟซการแก้ไขภาพมีดังนี้:
อินเทอร์เฟซการดูรูปภาพ
ข้างต้นเป็นเนื้อหาที่เกี่ยวข้องที่แนะนำโดยบรรณาธิการให้คุณโดยสรุปประสบการณ์ของเฟรมเวิร์กตามกรอบการพัฒนา Bootstrap Metronic [8] ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน!