การส่งออก CSS ของเวิร์กชีตแยกจากกันในผลลัพธ์ HTML

การแนะนำ

ในคู่มือนี้ คุณจะได้เรียนรู้วิธีส่งออกเวิร์กชีต Excel เป็น HTML โดยเน้นเป็นพิเศษที่การส่งออก CSS แยกกัน ซึ่งไม่เพียงแต่ปรับปรุงความสามารถในการบำรุงรักษาสไตล์ของคุณเท่านั้น แต่ยังเพิ่มประสิทธิภาพเวิร์กโฟลว์ของคุณอีกด้วย ตอนนี้ มาเจาะลึกข้อกำหนดเบื้องต้นและลงมือทำกันเลย!

ข้อกำหนดเบื้องต้น

ก่อนที่เราจะเริ่มต้นเขียนโค้ด นี่คือสิ่งที่คุณต้องมีเพื่อให้บทช่วยสอนนี้ดำเนินไปอย่างราบรื่น:

  1. ใบอนุญาต Aspose.Cells สำหรับ .NET: คุณจะต้องมีใบอนุญาตเพื่อใช้คุณสมบัติของ Aspose.Cells ได้อย่างเต็มประสิทธิภาพ คุณสามารถดาวน์โหลดเวอร์ชั่นล่าสุดหรือรับใบอนุญาตชั่วคราว หากคุณแค่ทดลองดู
  2. สภาพแวดล้อมการพัฒนา: โดยหลักการแล้ว คุณควรมีการติดตั้ง Visual Studio เพื่อให้สามารถรันโปรเจ็กต์ .NET ของคุณได้อย่างราบรื่น
  3. ความรู้พื้นฐานเกี่ยวกับ C#: ความรู้พื้นฐานเกี่ยวกับการเขียนโปรแกรม C# เล็กน้อยจะช่วยให้คุณเข้าใจชิ้นส่วนโค้ดได้ดีขึ้น
  4. เอกสารอ้างอิง: ทำความคุ้นเคยกับเอกสารประกอบ Aspose.Cells สำหรับคุณสมบัติและความสามารถเพิ่มเติม เมื่อคุณได้ตรวจสอบข้อกำหนดเบื้องต้นเหล่านี้ออกจากรายการแล้ว เราก็พร้อมที่จะเริ่มส่วนที่น่าตื่นเต้นนี้ได้เลย!

แพ็คเกจนำเข้า

ในการเริ่มต้น คุณจะต้องนำเข้าเนมสเปซที่เกี่ยวข้องจาก Aspose.Cells นี่คือวิธีการตั้งค่า:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Drawing;

การตั้งค่านี้จะให้เครื่องมือทั้งหมดที่จำเป็นแก่คุณในการสร้างเวิร์กบุ๊ก จัดการเวิร์กชีต และจัดการสไตล์

มาแยกส่วนนี้ออกเป็นส่วนๆ ที่จัดการได้ โดยแต่ละขั้นตอนจะนำคุณไปใกล้เป้าหมายในการส่งออกเวิร์กชีต Excel ที่มีชีวิตชีวาไปยังไฟล์ HTML พร้อมแยก CSS juice ไว้ด้วยกัน!

ขั้นตอนที่ 1: ตั้งค่าไดเรกทอรีผลลัพธ์

สิ่งแรกที่คุณต้องทำคือตัดสินใจว่าคุณต้องการบันทึกไฟล์ HTML ที่ส่งออกไว้ที่ไหน ซึ่งเป็นสิ่งสำคัญมาก เพราะหากคุณทำผิด คุณอาจต้องค้นหาเอกสารของคุณทุกซอกทุกมุม!

string outputDir = "Your Document Directory";

เพียงแค่แทนที่"Your Document Directory" ด้วยเส้นทางที่คุณต้องการบันทึกไฟล์ ตัวอย่างเช่น:string outputDir = @"C:\MyExports\";.

ขั้นตอนที่ 2: สร้างวัตถุเวิร์กบุ๊ก

ขั้นต่อไป เราต้องสร้างวัตถุเวิร์กบุ๊กใหม่ ลองนึกภาพว่าเวิร์กบุ๊กเป็นผืนผ้าใบเปล่าที่ซึ่งเวทมนตร์ทั้งหมดเกิดขึ้น!

Workbook wb = new Workbook();

การทำเช่นนี้ทำให้เราได้เริ่มต้นอินสแตนซ์ใหม่ของคลาส Workbook ตัวแปรนี้wb ตอนนี้จะเก็บแผ่นงาน Excel ทั้งหมดของเราไว้

ขั้นตอนที่ 3: เข้าถึงแผ่นงานแรก

ตอนนี้ถึงเวลาที่จะดำดิ่งลงไปในผืนผ้าใบของคุณและหยิบแผ่นงานแรกขึ้นมา ส่วนนี้ตรงไปตรงมา เนื่องจากเราต้องการเพียงแผ่นงานแรกสำหรับบทช่วยสอนนี้

Worksheet ws = wb.Worksheets[0];

บรรทัดนี้จะดึงเวิร์กชีตแรกในเวิร์กบุ๊กของคุณ ซึ่งพร้อมสำหรับการจัดการ

ขั้นตอนที่ 4: จัดการค่าของเซลล์

