ทักษะการพัฒนาส่วนหน้าของ ASP.net

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-01-31 14:24:01

ขณะนี้เว็บไซต์หลายแห่งได้รับการพัฒนาโดยใช้ .net

การพัฒนาส่วนหน้ามีอีกแพลตฟอร์มหนึ่ง

เนื่องจากการใช้ตัวจัดการซอร์สโค้ด VSS โปรแกรมเมอร์จึงมักกังวลเกี่ยวกับการรับไฟล์

โดยเฉพาะสไตล์รูปภาพ

โครงสร้างไดเร็กทอรี

├─App_Code -------------------------- ไดเร็กทอรีไลบรารีโค้ด cs

├─App_Theme ------------------ ไดเร็กทอรีธีม

├─Bin -------------------------- ไดเร็กทอรีการเรียก dll

│ ├─แอป ----------------------- ไดเรกทอรีควบคุมแบบไดนามิก

│ │ ├─brand ------------------ พื้นที่แบรนด์

│ │ ├─catagory --------------- แคตตาล็อกผลิตภัณฑ์

│ │ ├─club ------------------ ชุมชน

│ │ ├─ค่าเริ่มต้น ----------------หน้าแรก

│ │ ├─เข้าสู่ระบบ ------------------ เข้าสู่ระบบของผู้ใช้

│ │ ├─ข่าว ------------------- ข่าว

│ │ ├─ผลิตภัณฑ์ ---------------- แคตตาล็อกผลิตภัณฑ์

│ │ └─public ------------------ ไดเร็กทอรีสาธารณะ (เพจเฟรมสาธารณะส่วนหัวบางเพจ หากเป็นไดนามิก เพจเหล่านั้นจะถูกวางไว้ในไดเร็กทอรีนี้ด้วย)

│ └─html ---------------------- ไดเร็กทอรีทั่วไปของการควบคุมแบบคงที่ (ไดเร็กทอรีย่อยด้านล่างคล้ายกับการควบคุม/แอป แต่เก็บเฉพาะการควบคุมที่อัปเดตด้วยตนเองเท่านั้น)

│ ├─แบรนด์

│ ├─หมวดหมู่

│ ├─คลับ

│ ├─ค่าเริ่มต้น

│ ├─เข้าสู่ระบบ

│ ├─ข่าว

│ ├─ผลิตภัณฑ์

│ └─สาธารณะ

├─ค่าเริ่มต้น ----------------------- หน้าแรก

รูปแบบเริ่มต้นของ .net คือใส่

ด้านล่าง Theme จากนั้นอ่านโฟลเดอร์

ตัวอย่างเช่น มีโฟลเดอร์เริ่มต้น LayOut.css อยู่ข้างใน

├─App_Theme ---------- ค่าเริ่มต้น ---------- LayOut.css

รหัสด้านล่าง:

@ นำเข้า URL (http://images.xxxx.com/WebApp/Theme/Css/Default.css);

@ นำเข้า URL (http://images.xxxx.com/WebApp/Theme/Css/Public.css);

@ นำเข้า URL (http://images.xxxx.com/WebApp/Theme/Default/LayOut.css);

กำหนดค่าสภาพแวดล้อมข้างต้น

ค้นหาไฟล์ต่อไปนี้:

C:/WINDOWS/system32/drivers/etc/hosts

เพิ่มบันทึก

192.168.3.204 Images.xxxx.com (IP คือ IP ในเครื่อง)

ข้อได้เปรียบ:

แยก CSS และรูปภาพลงในตัวจัดการซอร์สโค้ด เพื่อไม่ให้ค้างทุกครั้งที่ดึงข้อมูล

การสำรองข้อมูลโปรแกรมที่สะดวก

สไตล์ รูปภาพ ฯลฯ ได้รับการอัปโหลดโดยนักพัฒนาส่วนหน้า

คุณสามารถเรียกดูหน้าที่ถูกต้องได้โดยตรงโดยไม่ต้องรับมัน

คงจะเหมาะกว่าถ้ามีเซิร์ฟเวอร์รูปภาพ

ข้อบกพร่อง:

@ นำเข้า URL (http://images.xxxx.com/WebApp/Theme/Default/LayOut.css);

บางคนบอกว่ามันจะส่งผลต่อการโหลด การเขียน และการอ่าน HTML ก่อนที่จะอ่านไฟล์ในการนำเข้า

แต่ฉันยังไม่เคยเจออะไรแบบนี้เลย

ต้องเพิ่มไฟล์ในเครื่องของโปรแกรมเมอร์แต่ละคนลงในไฟล์โฮสต์ -----> 192.168.3.204 Images.xxxx.com

การเยียวยา:

หลังจากเสร็จสิ้น ให้เขียนไฟล์ css ลงในไฟล์ html โดยตรง