Solution d'impression Web pour implémenter l'ensemble de certificats

Dans un article qui a introduit la "fonction d'impression de rapport ordinaire des solutions d'impression Web" mentionnées précédemment, la Lodop de contrôle d'impression est tout à fait pratique pour faire l'ensemble. Au moins, l'interface de réglage de la position n'a pas besoin d'être effectuée par vous-même. Quant au poste, il offre également une fonction de sauvegarde automatique, vous n'avez donc pas besoin de y prêter attention.

Les configurations générales comprennent plusieurs parties d'opérations: Aperçu d'impression, maintenance d'impression et conception d'impression.

L'aperçu de l'impression et la maintenance d'impression sont destinés aux utilisateurs finaux. La maintenance de l'impression fait référence au contenu qui ne peut pas être modifié et supprimé, mais la position peut être ajustée, offrant la possibilité d'ajuster la position d'impression de différentes imprimantes de différentes tailles.

La conception d'impression est destinée aux développeurs. Au début, nous devons utiliser cette fonction pour concevoir l'interface pour configurer l'ensemble, qui est de placer à peu près l'emplacement de chaque contenu en fonction de l'image d'arrière-plan de la configuration du certificat.

Le code d'implémentation général est le suivant:

 <script linguisse = "javascript"> var lodop = document.getElementById ("lodop"); // Cette ligne d'instruction est de se conformer à la spécification DTD CheckLodop (); </script> <script linguisse = "javascript" type = "text / javascript"> function préview2 () {createAbill (); lodop.preview (); }; Fonction setup2 () {CreateDatabill (); lodop.print_setup (); }; Fonction Design2 () {CreateDatabill (); Lodop.print_design ();}; fonction realprint () {CreateDatabill (); if (lodop.printa ()) alert ("La commande d'impression réelle a été émise!"); else alert ("Imprimez l'absence d'impression!"); }; Fonction CreateDatabill () {lodop.set_print_paper (10,10,762,533, "Imprimer Control Function Dismonstration_Lodop Function_Mobile Company Fivoice Set"); lodop.add_print_text (126,150,100,20, "FONTC" Olor ", 16711680); Lodop.Add_print_text (151,150,100,20," 13954885177 "); Lodop.set_print_stylea (2," FontColor ", 16711680); Lodop.Add_print_Text (125,5 84,99,20," Invoice Print (1st (1st (125,5 84,99,20 " Temps) "); lodop.set_print_stylea (3," Fontcolor ", 16711680); lodop.add_print_text (465,140,198,20," Lubaqi Shibayuan Triangle Zero Minute "); lodop.set_print_style Shibayuan Zero Minute"); Lodop.Set_Print_styled A (4, "Fontcolor", 16711680); lodop.add_print_text (465,599,70,20, "678.30"); lodop.set_print_stylea (5, "Fontcolor", 16711680); Lodop.Add_Print_text (49 6,408,59,20, "H112063"); lodop.set_print_stylea (6, "Fontcolor", 16711680); Lodop.add_print_text (191,58,100,20, "Call d'office domestique"); lodop.set_print_stylea (7, "Fontcolor", 16711680); lodop.add_print_text (191,217,100,20, "584.00"); lodop.set_print_stylea (8, "Fontcolor", 16711680); lodop.add_print_text (222,5 8,100,20, "valeur-aded-added-aded-aded-aded-aded-aded-aded-Added. dépenses "); 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," charge "); lodop.set_print_stylea (11," Fontcolor ", 16711680); lodop.add_print_text (251,217,100, 20,"50.00");LODOP.SET_PRINT_STYLEA(12,"FontColor",16711680);LODOP.ADD_PRINT_TEXT(280,58,100,20,"Promotional Fee");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 (98,101,150,20, "101 081005747319387 "); lodop.set_print_stylea (15," Fontcolor ", 16711680); lodop.add_print_text (97 307,150,20," 19 octobre 2008 10:28:38 "); Lodop.Set_Print_ Stylea (16, "Fontcolor", 16711680); lodop.add_print_text (152,584,103,20, "138860016786"); Lodop.set_print_Stylea (17, "FontColor", 16711680); Lodop.adddd (17 _Print_text (95,571,112,20, "06775516"); lodop.set_print_stylea (18, "Fontname", "System"); Lodop.Set_print_stylea (18, "Fontcolor", 16711680); Lodop.a DD_Print_Text (496,135,183,20, "Soupptère. 2008 (20080901-20080930) "); lodop.set_print_stylea (19," Fontcolor ", 16711680); lodop.add_print_text (496 572,112, 20," - Wangfujing Central Store Store Store Store Store Store Store CAMP "); Lodop.Set_print_stylea (20," Fontcolor ", 16711680); Lodop.Add_print_text (311,217,100,20," 678.30 "); Lodop.Set_print_stylea (21," Font Color ", 16711680); Lodop.Addd_Print_Text (311,58," Cost "); lodop.set_print_stylea (22," Fontcolor ", 16711680); lodop.add_print_setup_bkimg (" <img src = report / certificate background.jpg '/>");lodop.set_show_mode ("bKimg_in_preview", 1);} </ script>

