온라인 미리보기 주소 및 배경 인터페이스 데이터는 시뮬레이션되며 원하는 대로 추가, 수정 또는 삭제할 수 있습니다.
이 프레임워크는 PanJiaChen의 vue-element-admin을 기반으로 수정되었습니다. 먼저 그의 문서 중 일부를 읽어보는 것이 좋습니다. 그는 vue 백엔드 시리즈 1(기본 사항)을 사용하는 방법을 보여줄 것입니다. 문제가 많아요!
메뉴 권한은 배경에 의해 제어됩니다
메뉴를 생성할 때 이름 필드는 페이지의 이름(빨간색 상자)과 일치하므로 두 위치가 일치하지 않으면 연결 유지 캐시가 유효하지 않게 됩니다(A 페이지에서 내용 입력, B 페이지로 전환, 그런 다음 페이지 A로 돌아가기를 전환하면 페이지 A에 입력된 데이터가 손실됩니다.) 각 메뉴의 이름은 고유하며 반복하면 연결 유지도 무효화됩니다.
표시 여부는 메뉴에 표시되는지 여부를 의미하며, 라우팅을 통해 숨겨진 메뉴에 계속 접근할 수 있습니다.
파일 경로에서 주목해야 할 점은 첫 번째 레벨 메뉴는 레이아웃 필드를 사용하고, 두 번째 레벨 또는 다중 레벨 디렉토리는 없음 필드(디렉토리가 특정 파일을 가리키지 않기 때문에)를 사용하고, 하위 레벨 메뉴는 없음 필드를 사용한다는 점입니다. 페이지는 노란색 화살표가 가리키는 파일은 기본적으로 src/pages 폴더에 배치됩니다.
백그라운드 인터페이스의 경로는 프로젝트 루트 디렉터리의 vue.config.js에서 수정됩니다.
백그라운드 인터페이스에서 반환된 상태 코드는 src/utils/request.js에서 수정됩니다.
src/permission.js는 라우팅 가드입니다.
src/external은 외부 페이지가 배치되는 곳입니다. 외부 세계에 공개되는 페이지 라우팅은 src/router/modules/external.js에서 구성할 수 있습니다.
주문하다
# clone the project
git clone https://github.com/rui494274693/vueElementAdminBase.git
# enter the project directory
cd vueElementAdminBase-master
# install dependency
npm install
# develop
npm run dev
브라우저에서 http://localhost:8099를 엽니다.
팩
# build for test environment
npm run build:stage
# build for production environment
npm run build:prod
이는 단지 프런트엔드 프로젝트일 뿐이며, 백엔드 인터페이스를 시뮬레이션하는 프로젝트도 시작해야 합니다. 주소는 vueElementAdminServer입니다.
기부
이 프로젝트가 도움이 된다고 생각하시면 다음과 같은 조치로 작성자를 지원할 수 있습니다.
