Laravel에서 포트폴리오 매장 관리 시스템을 만들었습니다.

처음에



백엔드는 Laravel, 프런트 엔드는 Vue.js를 사용하여 구현하고 있습니다.
이 기사에서는 앱 개발의 설명과 궁리한 점을 기재하고 싶습니다.

앱 개요



실제로 음식점의 종업원은 활용하는 것을 이미지하면서 작성한 점포 관리 시스템입니다.

・점장의 사무 업무 부하
・실제로 생기는 점포의 문제점

을 해결할 수 있도록 하는 것을 컨셉으로 만들었습니다.
「Cafe de Drip」이라는 다방에서 활용되는 것을 상정하고 있습니다.

앱 URL: htps : // 카후에-d p. 어리석은 p. 코m/
※사용자 인증 필요
로그인해 보고 싶다고 생각하면 문의해 주세요.

GitHub : htps : // 기주 b. 코 m / 타나카 키즈키 / S 토레 마나게 멘 tsys m

↓ 사용자 인증 후 홈 화면


실제로 매장에서 일어나는 문제점



◉ 근태관리시스템(타각식)이 없고 타임카드 혹은 시스템상에 수타
 →점장이 시스템상에 근태 입력 혹은 실적과 입력에 차이가 없는지 확인·승인 작업

◉ 노트를 이용한 공유사항 전달
 →노트를 필기로 쓰는 작업부하
 →모든 사람이 읽었는지 확인할 수 없다

◉ 매일 발주 업무
 →발주를 할 수 있는 능력자가 한정되어 있어, 휴일에도 출근 혹은 원격 발주

상기 문제점 해결책 (구체적인 앱 구현 · 기능)



◉ 근태 관리 시스템 도입


◉ 게시판 형식의 연락 노트


◉ 각 게시물에 좋아요 기능 구현

◉ 점포 재고를 입력하여 필요한 수를 주문하는 주문 시스템


기능 목록



◉ 사용자 관리 등록
 ○관리자 권한
 ○신규 등록(관리자만 유효)
 ○ 로그인, 로그아웃 기능
◉ 근태 관리 시스템
 ○출퇴근
 ○휴식 개시, 종료
 ○출퇴근 시각, 휴식 시간으로부터 근무 시간의 산출(15분 앞당김)
○○사용자의 근태 실적 대조(로그인 직원의 지정월의 근무 실적 표시)
○○일차 근태 조합(지정일에 근무하고 있던 종업원, 근무 시간 등 표시)
◉ 커뮤니케이션 노트
 ○신규 작성
 ○편집
 ○삭제
 ○좋아 기능
htps : // m / 타나카 2020 / ms / 8 e c8 굳이 0 fd d3 a d4409 c74
htps : // 코 m / 타나카 2020 / ms / 2f87594 2fb53b23958
 ↑실장 방법은 다른 기사로 정리하고 있습니다.
◉ 주문 시스템
 ○아이템 추가, 편집
 ○ 주문(데이터베이스 등록)
 ○ 주문 이력 표시

사용 기술



◉ 프론트 엔드
 ○HTML/CSS
 ○JavaScript
 ○Vue.js 4.3.1
◉ 백엔드
 ○PHP 7.4.9
 ○Laravel  7.27.0
◉ 인프라
 ○mysql 8.0.21
 ○heroku

궁리한 점, 고생한 점



◉ 사용자 관리
· 신규 사용자 등록은 관리자 권한으로 구현
◉ 근태 관리 시스템
하루에 한 번만 출근 할 수 있도록 구현
・휴식 개시 후, 휴게 종료전에 퇴근을 할 수 없게 실장
◉ 연락 노트
・좋아 기능은 Vue.js로 Component화
· 좋아하는 것을 Axios로 비동기 처리
◉ 주문 기능
・1일에 1회만 주문 가능
· 각 재료의 적정 수량을 수시로 변경할 수 있도록 구현하여 재고 수를 입력하여 필요한 수를 자동 주문

마지막으로



현장에 서 있는 가운데 불편하고 개선할 수 있으면 좋다고 평상시 생각하고 있는 것을 해결할 수 있도록 실장했습니다. 현장의 부담이 줄어들고 고객과 마주할 수 있는 시간이 조금이라도 많아진다고 생각합니다.

좋은 웹페이지 즐겨찾기