qr코드, 바코드 사용하기

둘의 차이점은 모양의 차이도 있지만 바코드의경우는 숫자밖에 값을 지정못하고 qr코드는 문자숫자 다 가능합니다.

그래서 주소나 문자관련된 데이터를 넘기기 위해서는 qr코드를 사용하셔야합니다. 

기본적으로 바코드나 qr을 찍는 행위 자체가 웹으로 표현하자면 submit버튼을 누른다고 생각하시면 됩니다.

 

바코드

 

jquery-barcode.js

0.05MB

 

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="<? echo G5_JS_URL; ?>/jquery-barcode.js"></script> 
<div id="bcTarget"></div>
<script type="text/javascript">
    today = "<? echo date("Ymd"); ?>";
    mb_no = "<? echo $member['mb_no']; ?>";
    $("#bcTarget").barcode(today+mb_no, "codabar");
</script>

 

바코드 생성을 한 다음에 form문을 만들어서 커서를 텍스트필드 부분에 찍고 바코드를 찍으면 코드가 찍히면서 자동으로 scan_result.php페이지로 이동하게 되는 원리입니다. 

<?php
$sub_menu = '215100';
include_once('./_common.php');

$g5['title'] = '코드스캔';
include_once (G5_ADMIN_PATH.'/admin.head.php');
?>
<form action="./scan_result.php" method="post" id="code_scan">
    <b>스캔 <span style="color:red;">*</span></b>
    <input type="text" name="code" id="code" class="frm_input" required>
    <input type="submit" value="검색" class="btn btn_01" style="height:35px;">
    <div style="margin-top:20px;">
        코드리더기로 코드를 읽거나 직접 코드를 입력해주세요.<br>
        읽거나 직접 입력이 가능한 코드는 다음과 같습니다.<br>
        <br>
        - 회원 바코드<br>
        - 쿠폰 바코드<br>
        - 전화번호(‘-’ 없이 입력)<br>
    </div>
</form>
<?php
include_once (G5_ADMIN_PATH.'/admin.tail.php');
?>

결과페이지

<?php
$sub_menu = '215100';
include_once('./_common.php');

$g5['title'] = '스캔결과';
include_once (G5_ADMIN_PATH.'/admin.head.php');
$code = str_replace("A", "", $_POST['code']);
$code =  substr($code,8);

?>

<?php
include_once (G5_ADMIN_PATH.'/admin.tail.php');
?>

 

qr코드

첨부파일은 qr스크립트 입니다. 

qr코드.zip

0.01MB

 

<?
	include_once("./_common.php");
?>
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.qrcode.js"></script>
<script type="text/javascript" src="/js/qrcode.js"></script>
<div id="qr_img">
</div>
<script>
   $("#qr_img").qrcode({   //qrcode 시작
        render : "canvas",      //table, canvas 형식 두 종류가 있다. 
        width : 100,            //넓이 조절
        height : 100,           //높이 조절
        text   : "<?php echo $_GET['serial']; ?>"     //QR코드에 실릴 문자열
    });
</script>
<style type="text/css">
	#qr_img{text-align: center;}
</style>

 

나머지는 바코드와 동일