POS 무료 템플릿 (자체 제작)

자체 제작 POS 템플릿

💡Description💡

🖨️POS 의 기본이 될 템플릿을 찾을수 없어 여러가지 곤혹을 겪다 8개월간 배운 머리를 쥐어쨔내며
만들었던 pos부분을 template화 시켜 필요한 사람들에게 도움이 되기위해 가능한 구현해보았다.

🛠️Environment🛠️

• IDE :

• OS :
  

• Stack:
  
  

  
  

  ⚠️Prerequisite⚠️

• ajax의 형태를 남겨둔 상태 기존 Spring 3.x버전 으로 구현 하였던 코드에서
  가져왔으므로 자신의 개발환경에 따라 적당히 바꿔서 사용하면될듯하다.

  
  

  📖Usage📖

• jsQR.js : https://github.com/cozmo/jsQR 이 사이트에서 가져온 qrReader

• scanner-js : QR코드 결제 로직이 되어있어 형태에따라 수정하며 계산방법을 바꾸면될듯하다

• priceFormmating.js : 숫자의 3번째 자리마다 콤마(,)를 찍어주거나 제거하는 작업을 통해 금액의 UI/UX를 상승 시켜줄 수있음

  • 사용법 :

    함수명	설명
    putCommaProcess('val')	input 태그의 value를 가져와서 포맷팅해주고 그대로 그 input 태그에 넣어주는 작업
    deleteComma('val')	string으로 return할 것이기 때문에 return 받아서 parseoInt를 해줘야한다.
    putComma('val')	콤마가 없는 금액에서 콤마를 붙여주는 작업을 한다. string으로 return할 것이기 때문에 return 받아서 parseoInt를 해줘야한다.
    isEmpty(value))	비어잇냐 아니냐만 판단해주는 것.

    
    

IMGS

• baseimg
  

  
  

• saveimg
  

• qrRead
  

• cartImg