book ms ui

마이크로북 관리 플랫폼

데모 주소: http://books.zealon.cn/

프로젝트 소개

vue.js 및 element-ui를 기반으로 미니멀리스트 도서 관리 플랫폼을 구축합니다. 이 프로젝트는 많은 기능을 가지고 있지 않지만, 프론트엔드와 백엔드를 분리하는 프로젝트는 Vue를 배우기 시작하는 학생들에게 매우 적합합니다.

• RBAC 모델을 기반으로 완벽한 조직 구조 시스템 및 사용자 권한 구성

• 탐색 가드를 기반으로 경로, 사용자 메뉴, 이동 경로 탐색 등을 동적으로 생성합니다.

• Axios는 비동기 요청을 균일하게 캡슐화하고 작업 결과 알림을 균일하게 처리합니다.

• element-ui 구성 요소 사용 범위가 70% 이상에 도달했습니다.

프로젝트 인터페이스 엔지니어링은 SpringBoot2.x를 기반으로 개발되었습니다. 클릭하여 창고에 들어가세요.

프로젝트 스크린샷

기타 지침

도서 관리 플랫폼이지만 더 정확하게 설명하면 실제로는 백엔드 관리를 위한 발판입니다. 이를 기반으로 하면 모든 백엔드에서 콘텐츠를 관리하는 방법은 비슷합니다. , 유지 관리하려는 모듈을 개발하는 데 사용할 수도 있습니다. 그렇죠?

빠른 시작

엔지니어링 구조

 - assets / 资源
  - router / 路由
  - utils / 
    - config / 静态配置
    - request / axios封装
    - sessionStorage / 本地存储封装
  - style / 样式文件
  - App.vue
  - vue.config.js
  - pages / 组件
    - book / 图书、章节、作者
    - dictionary / 数据字典
    - org / 组织、用户、角色、权限
    - user / 个人信息
    - welfare / 小福利

환경 설치

1. 프로젝트를 로컬로 가져옵니다.

명령: git clone https://github.com/Zealon159/book-ms-ui.git

2. npm 종속성 초기화

cd 명령을 사용하여 로컬 프로젝트 디렉터리에 들어간 다음 cnpm을 사용하여 종속성을 설치하고 cnpm install

3. 시작

명령: npm run serve , 성공적으로 시작됨 http://localhost:9000/ , 기본 포트는 9000입니다. vue.config.js 구성 파일을 입력하여 포트를 수정할 수 있습니다

특허

MIT

Copyright (c) 2020 영광의 해