โฟลเดอร์ใดที่ควรรวมไว้ในเว็บแอปพลิเคชัน ASP.NET MVC จะมาแนะนำในส่วนนี้
เพื่อเรียนรู้ ASP.NET MVC เราจะสร้างแอปพลิเคชันอินเทอร์เน็ต
ส่วนที่ 2: สำรวจโฟลเดอร์แอปพลิเคชัน
เนื้อหาโฟลเดอร์ของแอปพลิเคชันเว็บ ASP.NET MVC ทั่วไปมีลักษณะดังนี้:
 | ข้อมูลการสมัคร การอ้างอิงคุณสมบัติ โฟลเดอร์แอปพลิเคชัน โฟลเดอร์ App_Data โฟลเดอร์เนื้อหา โฟลเดอร์ตัวควบคุม โฟลเดอร์โมเดล โฟลเดอร์สคริปต์ โฟลเดอร์ Viewsไฟล์การกำหนดค่า Global.asax packages.config Web.config |
ชื่อโฟลเดอร์จะเหมือนกันสำหรับแอปพลิเคชัน MVC ทั้งหมด กรอบงาน MVC ขึ้นอยู่กับการตั้งชื่อเริ่มต้น คอนโทรลเลอร์จะถูกเขียนในโฟลเดอร์ Controllers มุมมองจะถูกเขียนในโฟลเดอร์ Views และโมเดลจะถูกเขียนในโฟลเดอร์ Models คุณไม่จำเป็นต้องใช้ชื่อโฟลเดอร์ในรหัสแอปพลิเคชันของคุณ
การตั้งชื่อที่เป็นมาตรฐานจะช่วยลดจำนวนโค้ดและช่วยให้นักพัฒนาเข้าใจโครงการ MVC ได้ง่ายขึ้น
ด้านล่างนี้เป็นภาพรวมโดยย่อของเนื้อหาของแต่ละโฟลเดอร์:
โฟลเดอร์ App_Data ใช้เพื่อเก็บข้อมูลแอปพลิเคชัน
เราจะกล่าวถึงการเพิ่มฐานข้อมูล SQL ไปยังโฟลเดอร์ App_Data ในภายหลังในบทช่วยสอนนี้
โฟลเดอร์ เนื้อหา ใช้เพื่อจัดเก็บไฟล์คงที่ เช่น สไตล์ชีท (ไฟล์ CSS) ไอคอน และรูปภาพ
Visual Web Developer จะเพิ่มโฟลเดอร์ ธีม ลงในโฟลเดอร์เนื้อหาโดยอัตโนมัติ โฟลเดอร์ธีมจะจัดเก็บสไตล์และรูปภาพของ jQuery ในโปรเจ็กต์ของคุณ คุณสามารถลบโฟลเดอร์ธีมนี้ได้
Visual Web Developer จะเพิ่มไฟล์สไตล์ชีตมาตรฐานให้กับโปรเจ็กต์: ไฟล์ Site.css ในโฟลเดอร์เนื้อหา ไฟล์สไตล์ชีตนี้เป็นไฟล์ที่คุณแก้ไขเมื่อคุณต้องการเปลี่ยนสไตล์ของแอปพลิเคชันของคุณ
เราจะแก้ไขไฟล์สไตล์ชีทนี้ (Site.css) ในบทถัดไปของบทช่วยสอนนี้
โฟลเดอร์ Controllers ประกอบด้วยคลาสคอนโทรลเลอร์ที่รับผิดชอบในการจัดการอินพุตของผู้ใช้และคลาสที่เกี่ยวข้อง
MVC กำหนดให้ชื่อไฟล์คอนโทรลเลอร์ทั้งหมดลงท้ายด้วย "Controller"
Visual Web Developer ได้สร้างตัวควบคุมหน้าแรก (สำหรับโฮมเพจและหน้าเกี่ยวกับ) และตัวควบคุมบัญชี (สำหรับหน้าเข้าสู่ระบบ):
เราจะสร้างตัวควบคุมเพิ่มเติมในบทต่อๆ ของบทช่วยสอนนี้
โฟลเดอร์ Models มีคลาสที่แสดงถึงโมเดลของแอปพลิเคชัน โมเดลควบคุมและจัดการข้อมูลของแอปพลิเคชัน
เราจะสร้างโมเดล (คลาส) ในภายหลังในบทช่วยสอนนี้
โฟลเดอร์ Views ใช้เพื่อจัดเก็บไฟล์ HTML ที่เกี่ยวข้องกับการแสดงผลของแอปพลิเคชัน (ส่วนต่อประสานผู้ใช้)
โฟลเดอร์ Views มีโฟลเดอร์สำหรับคอนโทรลเลอร์แต่ละตัว
ในโฟลเดอร์ Views Visual Web Developer ได้สร้างโฟลเดอร์บัญชี โฟลเดอร์ Home และโฟลเดอร์ที่ใช้ร่วมกัน
โฟลเดอร์บัญชีประกอบด้วยหน้าสำหรับการลงทะเบียนบัญชีผู้ใช้และการเข้าสู่ระบบ
โฟลเดอร์ Home ใช้เพื่อจัดเก็บหน้าแอปพลิเคชัน เช่น โฮมเพจ และหน้าเกี่ยวกับ
โฟลเดอร์ที่ใช้ร่วมกันใช้เพื่อจัดเก็บมุมมอง (หน้าต้นแบบและหน้าเค้าโครง) ที่ใช้ร่วมกันระหว่างตัวควบคุม
เราจะแก้ไขไฟล์เลย์เอาต์เหล่านี้ในบทถัดไปของบทช่วยสอนนี้
โฟลเดอร์สคริปต์เก็บไฟล์ JavaScript ของแอปพลิเคชัน
ตามค่าเริ่มต้น Visual Web Developer จะวางไฟล์ MVC, Ajax และ jQuery มาตรฐานไว้ในโฟลเดอร์นี้:
หมายเหตุ: ไฟล์ชื่อ "modernizr" เป็นไฟล์ JavaScript ที่ใช้เพื่อทำให้แอปพลิเคชันรองรับ HTML5 และ CSS3