[입고] 바코드 스캔

문제

1. 프로그램에서 바코드를 스캔하면, DB에 해당 바코드열이 저장되어야한다.

2. 바코드 스캔 시, 사용자는 스캔한 바코드에 대해 알 수 있어야한다. (=스캔된 바코드들에 대해 사용자에게 보여줘야한다.)

3. 바코드는 연속적으로 n개가 스캔되고, n개의 바코드가 스캔되는 동안 사용자는 다른 입력을 하지않는다. (자동으로 다음 입력을 받을 수 있어야한다.)

4. 바코드는 문자열 + \n 으로 이루어진다.

 

프로토타입 사진(해결2)

 

해결1

바코드 스캔 후, DB에 저장, 백에서 방금 스캔한 데이터를 포함하여 페이지로 넘겨준다.

>> (DB를 에서 저장, 데이터 넘겨주는 시간 + 페이지가 새로고침되는 시간 등) 때문에 연속적으로 빠르게 바코드를 찍을 경우 인식하지 못한다.

해결1-2

DB를 방문하지않고, flask내 변수에 값을 저장했다가 프론트 페이지로 넘겨주고, 저장은 모든 바코드들이 스캔된 후 한번에 저장한다.

>> 이전보다는 빠르지만, 페이지가 새로고침되는 시간 때문에 느리다.

 

해결2

바코드 스캔후, js등을 이용해 프론트페이지에서 추가해가며,  모든 바코드를 스캔 후, 한번에 DB에 저장한다.

<!--func()가 return false이면, func는 실행되지만 action은 실행되지않음 > 새로고침x-->
<form onsubmit="return func();">
	<input type="submit" name="submit" value="전송">
</form>

>>  js코드에서 변수하나에 값을 저장해놓으면서 html코드를 추가해가는 방식이었는데, js속도가 느린건지 만족스럽지 못했다.

 

해결3

enter값까지 입력가능한, textarea로 입력을 받는 방법 사용, 여러 값들을 입력받고 모든 입력이 끝나고, 사용자가 확인버튼을 누르면, 한번에 모든 입력들이 백으로 넘어가고, 데이터를 조작해, DB에 저장한다.

>> 따로 입력된 데이터들을 저장하여 보여줄 필요가 없고, 단순 입력을 이어나가는 것이기 때문에 입력이 지연될 경우는 없다. 근데 textarea가 안예쁨