Latest web development tutorials
×

ASP.NET หลักสูตร

ASP.NET หลักสูตร ASP.NET แนะนำโดยย่อ

WP หลักสูตร

WebPages แนะนำโดยย่อ WebPages Razor WebPages แบบ WebPages โฟลเดอร์ WebPages สถานการณ์โดยรวม WebPages ฟอร์ม WebPages วัตถุ WebPages ไฟล์ WebPages ผู้ช่วย WebPages WebGrid WebPages แผนภูมิ WebPages Email WebPages PHP WebPages ปล่อย WebPages ตัวอย่าง

WP คู่มืออ้างอิง

WebPages หมวดหมู่ WebPages ความปลอดภัย WebPages ฐานข้อมูล WebPages ไปรษณีย์ WebPages ผู้ช่วย

ASP.NET Razor

Razor แนะนำโดยย่อ Razor ไวยากรณ์ Razor C# ตัวแปร Razor C# การไหลเวียน Razor C# ตรรกะ Razor VB ตัวแปร Razor VB การไหลเวียน Razor VB ตรรกะ

ASP.NET MVC

MVC แนะนำโดยย่อ MVC การประยุกต์ใช้งาน MVC โฟลเดอร์ MVC แบบ MVC ตัวควบคุม MVC ดู MVC ฐานข้อมูล MVC แบบ MVC ความปลอดภัย MVC HTML ผู้ช่วย MVC ปล่อย MVC คู่มืออ้างอิง

WF หลักสูตร

WebForms แนะนำโดยย่อ WebForms หน้า WebForms การควบคุม WebForms เหตุการณ์ WebForms ฟอร์ม WebForms ViewState WebForms TextBox WebForms Button WebForms ข้อมูลผูกพัน WebForms ArrayList WebForms Hashtable WebForms SortedList WebForms XML ไฟล์ WebForms Repeater WebForms DataList WebForms เชื่อมต่อฐานข้อมูล WebForms หน้าเว็บมาสเตอร์ WebForms การเดินเรือ WebForms ตัวอย่าง

WF คู่มืออ้างอิง

WebForms HTML WebForms Controls WebForms Validation

โฟลเดอร์หน้าเว็บ ASP.NET

บทนี้ให้โฟลเดอร์ข้อมูลและเส้นทางโฟลเดอร์เพื่อความรู้


ในบทนี้คุณจะได้เรียนรู้:

  • โครงสร้างโฟลเดอร์โครงสร้างโฟลเดอร์ทางกายภาพและตรรกะ
  • เสมือนชื่อและชื่อทางกายภาพ
  • URL ของเว็บและเว็บเส้นทาง

โครงสร้างโฟลเดอร์ตรรกะ

ต่อไปนี้เป็นโครงสร้าง ASP.NET โฟลเดอร์เว็บไซต์ทั่วไป:

โฟลเดอร์
  • "บัญชี" โฟลเดอร์มีการเข้าสู่ระบบการรักษาความปลอดภัยและเอกสาร
  • "App_Data" โฟลเดอร์ที่มีฐานข้อมูลและแฟ้มข้อมูล
  • "ภาพ" โฟลเดอร์มีรูปภาพ
  • "สคริป" โฟลเดอร์ประกอบด้วยสคริปต์เบราว์เซอร์
  • "แชร์โฟลเดอร์" ประกอบด้วยแฟ้มร่วมกัน (เช่นรูปแบบและรูปแบบไฟล์)

โครงสร้างโฟลเดอร์ที่มีอยู่จริง

ในเว็บไซต์ "ภาพ" โฟลเดอร์บนโครงสร้างโฟลเดอร์ทางกายภาพของคอมพิวเตอร์อาจมีลักษณะเช่น:

C: \ Documents \ MyWebSites \ สาธิต \ รูปภาพ


เสมือนชื่อและชื่อทางกายภาพ

ในตัวอย่างข้างต้นตัวอย่างเช่น:

ชื่อของภาพเสมือนของเว็บไซต์ที่อาจจะเป็น "Images / pic31.jpg"

