في أحدث إطار تطوير الويب MVC4+ Easyui ، قمت بدمج وحدة نمطية حول معالجة شاشة التسوق عبر الإنترنت ، والتي تدمج عمليات مختلف الوحدات النمطية مثل دليل طلبات العميل ، ودمج شأن الوري ، والمسح الضوئي ، والخصم ، والخوض ، والاستعلام. أنها تنطوي على بعض مجموعات شاشة الطريق. ومع ذلك ، نظرًا لأن Lodop لم يكن متوافقًا مع Chrome والمتصفحات الأخرى من قبل ، فقد أردت ذات مرة التخلي عن عملية طباعة هذا التحكم. ومع ذلك ، فقد أطلقوا "Cloud Printing Control C-Lodop" في الوقت المناسب ، وهو متوافق تمامًا مع الواجهة السابقة. لذلك ، لا يزال يتم استخدام هذا التحكم في إطار معالجة الطباعة ذات الصلة ، بما في ذلك مجموعات المعلومات التقليدية للطباعة وحفظ الطرق.
1. تركيب الضوابط
يتم تثبيت Cloud Control C-lodop (http://www.lodop.net/) بالفعل محليًا وتوفر الخدمة المقيمة خدمات JS. يتم بدء الواجهة بعد التثبيت بعد بدء البرنامج على النحو التالي.
هذه الطريقة في توفير خدمات JS من خلال الخادم أفضل بكثير من أساليب المكونات. بعد اختبار متصفح Chrome ، يمكنك الطباعة بسلاسة. طريقة المكونات الإضافية الأصلية LODOP غير متوافقة.
من خلال رمز تهيئة JS الخاص بهم ، يمكننا أن نفهم أن عنصر التحكم يستخدم حاليًا طريقة غير Plugin لمعالجة عمليات الطباعة.
// دع متصفحات الكمبيوتر الأخرى تطبع من خلال محلي (مثال قابل للتطبيق): var script = document.createElement ("script") ؛ script.src = "/clodopfuncs.js"؛var head = document.head || document.getElementsByTagName ("Head") [0] || document.documentElement ؛ head.insertbefore (script ، head.firstchild) ؛ // اسمح للمتصفح الأصلي بطباعة (مفضل): script = document.createElement ("script") document.getElementsByTagName ("Head") [0] || document.documentElement ؛ head.insertbefore (script ، head.firstchild) ؛ // Post Browser Post Port 8001 (قد يسبب هذا النهج أخطاء ويتجاهله): script = document.createElement ("script") ؛ script.src = "http: // localhost: 8001/clodopfunc.js document.getElementsByTagName ("Head") [0] || document.documentElement ؛ head.insertbefore (script ، head.firstchild) ؛يوفر المثال الرسمي ملف LODOPFUNCS.JS لإنشاء عنصر تحكم طباعة ، حيث يتم تعريف وظيفة getLodop في ملف LODOPFUNCS.JS للحصول على كائن التحكم في الطباعة.
تحقق مما إذا تم تثبيت عنصر التحكم في الطباعة السحابية. رمز JS للتحقق مما إذا كان عنصر التحكم في طباعة السحابة مثبتًا على النحو التالي.
<script language = "javaScript" type = "text/javaScript"> checkisinstall () {try {var lodop = getLodop () ؛ if (lodop.version) {if (lodop.cversion) تنبيه ("حاليًا تتوفر طباعة سحابة C-lodop!/n-lodop إصدار:"+lodop.cversion+"(يتضمن lodop"+lodop.version+")") ؛ Elsealert ("تم تثبيت التحكم في LODOP بنجاح في هذا الجهاز!/N رقم الإصدار:"+lodop.version) ؛ } ؛} catch (err) {}} ؛ </script>2. استخدام التحكم في الطباعة السحابية C-lodop
هذا التحكم يتسق مع استخدام LODOP الأصلي. يمكنك استخدام أحدث طريقة طباعة مباشرة دون تعديل الكود الأصلي. إنه جيد جدًا. فيما يتعلق باستخدام هذا التحكم ، قدمت الكثير من عمليات الاستخدام ذات الصلة من قبل.
على سبيل المثال ، في Winform ، حالة استخدام حزم صفحة الويب لإنشاء مستندات ، "ملخص لعدة طرق لتوليد المحتوى بناءً على nvelocity".
بالإضافة إلى "تنفيذ حلول طباعة الويب لإعدادات المستندات" على صفحة الويب ، و "طباعة التقرير العادي لحلول طباعة الويب لطباعة الويب" ، يتم تقديم استخدام وتشغيل عناصر التحكم بطريقة مفصلة للغاية.
يوفر هذا التحكم مجموعة متنوعة من الحالات التفصيلية (http://www.lodop.net/demo.html) ، والتي يمكن استخدامها في المرجع.
كما ذكرنا سابقًا ، واصلت استخدام عنصر التحكم هذا لمعالجة معالجة فاتورة التسوق عبر الإنترنت في الإطار ، على سبيل المثال ، نحتاج إلى تطبيق محتوى الواجهة مثل هذا.
لقد صممنا محتوى الصفحة كما هو موضح أدناه.
للمحتوى المصمم ، يمكننا تحويلها إلى رمز JS داخل الصفحة كما هو موضح أدناه.
<script src = "/content/jquerytools/lodop/checkactivx.js"> </script> <script type = "text/javaScript"> var lodop ؛ // إعلان كمعاينة دالة متغير عالمي () {// Print Preview Lodop = getLodop () ؛ lodop.print_inita (-1 ، -1 ، 824 ، 1129 ، "Way Bill Set") ؛ 0 ، "A4") ؛ lodop.preview () ؛} ؛ إعداد الوظيفة () {// print صيانة lodop = getlodop () ؛ lodop.print_inita (-1 ، -1 ، 824 ، 1129 ، "way bill set") ؛ getlodop () ؛ lodop.print_inita (-1 ، -1 ، 824 ، 1129 ، "Waybox Set") ؛ CreateLicenSedata () ؛ lodop.print_design () ؛ $ .ajaxsettings.async = false ؛ // أولاً أولاً يرسل المستخدم طلبًا غير متزامن لتنفيذ الطريقة $ .getjson ("/billdetail/findbyid؟ id =" + printid ، function (info) {lodop.add_print_setup_bkimg ( template.png '// ") ؛ lodop.set_show_mode (" bkimg_in_preview "، true) ؛ // المعاينة تحتوي على خلفية lodop.set_show_mode (" bkimg_print "، true) ؛ info.fenyundanhao) ؛ lodop.add_print_barcode (684 ، 441 ، 262 ، 56 ، "128C" ، info.fenyundanhao) ؛ lodop.add_print_text (186 ، 287 ، 277 ، 39 ، info.shou_com) ؛ lodop.set_print_print_print (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (236 ، 378 ، 186 ، 28 ، info.shou_name) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (276 ، 283 ، 284 ، 67 ، info.shou_dizhi) ؛ 12) ؛ lodop.add_print_text (362 ، 306 ، 254 ، 30 ، info.shou_phone) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (404 ، 319 ، 51 ، 30 ، info.Jianshu) ؛ 12) ؛ lodop.add_print_text (404 ، 319 ، 51 ، 30 ، info.jianshu) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (400 ، 476 ، 95 ، 31 ، info.zhongliang) ؛ 12) ؛ lodop.add_print_text (187 ، 33 ، 227 ، 39 ، info.fa_gongsi) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (277 ، 33 ، 230 ، 65 ، infa.fa_dizhi) ؛ 12) ؛ lodop.add_print_text (364 ، 37 ، 227 ، 25 ، info.fa_phone) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (410 ، 37 ، 226 ، 26 ، info.pinming) ؛ lodop.set_print_print_sstylea (0 ، 12) ؛ lodop.add_print_text (410 ، 37 ، 226 ، 26 ، info.pinming) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (803 ، 34 ، 234 ، 39 ، infa_gongsi) ؛ 12) ؛ lodop.add_print_text (895 ، 32 ، 238 ، 66 ، info.fa_dizhi) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (979 ، 33 ، 234 ، 25 ، infa_phone) ؛ 12) ؛ lodop.add_print_text (1024 ، 35 ، 228 ، 25 ، info.pinming) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (802 ، 285 ، 287 ، 39 ، info.shou_com) ؛ lodop.set_print_print_sstylea (0 ، 12) ؛ lodop.add_print_text (802 ، 285 ، 287 ، 39 ، info.shou_com) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (849 ، 373 ، 198 ، 28 ، info.shou_name) ؛ 12) ؛ lodop.add_print_text (894 ، 285 ، 287 ، 67 ، info.shou_dizhi) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (980 ، 287 ، 28 ، info.shou_phone) ؛ 12) ؛ lodop.add_print_text (1021 ، 317 ، 59 ، 29 ، info.jianshu) ؛ lodop.set_print_stylea (0 ، "fontsize" ، 12) ؛ lodop.add_print_text (1017 ، 477 ، 95 ، 30 ، info.zhongliang) ؛ 12) ؛}) ؛}} // طباعة معاينة var printid ؛ وظيفة printDetail () {var row = $ ("#griddetail"). datagrid ("getSelected") ؛ if (row) {$ .messager.alert ("tip" ، "يرجى تحديد سجل") ؛}} // دالة طباعة الدُفعات batchprint () {// get idvar rows = $ ("#griddetail") $ .messager.confirm ("تأكيد طباعة الدُفعات" ، "هل تؤكد أن السجل المحدد مطبوع على دفعات؟" ، الدالة (الإجراء) {if (الإجراء) = الصفوف [i] .id ؛ createLicensedata () ؛ lodop.print () ؛}}}) ؛} آخر {$ .messager.alert ("proper" ، "الرجاء تحديد البيانات التي تريد طباعتها على دفعات") ؛ {var index = $ ('#griddetail'). dataGrid ('getRowIndex' ، row) ؛ printId = row.id ؛ setup () ؛}} </script>في واجهة الطباعة هذه ، يتم استخدام عملية طباعة رمز الاستجابة السريعة أيضًا ، وهي مريحة للغاية للقراءة مباشرة باستخدام بندقية الباركود ، على النحو التالي:
lodop.add_print_barcode (78 ، 441 ، 262 ، 56 ، "128c" ، infenyundanhao) ؛ lodop.add_print_barcode (684 ، 441 ، 262 ، 56 ، "128C" ، infenyundanhao) ؛
ثم قم بتعيين زر وظيفة تشغيل الطباعة في الصفحة الرئيسية للمعالجة. فيما يلي تأثير واجهة إطار الويب القائم على إطار ويب.
ويرد أدناه واجهة معاينة الطباعة. عند الطباعة فعليًا ، يمكننا تعيين عدم طباعة صورة الخلفية.
إذا كانت الطباعة العادية ، فإن واجهتهم قريبة جدًا من محتوى الصفحة التي نراها ، كما هو موضح أدناه.
يظهر الرمز المرجعي أدناه.
@*أضف دعمًا للتحكم في LODOP*@<script type = "text/javaScript"> var lodop ؛ // DECRARE as Global Variable Function Preview () {// print print createlecensedata () ؛ lodop.set_show_mode ("معاينة_براودس" ، 1) ؛ lodop.preview () ؛ CreateLicensedata () ؛ lodop.print_setup () ؛} ؛ design design () {// تصميم الطباعة الأصلي createlecensedata () ؛ lodop.print_design () ؛ type = 'text/css' rel = 'stylesheet' href = '/content/default/style.css'/> <!-table {border: 1 ؛ background-color: #cbcbcc} td {background-color: #fffe ؛ border: 1 ؛ خلفية اللون:#f1f1f3 ؛ padding-left: 5px ؛ الحدود: 1}-> </style> "؛ var strformhtml = strbodystyle +" <body> " + document.getElementById (" printcontent "). Innerhtml +" </body> "؛ strformhtml) ؛ lodop.preview () ؛} الوظيفة seveas () {var id = $ ('#id2'). val () ؛ window.open ('/information/esportwordbyid؟ id =' + id) ؛} </script>