vue admin manager
1.0.0
일부 학생들은 시작 시 오류를 보고했는데, 이는 npm 종속성 문제일 것입니다.
제 버전 정보는 참고용으로 첨부되어 있으나 위의 버전은 모두 지원되어야 합니다.
고쳐 쓰다:
기본 분기 마스터가 업데이트되어 메뉴를 동적으로 로드합니다.
주로 addRoutes, 메타 및 기타 기능을 사용하여 사용자 권한에 따라 로딩 메뉴를 동적으로 할당합니다.
표시 데이터는 mock.js를 통해 구성됩니다.
데모 주소
백엔드 R&D회사, 스타트업 회사는 현재 웹개발이 없고, 점차적으로 운영 및 유지보수를 해야 하는데, 운영페이지를 빠르게 작업을 시작하고 싶으신 분들은,
현재 인기있는 React, Vue, Angle 등을 알아보러 갔습니다. 비교해보니 현재로서는 Vue가 가장 적합한 것 같습니다.
나는 그것에 익숙해지기 위해 공식 웹 사이트에 가서 몇 가지 데모를 작성한 후 이 백엔드 작업을 시작했으며 github에서 많은 훌륭한 작품을 배웠습니다.
쉽게 검토할 수 있도록 출력해 보세요.
프로젝트는 SPA, 프런트엔드와 백엔드가 분리되어 있고, 프런트엔드는 vue-cli를 이용해 구축하고, 인증은 JWT를 사용하고, 백엔드 데이터베이스는 mongodb, 백엔드는 제공한다.
편안한 인터페이스, 통계 기능이 매우 편리하고 집계, mapReduce, 조건이 프런트 엔드에 캡슐화되어 있습니다.
쿼리 조건의 프런트엔드 어셈블리와 유사하게 백엔드는 해당 결과를 직접 내보냅니다.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# 发布测试环境 包含 webpack ananalyzer
npm run build:sit-preview
# 构建生成环境
npm run build:prod
├── build // 构建相关
├── config // 配置相关
├── src // 源代码
│ ├── api // 所有请求
│ ├── assets // 主题 字体等静态资源
│ ├── components // 全局公用组件（及页面）
│ ├── config // 配置项
│ ├── directive // 全局指令
│ ├── filtres // 全局filter
│ ├── mock // mock数据
│ ├── router // 路由
│ ├── store // 全局store管理
│ ├── styles // 全局样式
│ ├── utils // 全局公用方法
│ ├── App.vue // 入口页面
│ └── main.js // 入口 加载组件 初始化等
├── static // 第三方不打包资源
├── .babelrc // babel-loader 配置
├── .editorconfig // 代码风格文件，前提是要你的编辑器支持
├── .gitignore // 用于Git配置不需要加入版本管理的文件
├── .postcssrc.js // autoprefixer的配置文件
└── package.json // 项目依赖管理
로그인 인증(현재 JWT 기반) todo는 Oauth2 및 타사 로그인을 지원합니다.
애플리케이션 개요 대시보드 다양한 아이콘 통계
데이터 동향: 등록 사용자, 활성 사용자, 사용자 관계 등
사용자 관리는 현재 쿼리만 수행합니다.
데이터 유지 관리는 비디오 및 사진 보기를 지원합니다.
탐색 메뉴 접기가 완료되었습니다.
사용자 닉네임 획득을 위한 로그인 완료
통계 아이콘 추출 완료
Alibaba Cloud OSS, STS(임시인증서비스) 접속 완료
비디오 재생 지원 완료
Vuex 상태 관리(현재는 사용자 토큰 정보만 기록)
[] 대시보드의 전자 차트 아이콘, 구성 요소 기반 재구성(처음 사용할 때 작성되었으며 코드가 상대적으로 중복되어 나중에 구성 요소로 분할됨)
404 페이지 구성 요소(현재 비어 있음), 자신의 블로그에 Tencent Charity를 사용해 보세요.
[] 401 페이지 구성 요소
[] 반응형, 휴대폰 지원
대시보드 페이지는 vue-echarts-v3 컴포넌트를 사용하고 있는데, 처음 vue에 익숙해졌을 때 억지로 만든 페이지라 미적인 느낌은 전혀 없습니다. 나중에는 점차적으로 컴포넌트에 대한 개념을 익히고 적용하게 될 것입니다.
코드는 아직 점진적으로 최적화되어야 합니다. 하하