สอดคล้องกับชื่อทางกายภาพคือ "C: \ Documents \ MyWebSites \ สาธิต \ Images \ pic31.jpg"


URL และเส้นทาง

URL ที่จะใช้ในการเข้าถึงไฟล์เว็บไซต์: http://www.w3cschool.cc/html/html-tutorial.html

URL ที่สอดคล้องกับแฟ้มที่มีอยู่จริงบนเซิร์ฟเวอร์: C: \ MyWebSites \ w3cschool \ HTML \ HTML-tutorial.html

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

URL http://www.w3cschool.cc/html/html-tutorial.html
ชื่อเซิร์ฟเวอร์ w3cschool
เส้นทางเสมือน /html/html-tutorial.html
เส้นทางกายภาพ C: \ MyWebSites \ w3cschool \ HTML \ HTML-tutorial.html

ไดเรกทอรีรากของดิสก์ไดรฟ์ที่มีการเขียนใน C :, แต่ไดเรกทอรีรากของเว็บไซต์ที่มี / (ทับ)

เส้นทางเสมือนไปยังโฟลเดอร์เว็บมักจะไม่เหมือนกันกับโฟลเดอร์ที่มีอยู่จริง

ในรหัสของคุณรหัสของคุณจะต้องตัดสินใจที่จะใช้เส้นทางทางกายภาพและเส้นทางเสมือน

เส้นทางโฟลเดอร์ ASP.NET มีสามเครื่องมือคือ: ~ ผู้ประกอบการวิธี Server.MapPath และวิธีการ Href


~ ผู้ประกอบการ

ใช้ ~ ผู้ประกอบการเส้นทางเสมือนที่ระบุไว้ในรหัสโปรแกรม

หากคุณใช้ประกอบ ~ ย้ายเว็บไซต์ของคุณไปยังสถานที่ที่แตกต่างกันหรือโฟลเดอร์ที่แตกต่างกันคุณจะไม่สามารถเปลี่ยนแปลงใด ๆ ของรหัสของคุณคือ:

var myImagesFolder = "~/images";
var myStyleSheet = "~/styles/StyleSheet.css";


วิธี Server.MapPath

วิธี Server.MapPath เส้นทางเสมือน (/index.html) จะถูกแปลงเป็นเส้นทางกายภาพไปยังเซิร์ฟเวอร์เข้าใจ (C: \ Documents \ MyWebSites \ สาธิต \ default.html)

เมื่อคุณจำเป็นต้องเปิดไฟล์ข้อมูลบนเซิร์ฟเวอร์คุณสามารถใช้วิธีนี้ (เฉพาะเพื่อให้เป็นเส้นทางกายภาพที่สมบูรณ์ในการเข้าถึงไฟล์ข้อมูล):

var pathName = "~/dataFile.txt";
var fileName = Server.MapPath(pathName);

ในบทต่อไปของการกวดวิชานี้คุณจะเรียนรู้เพิ่มเติมเกี่ยวกับการอ่าน (และเขียน) แฟ้มข้อมูลความรู้เกี่ยวกับเซิร์ฟเวอร์


วิธี href

วิธีการแปลง href เส้นทางรหัสที่ใช้ในการจะเข้าใจว่าเบราว์เซอร์เส้นทาง (เบราว์เซอร์ไม่เข้าใจผู้ประกอบการ ~)

คุณสามารถสร้างทรัพยากร (เช่นไฟล์ภาพและไฟล์ CSS) เส้นทางโดยใช้วิธี Href

มักจะ <a> ใน HTML, <img> และ <link> องค์ประกอบที่จะใช้วิธีการนี้:

@{var myStyleSheet = "~/Shared/Site.css";}

<!-- This creates a link to the CSS file. -->
<link rel="stylesheet" type="text/css" href="@Href(myStyleSheet)" />

<!-- Same as : -->
<link rel="stylesheet" type="text/css" href="/Shared/Site.css" />

วิธี href เป็นวัตถุวิธีหน้าเว็บ