classmate map

私のクラスメートはどこですか？

「私のクラスメートはどこですか」アプレットは、絶妙なデザインと優れたエクスペリエンスを備えた地図情報表示アプレットです。クラスメートのより興味深いリストです。ミニプログラムではクラスメイトの卒業先や地理分布を確認でき、つながり（ファン）の数も確認できます。より詳細な紹介については、以下の記事リンクをご覧ください。

関連リンク:

• 週末プロジェクトをきっかけとしたプロダクトデザイン思考
• 「クラスメートはどこですか？」
• ミニプログラム スケッチデザイン案

ミニプログラムQRコード：

開発する

テクノロジースタック:

• タロウ
• TypeScript
• SCSS
• クラウド開発

この小さなプログラムで二次開発を実行したい場合は、このウェアハウスをフォークしてローカルにクローンを作成できます。

 # 克隆项目
$ 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 バージョンにロールバックしてください。

プロジェクトが役に立った場合は、右上隅の星をクリックしてください。