vue quasar admin 다운로드 -Vue vue quasar admin 소스 코드 다운로드

vue quasar admin

기타 카테고리

1.0.0

다운로드

코드는 너무 추악합니다.

Vue-Quasar-Addmin

Quasar-Framework는 Vue.js를 기반으로 개발 된 오픈 소스 프론트 엔드 프레임 워크입니다. 웹 개발자는 다음 웹 사이트, Progressive Application, Mobile Application (Cordova), 크로스 플랫폼 응용 프로그램 (전자)을 신속하게 만들 수 있습니다. 본질 Quasar는 여러 플랫폼 웹 사이트, PWA, 모바일 앱 및 전자 앱에 한 번만 작성할 때만 작성할 필요가 없습니다 단순한. Vue-Quasar-Admin은 퀘이사 프레임 워크 (현재 PC 끝에만 해당)를 기반으로하는 일반 권한 제어에 포함 된 일련의 배경 관리 시스템입니다.

온라인 데모

로그인 계정 :

 admin 123

test 123456

website_admin 123456

계정 이름을 마음대로 수정하지 마십시오.

시스템 흐름도

기능과 특성

실제 백 -엔드 데이터 지원
로그인/로그인
유연한 Jiugongge 레이아웃
Shin Left 메뉴 바
태그 레이블 탐색
빵
전체 화면/종료 전체 화면
동적 메뉴
메뉴는 모듈로 나뉩니다
보편적 권한 제어
- 메뉴 레벨 권한 제어
- 인터페이스 -레벨 권한 제어
- 원소 권한 제어
글로벌은 로딩 효과로 구성 할 수 있습니다
네트워크 비정상 치료
기준 치수
- 시스템 모듈
  - 시스템 설정
    - 메뉴 관리
  - 권한 관리
    - 기능 관리
    - 역할 관리
    - 역할 권한 관리
    - 역할 사용자 관리
    - 사용자 역할 관리
  - 조직 구조
    - 부서 관리
    - 직업 관리
  - 사용자 관리
- 웹 사이트 모듈
  - CMS
    - 기사 관리
- 개발 모듈
  - 공식 구성 요소
    - 본질 본질 본질
  - 비즈니스 구성 요소
    - 스쿠
- 감사 로그
- 데이터 초기화

파일 구조

 .
├── .quasar  Quasar CLI生成的配置
└── src
    ├── assets  资源文件
    ├── components 自定义组件
    ├── css 样式文件
    ├── layout 布局组件
    ├── libs  工具方法
    ├── router  路由配置
    ├── store  状态管理
    ├── service  API管理
    ├── plugins  需要全局注册的组件、指令、插件
    └── pages
        ├── cms 
        │   └── 文章管理
        ├── develop
        │   ├── 官方组件
        │   └── 业务组件
        ├── organization
        │   ├── 部门管理
        │   └── 职位管理
        ├── other
        │   └── 审计日志
        ├── permission
        │   ├── 功能管理
        │   ├── 角色管理
        │   ├── 角色权限管理 
        │   ├── 角色用户管理
        │   └── 用户角色管理
        ├── system  
        │   ├── 菜单管理
        ├── user  
        │   └── 用户管理
        ├── 403 无权限页面
        ├── index 首页
        └── login 登录页

설치

설치하다

 npm install -g vue-cli

 npm install -g quasar-cli

 npm install

달리다

개발

 quasar dev

생산 (빌드)

 quasar build

배경 프로그램을 설치하십시오

배경 프로그램

 git clone https://github.com/wjkang/quasar-admin-server.git

설치하다

 npm install

달리다

개발

 npm run start

생산 (빌드)

 npm run production

백 -엔드 프로그램은 KOA2를 사용하여 구성되며 LOWDB는 데이터를 JSON 파일에 지속하는 데 사용됩니다 (JSON 파일은 데모를 신속하게 빌드하도록 저장됩니다).

기능 개발 단계 (예로서 기사 관리)

프론트 엔드
- 정의 기능 코드 :
- post_view -article 목록보기
- Post_edit -Article Edit
- Post_del -Article Delete
- 새 기사 목록 페이지 Post.Vue
- 새로운 라우팅
- 메뉴 관리 기능을 사용하여 "기사 관리"관련 메뉴를 추가하십시오. 메뉴 이름은 이전 단계에서 새로 추가 된 경로의 이름 필드와 일치해야합니다. 영구 코드 충전 정의 된 "기사 목록보기"기능에 해당하는 (메뉴 레벨 권한 제어)
- 기능 관리를 사용하여 새 메뉴 아래에 새 메뉴 아래에 정의 된 기능 이름 및 기능 코드를 입력하십시오.
- 문자와 사용자를 구성합니다
- 문자 기관 관리에서 해당 역할 설정에 대한 기능 권한 설정
후단
- DB.JSON 파일 새 기사 저장 구조
- 서비스에서 PostService.js를 추가하십시오
- 관련 작업을 위해 PostService.js를 소개하려면 컨트롤러에서 Post.js를 추가하십시오.
- Main-Routes.js는 관련 라우팅을 추가하고 허가를받는 미들웨어를 사용하여 리어 엔드 구강 레벨 (사용 가능한 기능 코드 또는 문자 코드)의 권한 제어를 수행합니다.
프론트 엔드
- 서비스에서 Post.js를 추가하고 API 관련 작업을 구성하고 로딩 필드를 구성하여 사용자 정의 로딩 효과를 달성하십시오.
- 게시물로 돌아 가기 파일로 돌아가서 API 액세스 파일을 소개하고 비즈니스 코드 쓰기
- v- 퍼미션 명령을 사용하여 페이지 요소가 표시되는지 여부를 제어하십시오. 기능 인코딩 및 문자 코딩을 사용할 수 있습니다.
- 페이지 캐시를 제어하려면 스토어 앱 모듈 아래에서 dontcache를 구성합니다.