vue DBM 다운로드 - vue DBM 소스 코드 다운로드

vue DBM

기타 카테고리

V1.0

다운로드

알아채다! 이 프로젝트는 리팩터링되었습니다. 현재 버전은 2.0입니다. 이전 버전의 경우 버전 1.0을 다운로드하려면 릴리스를 확인하세요.

설명하다

DBM 은 데이터 소스 관리와 공개 인증이라는 두 가지 모듈로 구성된 데이터 소스 관리 시스템입니다. 데이터 소스 관리는 원클릭 가져오기, 온디맨드 필터링, 관계형 데이터 지정 내보내기 등의 기능을 의미합니다. 소유자는 사용자에게 데이터를 추가, 삭제, 수정, 확인 및 기타 작업 권한을 제공합니다. 이 시스템을 배포하거나 사용하면 데이터 시뮬레이션 대신 프런트 엔드 프로젝트에 데이터 지속성 기능을 가져올 수 있습니다.

DBM 프런트엔드는 vue-cli 스캐폴딩을 사용하여 구축된 SPA 애플리케이션으로, 프런트엔드와 백엔드를 보다 완벽하게 분리하기 위해 주로 DBM에 의존합니다. 개발 중에 백엔드와 합의한 인터페이스 프로토콜에 따라 응답을 시뮬레이션하고 백엔드에서 인터페이스를 완료한 후 다른 시작 명령을 사용하여 백엔드 인터페이스를 전송하여 전체 시스템 테스트를 완료합니다.

백엔드 언어(nodejs, java 등)와 결합된 vue.js를 사용하여 프런트엔드와 백엔드가 포함된 완전한 애플리케이션을 개발하려는 경우 DBM 프런트엔드 프로젝트 구현을 참고하면 됩니다. 다음 문제를 해결하는 데 도움을 줄 수 있습니다.

구성요소의 재사용성을 어떻게 향상시킬 수 있나요?
상태 관리에서 여러 모듈을 사용하는 방법은 무엇입니까?
페이지 수준 및 요소 수준 권한 처리를 구현하는 방법은 무엇입니까?
Mockjs를 사용하여 HTTP 요청을 가로채고 응답 기반 UI를 시뮬레이션하는 방법은 무엇입니까?
element-ui와 같은 프레임워크로 비즈니스 구성 요소를 사용자 정의하기 위해 렌더링 기능을 사용하는 방법은 무엇입니까?
다중 환경 패키징 구현 방법, 패키징 효율 향상, 패키징 부피 감소 등

이번 프로젝트는 틈틈이 진행하는 작업이라 개발주기도 길고, 아직은 코드의 깔끔함을 개선해야 할 부분이 있으니, 만족하실 때까지 계속해서 문제를 발견하시면 Issues에 직접 올려주세요. 또는 모듈 구현에 대해 질문이 있는 경우 더 나은 솔루션 을 환영합니다.

개발 전 준비

git clone을 사용하는 경우 로컬 환경에 nodejs 및 git이 포함되어 있어야 합니다. 이 프로젝트는 주로 vue, vuex, vue-router, element-ui, axios, Mock.js 및 기타 기술 스택을 사용합니다. 이러한 기술에 익숙하면 이 프로젝트를 더 잘 익힐 수 있습니다.

프로젝트를 개발하는 동안 몇 가지 목표에 맞는 메모를 작성했습니다. 이 프로젝트의 소스 코드를 이해하기 전에 먼저 이 메모를 읽어 보는 것이 좋습니다.

프로젝트 구조 개요
시스템의 주요 레이아웃
라우팅
현황관리
권한 관리
캡슐화 및 사용 제어
섞다
데이터 시뮬레이션
패키징 최적화 및 사용자 경험

목표 함수

개발 및 출시

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build