免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 2758 | 回复: 3
打印 上一主题 下一主题

jquery 条形码插件 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2012-01-13 16:19 |只看该作者 |倒序浏览
jquery 条形码插件






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



Java代码
  1. <SPAN style="FONT-SIZE: small"><SCRIPT>   
  2.             $(document).ready(function(){   
  3.                 generateC39 = function(){   
  4.                     $('.barcode39') .barcode({code:'code39'});   
  5.                 };   
  6.                 generateI25 = function(){   
  7.                     $('.barcodeI25').barcode({code:'I25'});   
  8.                 };   
  9.                        
  10.                 }   
  11.             );   
  12. </SCRIPT>   
  13. </SPAN>  

  14. <SCRIPT>
  15.                         $(document).ready(function(){
  16.                                 generateC39 = function(){
  17.                                         $('.barcode39') .barcode({code:'code39'});
  18.                                 };
  19.                                 generateI25 = function(){
  20.                                         $('.barcodeI25').barcode({code:'I25'});
  21.                                 };
  22.                                        
  23.                                 }
  24.                         );
  25. </SCRIPT>
复制代码
在页面上调用方法的js.

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



Html代码
  1. <SPAN style="FONT-SIZE: small"><H1>CODE 39: string test = "CODE39" <BR><BUTTON onclick=generateC39();>generate   
  2. via JS</BUTTON> </H1>  
  3. <!--以上是页面静态显示-->  
  4. <DIV   
  5. 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"   
  6. class=barcode39>2kopkp12313 </DIV>  
  7. <!--div中 "2kopkp12313 ” 为显示条形码的数字码,即为定单中定单号-->  
  8. <BR>  
  9. <HR>  
  10. </SPAN>  

  11. <H1>CODE 39: string test = "CODE39" <BR><BUTTON onclick=generateC39();>generate
  12. via JS</BUTTON> </H1>
  13. <!--以上是页面静态显示-->
  14. <DIV
  15. 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"
  16. class=barcode39>2kopkp12313 </DIV>
  17. <!--div中 "2kopkp12313 ” 为显示条形码的数字码,即为定单中定单号-->
  18. <BR>
  19. <HR>
复制代码
还包括两个文件,jquery-1.3.2.js,jquery.barcode.0.3.js,分别为jquery库函数文件和条形码形成文件。

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

论坛徽章:
0
2 [报告]
发表于 2012-01-13 16:19 |只看该作者
学习了

论坛徽章:
0
3 [报告]
发表于 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);
        }
    }
}

论坛徽章:
5
丑牛
日期:2014-01-21 08:26:26卯兔
日期:2014-03-11 06:37:43天秤座
日期:2014-03-25 08:52:52寅虎
日期:2014-04-19 11:39:48午马
日期:2014-08-06 03:56:58
4 [报告]
发表于 2012-12-27 20:10 |只看该作者
学习了
向上吧
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP