ASP.NET MVC - โฟลเดอร์แอปพลิเคชัน

เพื่อเรียนรู้ ASP.NET MVC พวกเราจะสร้างแอปพลิเคชัน Internet

บทที่ 2:เข้าใจโฟลเดอร์แอปพลิเคชัน

โฟลเดอร์ MVC

แอปพลิเคชัน web ASP.NET MVC ตัวอย่างมีโฟลเดอร์เช่นนี้

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

  • Properties
  • อ้างอิง

โฟลเดอร์แอปพลิเคชัน

  • โฟลเดอร์ App_Data
  • โฟลเดอร์ Content
  • ไดเรกทอรี Controllers
  • ไดเรกทอรี Models
  • ไดเรกทอรี Scripts
  • ไดเรกทอรี Views

ไฟล์คอนฟิกิวเรชัน

  • Global.asax
  • packages.config
  • Web.config

ชื่อโฟลเดอร์ในทุกแอปพลิเคชัน MVC ต่างกันจะเหมือนกัน。MVC ฟรีแมวมาจากชื่อที่เริ่มต้นโดยมาตรฐาน。เครื่องควบคุมตั้งอยู่ในโฟลเดอร์ Controllers ตามที่มองเห็นได้ในโฟลเดอร์ Views และโฟลเดอร์ Models คุณไม่จำเป็นต้องใช้ชื่อโฟลเดอร์ในรหัสแอปพลิเคชัน

การใช้ชื่อตามมาตรฐานลดปริมาณรหัสโดยเทียบกับมันเอง และช่วยให้นักพัฒนาเข้าใจโครงการ MVC

ข้างล่างคือคำอธิบายสั้น ๆ ของสิ่งที่มีในโฟลเดอร์แต่ละโฟลเดอร์

โฟลเดอร์ App_Data

โฟลเดอร์ App_Data ใช้สำหรับเก็บข้อมูลแอปพลิเคชัน

เราจะเพิ่มฐานข้อมูล SQL สู่โฟลเดอร์ App_Data ในบทที่ต่อไปของต่อรายงานนี้

โฟลเดอร์ Content

โฟลเดอร์ Content ใช้สำหรับไฟล์สถานิตย์ เช่น ไฟล์ CSS (ไฟล์สไตล์) กราฟิกและรูปภาพ

Visual Web Developer จะเพิ่มไฟล์เอกสารเข้าสู่โฟลเดอร์ Content โดยอัตโนมัติ themes โฟลเดอร์. โฟลเดอร์ themes นี้จัดเก็บสไตล์ jQuery และรูปภาพ。ในโครงการนี้คุณสามารถลบโฟลเดอร์หัวข้อนี้ได้

Visual Web Developer จะเพิ่มไฟล์เอกสารสไตล์มาตรฐานเข้าสู่โครงการ: ไฟล์ในโฟลเดอร์ Content Site.cssไฟล์สไตล์นี้เป็นไฟล์ที่คุณต้องแก้ไขเมื่อต้องการเปลี่ยนสไตล์ของโปรแกรม

เราจะแก้ไขไฟล์สไตล์นี้ (Site.css) ในบทเรียนที่มากกว่าของนักเรียน

ไดเรกทอรี Controllers

ไดเรกทอรี Controllers มีคลาสควบคุมเฉพาะที่รับผิดชอบการจัดการอยู่ภายในและตอบสนองต่อการเข้าของผู้ใช้

MVC ต้องการให้ชื่อแฟ้มของทุกควบคุมเฉพาะสิ้นสุดด้วยคำต่อ "Controller"

Visual Web Developer ได้สร้างควบคุมเฉพาะ Home (สำหรับหน้าหลักและหน้าเกี่ยวกับ) และควบคุมเฉพาะ Account (สำหรับหน้าเข้าสู่ระบบ)

เราจะสร้างมากกว่าควบคุมเฉพาะในบทเรียนที่มากกว่าของนักเรียน

ไดเรกทอรี Models

ไดเรกทอรี Models มีคลาสที่แสดงโมเดลของโปรแกรม โมเดลเก็บและจัดการข้อมูลของโปรแกรม

เราจะสร้างโมเดล (ลูกเล็ก) ในบทเรียนที่มากกว่าของนักเรียน

ไดเรกทอรี Views

ไดเรกทอรี Views มีไฟล์ HTML ที่เกี่ยวข้องกับการแสดงที่ใช้สำหรับโปรแกรม (ส่วนตัวใช้งาน)

ไดเรกทอรี Views มีไดเรกทอรีเพื่อทุกควบคุมเฉพาะ

Visual Web Developer ได้สร้างไดเรกทอรี Account ไดเรกทอรี Home และไดเรกทอรี Shared (ภายในไดเรกทอรี Views)

ไดเรกทอรี Account มีหน้าที่ใช้สำหรับลงทะเบียนและเข้าสู่บัญชีผู้ใช้

ไดเรกทอรี Home ใช้เก็บหน้าปกติของโปรแกรม เช่น หน้าหลักและหน้าเกี่ยวกับ

ไดเรกทอรี Shared ใช้เก็บมุมมอง (ตัวแบบเฉพาะและหน้าต่างเครื่องมือ) ที่เป็นเจ้าของของเครื่องมือที่แบ่งแยกในเครื่องมือเหล่านี้

เราจะแก้ไขไฟล์ติดตั้งนี้ในบทเรียนต่อไปของนักเรียน

ไดเรกทอรี Scripts

ไดเรกทอรี Scripts มีเจ้าของไฟล์ JavaScript ของโปรแกรม

โดยมาตรฐาน Visual Web Developer จะใส่ไฟล์ MVC ทั่วไป โดย Ajax และ jQuery ในไดเรกทอรีนี้:

หมายเหตุ:ไฟล์ "modernizr" คือไฟล์ JavaScript ที่ใช้สำหรับสนับสนุน HTML5 และ CSS3 ในโปรแกรม