vue admin generator

vue-관리자 생성기

이것은 비계 프로젝트가 아니라 실제 비즈니스 참조 프로젝트가 제거된 기본 데모 프로젝트입니다. 이 프로젝트를 기반으로 수정될 수 있는 새 Vue 백엔드 프로젝트를 만듭니다.

할 일 목록

• Mockjs를 사용하여 인터페이스 데이터 시뮬레이션(개선 예정)

• axios는 네트워크 요청을 구현합니다(후속 캡슐화 및 통합 오류 처리).

• Vuex 상태 관리

• 라우팅 권한 제어

데모

온라인 데모

사용자 이름:관리자

비밀번호:123456

로그인 가능한 사용자는 ${root_project}/src/mock/data/exampleData.js에 있습니다.

설명

1. 전역 Vuex 상태 관리는 src/vuex/modules/control.js의 구성을 참조하세요. 모든 비동기 요청은 하나의 작업과 세 가지 고정 변형 방법을 공유합니다.

2. Vuex의 상태 관리는 Vue 템플릿 내 메소드의 콜백에 작성되어 코드를 공유할 수 있어 유사한 코드가 많이 발생하는 것을 방지할 수 있습니다.

3. 모든 네트워크 요청은 동일한 axios.request() 메소드를 공유합니다. 요청 유형과 성공 콜백은 모두 매개변수 형태로 요청에 전달되므로 많은 수의 유사한 코드도 방지됩니다.

4. 참고사례와의 비교는 호출된 로그인 요청과 직원 관리에서 직원 목록 획득 요청을 확인하시기 바랍니다.

빌드 설정

 # install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

작동 방식에 대한 자세한 설명을 보려면 vue-loader에 대한 가이드와 문서를 확인하세요.