ตอนนี้มาถึงส่วนสนุก ๆ แล้ว มาใส่ข้อมูลลงในเซลล์กันเถอะ คุณสามารถเลือกเซลล์ใดก็ได้ แต่สำหรับตัวอย่างนี้ เราจะใช้เซลล์ “B5”

Cell cell = ws.Cells["B5"];
cell.PutValue("This is some text.");

ด้วยบรรทัดนี้ เราได้แทรกข้อความ “This is some text.” ลงในเซลล์ B5 ง่ายๆ ใช่ไหม

ขั้นตอนที่ 5: ตั้งค่ารูปแบบเซลล์

มาเพิ่มความเก๋ไก๋ให้กับข้อความของเรากัน! เราจะเปลี่ยนรูปแบบข้อความเป็นสีแดง

Style st = cell.GetStyle();
st.Font.Color = Color.Red;
cell.SetStyle(st);

ขั้นตอนนี้จะดึงสไตล์ที่มีอยู่ของเซลล์ B5 เปลี่ยนสีแบบอักษรเป็นสีแดง จากนั้นจึงใช้สไตล์ใหม่อีกครั้ง ตอนนี้เซลล์ของคุณไม่ใช่แค่กล่องข้อความธรรมดาอีกต่อไป!

ขั้นตอนที่ 6: ระบุตัวเลือกการบันทึก HTML

ในขั้นตอนนี้ เราจะเตรียมตัวเลือกการบันทึก HTML ซึ่งเป็นสิ่งสำคัญเพื่อให้แน่ใจว่า CSS ของคุณจะถูกส่งออกแยกกัน

HtmlSaveOptions opts = new HtmlSaveOptions();
opts.ExportWorksheetCSSSeparately = true;

ด้วยExportWorksheetCSSSeparately เมื่อตั้งตัวเลือกเป็น true คุณกำลังสั่งให้ไลบรารีจัดการสไตล์ CSS อย่างแยกจากกันแทนที่จะฝังไว้ในไฟล์ HTML โดยตรง

ขั้นตอนที่ 7: บันทึกเวิร์กบุ๊กเป็น HTML

ในที่สุด ก็ถึงเวลาบันทึกงานหนักทั้งหมดแล้ว! บรรทัดนี้จะบันทึกเวิร์กบุ๊กของคุณในไดเร็กทอรีเอาต์พุตที่ระบุเป็นไฟล์ HTML

wb.Save(outputDir + "outputExportWorksheetCSSSeparately.html", opts);

ที่นี่เราจะตั้งชื่อไฟล์เอาท์พุตของเราoutputExportWorksheetCSSSeparately.htmlและแล้วคุณก็ทำได้!

ขั้นตอนที่ 8: ยืนยันการดำเนินการ

หากต้องการทราบว่าทุกอย่างเป็นไปอย่างราบรื่น การส่งข้อความยืนยันถือเป็นแนวทางที่ดีเสมอ

Console.WriteLine("ExportWorksheetCSSSeparatelyInOutputHTML executed successfully.");

ตอนนี้คุณสามารถรันโค้ดของคุณได้ และหากคุณเห็นข้อความยืนยันดังกล่าว ขอแสดงความยินดี คุณได้ส่งออกเวิร์กชีต Excel โดยใช้ CSS แยกต่างหากสำเร็จแล้ว!

บทสรุป

และนี่คือคู่มือของคุณเองสำหรับการส่งออกเวิร์กชีต Excel ไปยัง HTML โดยแยก CSS ออกจากกัน ขอบคุณ Aspose.Cells สำหรับ .NET ซึ่งไม่เพียงแต่ทำให้การจัดรูปแบบของคุณเป็นระเบียบเท่านั้น แต่ยังให้ความยืดหยุ่นมากขึ้นเมื่อใดก็ตามที่คุณต้องทำการเปลี่ยนแปลงในอนาคตอีกด้วย

คำถามที่พบบ่อย

Aspose.Cells คืออะไร?

Aspose.Cells เป็นไลบรารี .NET ที่ทรงพลังที่ช่วยให้คุณสามารถสร้าง แก้ไข และแปลงสเปรดชีต Excel ได้โดยไม่ต้องใช้ Microsoft Excel

ฉันจะได้รับทดลองใช้ Aspose.Cells ฟรีได้อย่างไร?

คุณสามารถดาวน์โหลดรุ่นทดลองใช้งานฟรีได้จากหน้าเผยแพร่ Aspose.Cells.

ฉันสามารถปรับแต่งเอาต์พุต HTML เพิ่มเติมได้หรือไม่

ใช่ Aspose.Cells มีตัวเลือกต่าง ๆ เพื่อปรับแต่งเอาต์พุต HTML ตามความต้องการของคุณ

เป็นไปได้หรือไม่ที่จะจัดการองค์ประกอบแผ่นงานอื่น ๆ โดยใช้ Aspose.Cells

แน่นอน! Aspose.Cells ช่วยให้คุณสามารถจัดการแผนภูมิ รูปภาพ และองค์ประกอบอื่นๆ มากมายภายในสเปรดชีตได้

ฉันสามารถหาแหล่งข้อมูลเพิ่มเติมได้ที่ไหน

ตรวจสอบออกเอกสารประกอบ Aspose.Cells สำหรับคำแนะนำโดยละเอียดและเอกสารอ้างอิง API