vue2.0 SellPosSystem

최근 Vue를 공부할 때 인터넷에서 학습 자료를 많이 보았기 때문에 주로 시스템의 조합을 사용하여 몇 가지 지식 포인트를 배우고 싶었습니다. 기술직 선생님의 블로그 내용을 바탕으로 온라인으로도 연습해보았는데, Vue 프레임워크에 대한 이해가 깊어지고 자신의 능력도 향상되는 효과가 있었습니다.

보조 다운로드 및 사용 또는 개발에 오신 것을 환영합니다.

(1) 프로젝트 분석

이 프로젝트는 주로 온라인 사용자 주문, 주문 목록의 항목 추가, 삭제, 수정 및 확인과 같은 기능을 구현한 다음 주로 개발을 촉진하기 위해 mockplus 도구를 사용하여 스케치를 그리는 것입니다.

(2) 사용된 기술

1. vue-cli2.x를 사용하여 구축된 개발 환경;

2. 경로 변환을 위해 vue-router를 사용하십시오.

3. element-ui를 사용하여 인터페이스를 아름답게 만드세요.

4. axios를 사용하여 도메인 간 요청 인터페이스 데이터를 만듭니다.

5. icofont 온라인 아이콘 관리를 사용하세요.

6. 웹팩 패키징 관리를 사용하세요.

7. vue2.0 구문과 es6 구문을 사용하세요.

(3) 시스템 결과

(4) 시스템 이용

1. 전제 조건은 node.js, npm, vue-cli 환경을 갖추는 것입니다(Git을 사용하는 것이 가장 좋으며 훨씬 편리합니다).

2. 프로젝트를 다운로드합니다(git clone이 가장 좋습니다).

3. 터미널을 열고 프로젝트 이름으로 전환한 후 다음 명령줄을 실행합니다.

 # install dependencies 安装开发环境的依赖，因为不是直接打包上传的项目
npm install

# serve with hot reload at localhost:8080 运行项目基本没问题
npm run dev

참고자료

기술적인 지방 교사-패스트 푸드 레스토랑 출납원 시스템의 Vue 실용적인 비디오