classmate map

? 내 반 친구들은 어디에 있나요?

"내 반 친구는 어디에 있습니까?" 애플릿은 세련된 디자인과 뛰어난 경험을 갖춘 지도 정보 표시 애플릿으로 더욱 흥미로운 반 친구 목록입니다. 미니프로그램에서 같은 반 친구들의 졸업 목적지와 지리적 분포를 확인할 수 있고, 다중 연결(럽)과 학과(팬)도 확인할 수 있습니다. 자세한 소개는 아래 기사 링크를 참고해주세요.

관련 링크:

• 주말 프로젝트에서 촉발된 제품 디자인 사고
• "반 친구들은 어디에 있나요?"
• 미니 프로그램 스케치 디자인 초안

미니 프로그램 QR 코드:

개발하다

기술 스택:

• 타로
• 타입스크립트
• SCSS
• 클라우드 개발

이 작은 프로그램에 대해 2차 개발을 수행하려면 이 웨어하우스를 포크하고 로컬로 복제할 수 있습니다.

 # 克隆项目
$ git clone https://github.com/Mayandev/classmate-map.git
# 进入项目目录
$ cd classmate-map
# 切换到开发分支
$ git checkout dev

종속성 설치

미니 프로그램은 Taro v2.2.9 프레임워크를 사용하고 미니 프로그램 클라우드 개발을 사용하여 데이터를 저장하고 프런트엔드 및 백엔드와 상호 작용합니다.

 # 使用 npm 安装 CLI
$ npm install -g @tarojs/cli
# 进入 client 安装项目依赖
$ cd client
$ npm install

프로젝트 실행

클라우드 개발 콘솔을 열고 db 폴더 아래에 여러 데이터베이스를 생성한 후 json 데이터를 가져옵니다.

Taro 전역 명령을 사용하여 프로젝트를 시작하고 미니 프로그램 개발자 도구로 직접 열어 미리 보고 디버그하세요.

 # 调试模式
$ taro build --type weapp --watch
# 编译构建
$ taro build --type weapp

프로젝트 컴파일 중 오류가 발생하면 Taro 버전을 지정된 v2.2.9 버전으로 롤백하세요.

프로젝트가 도움이 되셨다면 오른쪽 상단의 별표를 눌러주세요.