ในบทความที่แนะนำ "ฟังก์ชั่นการพิมพ์รายงานสามัญของโซลูชันการพิมพ์เว็บ" ที่กล่าวถึงก่อนหน้านี้ Lodop ควบคุมการพิมพ์ค่อนข้างสะดวกในการสร้างชุด อย่างน้อยอินเตอร์เฟสการปรับตำแหน่งไม่จำเป็นต้องทำด้วยตัวเอง สำหรับตำแหน่งมันยังมีฟังก์ชั่นการบันทึกอัตโนมัติดังนั้นคุณไม่จำเป็นต้องให้ความสนใจ
การตั้งค่าทั่วไปรวมถึงการดำเนินงานหลายส่วน: ตัวอย่างการพิมพ์การบำรุงรักษาพิมพ์และการออกแบบการพิมพ์
การพิมพ์ตัวอย่างและการบำรุงรักษาพิมพ์มีวัตถุประสงค์เพื่อผู้ใช้ปลายทาง การบำรุงรักษาพิมพ์หมายถึงเนื้อหาที่ไม่สามารถแก้ไขและลบได้ แต่สามารถปรับตำแหน่งได้ทำให้มีความเป็นไปได้ในการปรับตำแหน่งสำหรับการพิมพ์เครื่องพิมพ์ที่แตกต่างกัน
การออกแบบการพิมพ์สำหรับนักพัฒนา ในตอนแรกเราจำเป็นต้องใช้ฟังก์ชั่นนี้เพื่อออกแบบอินเทอร์เฟซสำหรับการตั้งค่าชุดซึ่งคือการวางตำแหน่งของแต่ละเนื้อหาตามภาพพื้นหลังของการตั้งค่าใบรับรอง
รหัสการใช้งานทั่วไปมีดังนี้:
<script language = "JavaScript"> var lodop = document.getElementById ("lodop"); // บรรทัดคำสั่งนี้จะต้องปฏิบัติตามข้อมูลจำเพาะ DTD DECATIONLODOP (); </script> <script Language = "JavaScript" type = "JavaScript"> ฟังก์ชั่น Preview2 () - ฟังก์ชั่น setup2 () {createDatabill (); lodop.print_setup (); - ฟังก์ชั่น design2 () {createDatabill (); lodop.print_design ();}; ฟังก์ชั่น realprint () {createDatabill (); if (lodop.printa ()) การแจ้งเตือน ("คำสั่งการพิมพ์จริงได้รับการออก!"); การแจ้งเตือนอื่น ("พิมพ์งดออกจากการพิมพ์!"); - ฟังก์ชั่น createDatabill () {lodop.set_print_paper (10,10,762,533, "ฟังก์ชั่นการควบคุมการพิมพ์สาธิต _lodop function_mobile บริษัท ชุดใบแจ้งหนี้"); lodop.add_print_text (126,150,100,20, "Guo degang"); olor ", 16711680); lodop.add_print_text (151,150,100,20," 13954885177 "); lodop.set_print_stylea (2," Fontcolor ", 16711680); เวลา) "); lodop.set_print_stylea (3," fontcolor ", 16711680); lodop.add_print_text (465,140,198,20," Lubaqi Shibayuan triangle Zero นาที "); A (4, "FontColor", 16711680); lodop.add_print_text (465,599,70,20, "678.30"); lodop.set_print_stylea (5, "Fontcolor", 16711680); 6,408,59,20, "H112063"); lodop.set_print_stylea (6, "Fontcolor", 16711680); lodop.add_print_text (191,58,100,20 "Fontcolor", 16711680); Lodop.Add_Print_text (191,217,100,20, "584.00"); Lodop.set_print_stylea (8, "Fontcolor", 16711680); ค่าใช้จ่าย "); lodop.set_print_stylea (9," Fontcolor ", 16711680); lodop.add_print_text (222,217,100,20," 48.30 "); lodop.set_print_stylea (10," Fon " tcolor ", 16711680); lodop.add_print_text (251,58,100,20," ชาร์จ "); lodop.set_print_stylea (11," Fontcolor ", 16711680); lodop.add_print_text 20, "50.00"); lodop.set_print_stylea (12, "Fontcolor", 16711680); lodop.add_print_text (280,58,100,20, "ค่าส่งเสริมการขาย"); lodop.set_print_stylea (13, fontcolor " 16711680); lodop.add_print_text (280,217,100,20, "4.00"); lodop.set_print_stylea (14, "Fontcolor", 16711680); Lodop.add_print_text 081005747319387 "); lodop.set_print_stylea (15," Fontcolor ", 16711680); lodop.add_print_text (97,307,150,20," 19 ตุลาคม 2008 10:28:38 "); Stylea (16, "Fontcolor", 16711680); lodop.add_print_text (152,584,103,20, "138860016786"); lodop.set_print_stylea (17, "Fontcolor", 16711680); _print_text (95,571,112,20, "06775516"); lodop.set_print_stylea (18, "fontname", "ระบบ"); lodop.set_print_stylea (18, "Fontcolor", 16711680); 2008 (20080901-20080930) "); lodop.set_print_stylea (19," Fontcolor ", 16711680); Lodop.add_print_text (496,572,112, 20,"-Wangfujing Central camp "); lodop.set_print_stylea (20," Fontcolor ", 16711680); lodop.add_print_text (311,217,100,20," 678.30 "); lodop.set_print_stylea (21," Font " สี ", 16711680); lodop.add_print_text (311,58,100,20," ค่าใช้จ่ายทั้งหมด "); lodop.set_print_stylea (22," Fontcolor ", 16711680); />");lodop.set_show_mode ("bkimg_in_preview", 1);} </script>เนื้อหาส่วนใหญ่ค่อนข้างเข้าใจง่าย ฟังก์ชั่นที่แตกต่างกันเรียกฟังก์ชั่นที่แตกต่างกันดูตัวอย่างสำหรับตัวอย่างการตั้งค่าสำหรับการบำรุงรักษาและการออกแบบสำหรับการออกแบบ
เมื่อพิมพ์โปรดทราบว่ารหัสต่อไปนี้ใช้เพื่อตั้งค่าภาพพื้นหลังเพื่อแสดง (พื้นหลังไม่ได้พิมพ์เมื่อพิมพ์)
lodop.add_print_setup_bkimg ("<img src = รายงาน /ใบรับรองพื้นหลัง. jpg '/>"); // ไม่ว่าภาพพื้นหลังจะรวมอยู่เมื่อพิมพ์ตัวอย่างนอกจากนี้เนื่องจากเนื้อหาของรายงานถูกเขียนในหน้า HTML เมื่อตั้งค่าเนื้อหาแบบไดนามิกคุณสามารถใช้สคริปต์เพื่ออ่านองค์ประกอบอินเตอร์เฟสเป็นแหล่งข้อมูลและที่สองคุณสามารถสร้างรหัสสคริปต์ผ่านรหัสพื้นหลังโดยอัตโนมัติและส่งออกไปยังหน้าแรกเพื่อดูสิ่งที่คุณต้องการ
อินเทอร์เฟซตัวอย่างสำหรับการตั้งค่าจะแสดงโดยประมาณในรูปด้านล่างซึ่งส่วนสีน้ำเงินคือเนื้อหาที่ต้องพิมพ์และภาพพื้นหลังเป็นเทมเพลตสำหรับใบแจ้งหนี้
รหัสต่อไปนี้คือการรับเนื้อหาที่เกี่ยวข้องผ่านสคริปต์ สถานการณ์นี้เหมาะสำหรับสถานการณ์ที่เนื้อหาที่พิมพ์ออกมาบางอย่างอาจถูกแก้ไขในอินเทอร์เฟซ
lodop.add_print_text (95, 695, 250, 52, document.getElementById ("txtCompanyname"). innerText); // ชื่อสำนักงาน lodop.set_print_stylea (1, "fontsize", 14); lodop.set_print_stylea (1, "bold", 1); var licensedate = document.getElementById ("txtlicensedate") ค่า; // ระยะเวลาความถูกต้องของใบรับรอง var licenseyear = ""; var licensemonth = ""; var licensedate licenseday = ""; ถ้า (licensedate! = null && licensedate! = "") {licensedate.split ("-") [0] (licensedate.split ("-") [2]). substr (0, 2);} lodop.add_print_text (396, 190, 46, 22, validateyear); // จุดสิ้นสุดของระยะเวลาความถูกต้อง lodop.set_print_stylea (6, "fontsize", 11); lodop.set_print_stylea (6, "bold", 1); lodop.add_print_text (396, 253, 30, 22, Validatemonth); // ระยะเวลาหมดอายุเดือนสิ้นเดือน lodop.set_print_stylea (7, "fontsize", 11); lodop.set_print_stylea (7, "bold", 1); lodop.add_print_text (396, 304, 32, 22, 22, // วันหมดอายุ lodop.set_print_stylea (8, "fontsize", 11); lodop.set_print_stylea (8, "bold", 1);ในที่สุดมันก็ติดอยู่กับอินเทอร์เฟซการออกแบบซึ่งฟังก์ชั่นการสร้างรหัสสามารถสร้างการแสดงเค้าโครงเนื้อหาสำหรับ HTML แบบคงที่และสามารถใช้ในหน้าแบบไดนามิกหลังจากทำการดัดแปลงและปรับเปลี่ยนบางอย่าง คุณสมบัติที่มีประโยชน์มาก
ข้างต้นเป็นแนวคิดการใช้งานของโซลูชันการพิมพ์เว็บสำหรับชุดใบรับรองที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!