Halaman Web ASP.NET - Folder
Bab ini adalah tentang folder dan jalur folder.
Dalam bab ini Anda akan belajar:
- Tentang struktur folder Logis dan Fisik
- Tentang nama Virtual dan Fisik
- Tentang URL dan Jalur web
Struktur Folder Logis
Di bawah ini adalah struktur folder khas untuk situs web halaman web ASP.NET:
- Folder "Akun" berisi file masuk dan keamanan
- Folder "App_Data" berisi database dan file data
- Folder "Gambar" berisi gambar
- Folder "Scripts" berisi skrip browser
- Folder "Bersama" berisi file umum (seperti file tata letak dan gaya)
Struktur Folder Fisik
Struktur fisik folder "Gambar" di situs web di atas mungkin terlihat seperti ini di komputer:
C:\Johnny\Documents\MyWebSites\Demo\Images
Nama Virtual dan Fisik
Dari contoh di atas:
Nama virtual gambar web mungkin "Images/pic31.jpg".
Tapi nama fisiknya adalah "C:\Johnny\Documents\MyWebSites\Demo\Images\pic31.jpg"
URL dan Jalur
URL digunakan untuk mengakses file dari web: https://www.w3schools.com/html/html5_intro.asp
URL sesuai dengan file fisik di server: C:\MyWebSites\w3schools\html\html5_intro.asp
Jalur virtual adalah singkatan untuk mewakili jalur fisik. Jika Anda menggunakan jalur virtual, Anda dapat memindahkan halaman Anda ke domain (atau server) yang berbeda tanpa harus memperbarui jalur.
URL | https://www.w3schools.com/html/html5_intro.asp |
Nama server | w3schools |
Jalur virtual | /html/html5_intro.asp |
Jalur fisik | C:\MyWebSites\w3schools\html\html5_intro.asp |
Root pada disk drive ditulis seperti C:\, tetapi root pada situs web adalah / (garis miring).
Jalur virtual folder web (hampir) tidak pernah sama dengan folder fisik.
Dalam kode Anda, Anda akan, mereferensikan jalur fisik dan jalur virtual, tergantung pada apa yang Anda kodekan.
ASP.NET memiliki 3 alat untuk bekerja dengan jalur folder: operator ~, metode Server.MapPath, dan metode Href.
~ Operator
Untuk menentukan akar virtual dalam kode pemrograman, gunakan operator ~.
Jika Anda menggunakan operator ~, alih-alih jalur, Anda dapat memindahkan situs web Anda ke folder atau lokasi lain tanpa mengubah kode apa pun:
var myImagesFolder = "~/images";
var myStyleSheet = "~/styles/StyleSheet.css";
Metode Server.MapPath
Metode Server.MapPath mengonversi jalur virtual (/ default.cshtml) ke jalur fisik yang dapat dipahami oleh server (C:\Johnny\MyWebSited\Demo\default.cshtml).
Anda akan menggunakan metode ini ketika Anda perlu membuka file data yang terletak di server (file data hanya dapat diakses dengan jalur fisik lengkap):
var pathName = "~/dataFile.txt";
var fileName = Server.MapPath(pathName);
Anda akan belajar lebih banyak tentang membaca dari (dan menulis ke) file data di server di bab berikutnya dari tutorial ini.
Metode HR
Metode HRef mengonversi jalur yang digunakan dalam kode menjadi jalur yang dapat dipahami browser (browser tidak dapat memahami operator ~).
Anda menggunakan metode HRef untuk membuat jalur ke sumber daya seperti file gambar, dan file CSS.
You will often use this method in HTML <a>, <img>, and <link> elements:
@{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"
/>
The Href method is a method of the WebPage Object.