บางครั้งเรามักจะต้องเผยแพร่ข้อมูลลูกค้าและข้อมูลอื่น ๆ ทางออนไลน์เพื่อการติดต่อ อย่างไรก็ตาม ด้วยข้อมูลลูกค้าที่เพิ่มมากขึ้น คุณรู้สึกว่าการอัปเดตออนไลน์ของคุณเริ่มไม่เพียงพอหรือไม่? จะทำอย่างไร? ในความเป็นจริง นอกเหนือจากการใช้ภาษาแบ็คเอนด์ เช่น asp และ php เพื่อให้ได้รับการอัปเดตอย่างรวดเร็วแล้ว Dreamweaver เองยังมีวิธีการนำเข้าและจัดเรียงข้อมูล ซึ่งเป็นประโยชน์อย่างยิ่งสำหรับเพื่อน ๆ ที่ไม่เข้าใจแบ็กเอนด์อย่างแน่นอน dw ยังคงรักษาฟังก์ชันนี้ไว้ตั้งแต่เวอร์ชัน 3 ไปจนถึง mx ล่าสุด ซึ่งแสดงให้เห็นถึงการใช้งานจริง เรามาดูประสิทธิภาพของมันด้านล่างกันดีกว่า
หมายเหตุ: บทความนี้ใช้ dreameaver MX เป็นตัวอย่าง
1. เช่น ตอนนี้เรามีไฟล์ kehu.txt อยู่ในมือ ซึ่งมีแบบฟอร์มติดต่อลูกค้าของ ** บริษัท โดยมีข้อมูลโดยละเอียดดังนี้
ชื่อ เพศ ตำแหน่ง , หมายเลขโทรศัพท์
หลี่หมิง ชาย บริษัท A เจ้าหน้าที่ด้านเทคนิค 87185900
หลี่หยาน ชาย ผู้จัดการของบริษัท B 80226888
Wang Qiang ชาย หัวหน้าวิศวกรของบริษัท C 83546790
ซู่หลิน หญิง พนักงานการตลาดของบริษัท D 87556341
เฉิน ตงตง ชาย ผู้อำนวยการโครงการของบริษัท E, 87436588
คุณจะเห็นว่าแต่ละรายการคั่นด้วยเครื่องหมายจุลภาค
2. (1) เปิด DW MX สร้างหน้า html ใหม่ และเลือกแทรก/วัตถุตาราง/นำเข้าข้อมูลแบบตารางในแถบเมนู
รูปที่ 1
(2) หน้าต่างนำเข้าข้อมูลแบบตารางจะปรากฏขึ้น คลิกปุ่ม "เรียกดู..." และเลือกไฟล์ข้อความเพื่อจัดเก็บข้อมูล รายการตัวคั่นจะต้องสอดคล้องกับตัวคั่นในไฟล์ข้อความ เนื่องจากไฟล์ kehu.txt ใช้ จุลภาค ดังนั้นฉันจึงเลือกจุลภาคและรายการอื่น ๆ สามารถเลือกและแก้ไขได้ตามความต้องการของคุณ
รูปที่ 2
(3) สุดท้ายคลิก "ตกลง" จากนั้นตารางที่มีข้อมูลไฟล์ข้อความจะปรากฏขึ้นต่อหน้าคุณ
รูปที่ 3
3. (1) แม้ว่าตารางจะถูกสร้างขึ้นแล้ว แต่บางครั้งเราจำเป็นต้องเรียงลำดับข้อมูลในตาราง แน่นอนว่า DW ก็คิดเรื่องนี้เช่นกัน ขั้นแรกให้เลือกตาราง จากนั้นเลือกคำสั่ง/รายการตารางเรียงลำดับในแถบเมนู .
รูปที่ 4
(2) หน้าต่างเรียงลำดับจะปรากฏขึ้น เลือกคอลัมน์ 1 สำหรับการเรียงลำดับตามตัวอักษรและจากน้อยไปมากสำหรับรายการลำดับอื่น ๆ คุณสามารถดูรูปที่ 5 เพื่อทำการเลือกได้ตามต้องการ
รูปที่ 5
(3) คลิก "ตกลง" เพื่อจัดเรียงคอลัมน์ 1 ในตารางให้เสร็จสิ้น ชื่อในคอลัมน์ 1 จะถูกจัดเรียงจากน้อยไปหามากตามขนาดตัวอักษรพินอิน
รูปที่ 6
4. (1) ตอนนี้เรามีเอฟเฟ็กต์และการจัดเรียงแล้ว สิ่งสุดท้ายที่ต้องทำคือการตกแต่งโต๊ะให้สวยงาม ใครๆ ก็ชอบความสวยงาม และนอกเหนือจากการตกแต่งด้วยมือแล้ว DW ยังมีสไตล์ให้คุณอีกถึง 17 แบบ ให้เลือก คล้ายกับตารางเรียงลำดับ ให้เลือกตารางก่อน แล้วเลือกคำสั่ง/จัดรูปแบบรายการตาราง
รูปที่ 7
(2) หน้าต่างรูปแบบจะปรากฏขึ้นที่มุมซ้ายบน คุณสามารถเลือกได้ตามความต้องการของคุณ เนื่องจากรายการที่เหลือเป็นแบบการดำเนินการที่โง่เขลา ฉันจะไม่แนะนำทีละรายการที่นี่ เพียงเน้นรายการสุดท้าย รายการนี้ถามว่าจะเพิ่มแต่ละโค้ดสไตล์ลงในแท็ก TD แทนที่จะเพิ่มลงในแท็ก TR ตามค่าเริ่มต้นหรือไม่ ผู้เขียนที่นี่แนะนำว่าอย่าตรวจสอบเลย ไม่เช่นนั้นจะสร้างโค้ดมากกว่านั้นมาก การตั้งค่าเริ่มต้น
รูปที่ 8
(3) คลิก "ตกลง" และคุณเสร็จสิ้นการเรนเดอร์ขั้นสุดท้ายเป็นดังนี้ ซึ่งสามารถทำได้ด้วยขั้นตอนง่ายๆ เพียงไม่กี่ขั้นตอน