论坛 › Web开发 › jquery 条形码插件

三里屯摇滚 发表于 2012-01-13 16:19

jquery 条形码插件

jquery 条形码插件





因为工作需求，项目简单化，所以rails3中使用jquery 条形码插件。分享一下：



Java代码<SPAN style="FONT-SIZE: small"><SCRIPT>   
            $(document).ready(function(){   
                generateC39 = function(){   
                  $('.barcode39') .barcode({code:'code39'});   
                };   
                generateI25 = function(){   
                  $('.barcodeI25').barcode({code:'I25'});   
                };   
                     
                }   
            );   
</SCRIPT>   
</SPAN>

<SCRIPT>
                        $(document).ready(function(){
                                generateC39 = function(){
                                        $('.barcode39') .barcode({code:'code39'});
                                };
                                generateI25 = function(){
                                        $('.barcodeI25').barcode({code:'I25'});
                                };
                                       
                                }
                        );
</SCRIPT>在页面上调用方法的js.

以下是html代码，我只取第一种



Html代码<SPAN style="FONT-SIZE: small"><H1>CODE 39: string test = "CODE39" <BR><BUTTON onclick=generateC39();>generate   
via JS</BUTTON> </H1>
<!--以上是页面静态显示-->
<DIV   
style="BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; WIDTH: 503px; HEIGHT: 50px; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid"   
class=barcode39>2kopkp12313 </DIV>
<!--div中 "2kopkp12313 ” 为显示条形码的数字码，即为定单中定单号-->
<BR>
<HR>
</SPAN>

<H1>CODE 39: string test = "CODE39" <BR><BUTTON onclick=generateC39();>generate
via JS</BUTTON> </H1>
<!--以上是页面静态显示-->
<DIV
style="BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; WIDTH: 503px; HEIGHT: 50px; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid"
class=barcode39>2kopkp12313 </DIV>
<!--div中 "2kopkp12313 ” 为显示条形码的数字码，即为定单中定单号-->
<BR>
<HR>
还包括两个文件，jquery-1.3.2.js，jquery.barcode.0.3.js，分别为jquery库函数文件和条形码形成文件。

只要引用正确两个文件，和变动div 中的数字，就可以形成条形码。

向上吧少年 发表于 2012-01-13 16:19

学习了

喧闹无错 发表于 2012-12-26 09:42

不错哈，我也分享一个 Java Code 39 Barcode Generator 的代码：
import com.onbarcode.barcode.AbstractBarcode;
import com.onbarcode.barcode.Code39;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
   
public class BarcodeServlet extends HttpServlet
{
    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException
    {
      try {
            Code39 barcode = new Code39();
            barcode.setData("0123456789");
               
            ServletOutputStream servletoutputstream = response.getOutputStream();
            
            response.setContentType("image/jpeg");
            response.setHeader("Pragma", "no-cache");
            response.setHeader("Cache-Control", "no-cache");
            response.setDateHeader("Expires", 0);
         
            // Generate Code-39 barcode & output to ServletOutputStream
            barcode.drawBarcode(servletoutputstream);
      
      } catch (Exception e) {
            throw new ServletException(e);
      }
    }
}

pitonas 发表于 2012-12-27 20:10

学习了
向上吧

查看完整版本: jquery 条形码插件