La plupart des contenus sont relativement faciles à comprendre. Différentes fonctions appellent différentes fonctions Aperçu pour l'aperçu, la configuration de la maintenance et la conception de la conception.

Lors de l'impression, veuillez noter que le code suivant est utilisé pour définir l'image d'arrière-plan pour afficher (l'arrière-plan n'est pas imprimé lors de l'impression).

 Lodop.add_print_setup_bkimg ("<img src = rapport / fond de certificat.jpg '/>");lodop.set_show_mode (" bkimg_in_preview ", 1); // si l'image d'arrière-plan est incluse lors de l'impression de l'aperçu

De plus, comme le contenu du rapport est écrit dans la page HTML, lors de la définition du contenu dynamiquement, vous pouvez utiliser un script pour lire les éléments d'interface comme source de données, et deuxièmement, vous pouvez générer automatiquement du code de script via le code d'arrière-plan et le publier sur la première page pour voir ce dont vous avez besoin.

L'interface d'aperçu pour la configuration est à peu près affichée dans la figure ci-dessous, où la partie bleue est le contenu qui doit être imprimé, et l'image d'arrière-plan est un modèle pour les factures.

Le code suivant est d'obtenir le contenu correspondant via des scripts. Cette situation convient aux scénarios où un contenu imprimé peut être modifié sur l'interface.

 Lodop.add_print_text (95, 695, 250, 52, document.getElementByid ("txtCompanyName"). InnerText); // Nom de bureau lodop.set_print_stylea (1, "Fontsize", 14); lodop.set_print_stylea (1, "Bold", 1); var licensédate = document.getElementById ("txtLICensedate"). // la période de validité du certificat var licenceyear = ""; var liceneSemh = ""; var licensédate liceneseday = ""; if (licensedate! = Null && licensédate! = "") {Licenceyear = licenssedate.split ("-") [0]; licecesenth = licenssedate.split ("-") [1]; (licensedate.split ("-") [2]). substr (0, 2);} lodop.add_print_text (396, 190, 46, 22, validateyear); // la fin de la période de validité lodop.set_print_stylea (6, "Fontsize", 11); lodop.set_print_stylea (6, "bold", 1); lodop.add_print_text (396, 253, 30, 22, validatemonth); // Période d'expiration Mois de fin Lodop.set_print_stylea (7, "Fontize", 11); Lodop.Set_print_stylea (7, "Bold", 1); Lodop.Add_print_text (396, 304, 32, 22, valideday); // Date d'expiration Lodop.set_print_stylea (8, "Fontize", 11); Lodop.set_print_stylea (8, "Bold", 1);

Enfin, il est attaché avec son interface de conception, où la fonction de génération de code peut générer un affichage de mise en page de contenu pour le HTML statique, et il peut être utilisé dans des pages dynamiques après avoir apporté certaines modifications et ajustements. Une fonctionnalité très utile.

Ce qui précède est l'idée d'implémentation de la solution d'impression Web pour l'ensemble de certificats introduit par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!