JavaScript 활용팁
2022.06.06 / 24:41

vue.js mail client

탁쳐
추천 수 40

vue-mail-front

환영합니다~~ Vue2 기반의 이메일 프론트엔드 시스템입니다.

프로젝트 미리보기 주소:

http://rulifun.cn/vue-mail

프로젝트 마이그레이션 지침

이전 파일 vue-mial-front이 git너무 커서(>20m) 이전 gif파일 git(이전 사비님 죄송합니다), 처음 fetch또는 pull이 오래 걸려서 이전 파일로 마이그레이션되었습니다. 현재 창고.

사용

로컬에서 복제 또는 다운로드:

git clone https://github.com/weihomechen/vue-mail-front.git

프로젝트를 입력하고 종속성을 설치합니다.

npm install
# 如果不能科学上网,请使用:
npm install --registry=https://registry.npm.taobao.org

개발 시작:

npm run dev

모든 것이 잘되면 프로젝트는 http://localhost:8081 에서 로컬로 실행 됩니다.

프로덕션 환경에 게시:

npm run build:prod

메일 메인 모듈

  • 편지 쓰기 (첨부 파일, 오디오 녹음, 텍스트 편집 지원)
  • 메일링 리스트
  • 이메일 세부정보
  • 우편물 라벨
  • 주소록

주요 구현

  • 기반으로Vue2
  • vuex전역 상태 관리
  • vue-router스파 탐색 구현
  • 동적 라우팅 테이블
  • UI 레이아웃 및 일부 기능 구성 요소 사용element-ui
  • 대부분의 데이터 사용 Mock.js시뮬레이션
  • 시뮬레이션 을 사용 Axios하여 배경과 상호 작용
  • 비동기 프로그래밍의 도입rxjs
  • 프로젝트 초기화 에 사용 Vue-cli되는 webpack템플릿 (환경 구성)

렌더링

추신: 이 프로젝트의 모든 데이터는 백엔드에 연결되지 않고 시뮬레이션되었으며 상호 작용의 일부 세부 사항은 고려되지 않을 수 있습니다.