Unduhan PopRun - Unduhan kode Sumber PopRun

PopRun

Kode Sumber AI

1.0.0

Unduh

bebek berlari

Ini adalah proyek kelulusan saya: applet WeChat "Running Duck" - applet sosial berdasarkan kampus yang sedang berjalan. Ia menggunakan: Less / Vant-Weapp / Iview-Weapp

Pengembangan backend menggunakan kerangka PHP Laravel

Proyek backend: https://github.com/Chef5/PopRun-b
Dokumentasi antarmuka: https://chef5.github.io/PopRun/

Jika menurut Anda ini memiliki nilai referensi, silakan beri bintang untuk mendukungnya.

Halaman beranda, lingkaran dinamis (meniru Momen WeChat), kotak aktivitas, pusat pribadi:

mendirikan:

1. Desain fungsional

Fungsi inti dari applet WeChat "Running Duck" adalah: berlari + jejaring sosial + aktivitas. Pembagian detailnya adalah sebagai berikut:

(1) Lari (layar pertama): peta lokasi saat ini, peringkat (peringkat mingguan, peringkat bulanan), jalur latihan, data waktu nyata (jarak tempuh, kecepatan), kata-kata acak.

(2) Lingkaran dinamis: check in dan berbagi, memposting dan berbagi, rekomendasi populer, suka dan komentar, dan pemberitahuan pesan.

(3) Activity Square: Aktivitas online (pendaftaran, syarat penyelesaian, hadiah), menjalankan tutorial.

(4) Pusat pribadi: manajemen olahraga, manajemen dinamis, pengaturan (pengaturan umum, pengaturan privasi), dinding medali, gelar level, beranda pribadi, dan pengeditan data.

diagram UGD:

Berdasarkan analisis fungsional, direncanakan total 11 entitas untuk membentuk diagram ER:

Diagram model data:

Dari diagram ER, total 16 tabel dikonversi, dan diagram model data diekspor oleh Navicat.

Struktur direktori:

├─.vscode           # VS Code配置，含'EasyLess'插件配置
├─components        #自定义公共组件
├─dist              # iVew-Weapp库
├─imgs              #图标、默认图片
├─pages
│  ├─run            #跑步（首页）
│  │  └─sharePage        #分享到动态圈子页
│  ├─moments        #动态圈子
│  │  ├─messages         #消息盒子
│  │  └─newMoment        #新建动态
│  ├─pub            #活动广场
│  │  ├─blockDetail      #教程详细
│  │  ├─blockMore        #教程列表
│  │  ├─listDetail       #活动详细
│  │  └─listMore         #活动列表
│  └─user           #个人中心
│      ├─edit            #个人资料编辑
│      ├─modals          #勋章墙
│      ├─myMoments       #我的动态
│      ├─myRuns          #我的运动
│      ├─privacy         #隐私设置
│      ├─setting         #通用设置
│      └─userPage        #个人主页
├─theme             #主题定制
├─utils             #公共模块
└─voice             #音频文件

2. Cara menggunakan

Penting: Applet ini perlu mengaktifkan izin antarmuka wx.getLocation , wx.onLocationChange , dan wx.startLocationUpdate . Silakan ajukan permohonan izin ini terlebih dahulu.

Nomor tes tidak dapat diajukan, sehingga nomor tes tidak dapat digunakan.

Pertama-tama daftarkan program kecil sendiri, lalu ajukan izin获取当前的地理位置、速度,监听实时地理位置变化事件dan接收位置消息（前台） di Pengaturan Antarmuka-Manajemen Pengembangan-Pengembangan.

Panduan Aplikasi: (Apakah Anda dapat melamar atau tidak, itu tergantung pada peluang)

Dapatkan lokasi dan kecepatan geografis saat ini (wx.getLocation): Artinya bisnis tersebut melibatkan olahraga lari, dan perlu untuk menginisialisasi posisi pengguna dan mengonfirmasinya ditampilkan di peta (gambar terlampir: tangkapan layar halaman beranda )
Memantau peristiwa perubahan lokasi geografis secara real-time (wx.onLocationChange): Artinya, bisnis ini melibatkan olahraga lari dan perlu memantau peristiwa perubahan lokasi geografis secara real-time (gambar terlampir: tangkapan layar halaman beranda)
Menerima pesan lokasi (meja depan) (wx.startLocationUpdate): Ini menunjukkan bahwa bisnis tersebut melibatkan olahraga lari dan perlu menerima pesan lokasi (meja depan) (Terlampir: Tangkapan layar halaman beranda)

Langkah-langkah berikut ini dilakukan selangkah demi selangkah, dan pesanan tidak dapat dikacaukan. Biasanya dapat dijalankan sekaligus!

2.1 Kloning kode secara lokal

git clone https://github.com/Chef5/PopRun.git

2.2 Instal dependensi

Jalankan di direktori root proyek:

npm install

Kesalahan jalur mungkin dilaporkan: buat direktori yang ditentukan berdasarkan laporan kesalahan

2.3 Proyek impor

Impor proyek ke alat pengembang WeChat dan isi AppID Anda sendiri (Anda tidak dapat menggunakan akun uji. Anda perlu mengajukan pengaya nanti. Anda tidak dapat mengajukan permohonan untuk akun uji).

2.4 Bangun npm

Di alat pengembang WeChat (perlu membuat npm setelah instalasi npm)

Klik "Alat"-"Bangun npm"

2.5 Pengalaman cepat - tidak perlu membuat backend sendiri

Tidak perlu membangun layanan back-end sendiri. Back-end dimulai sendiri, dan saya tidak yakin kapan akan berhenti. Selain itu, data disimpan di server pembuat proyek, dan beberapa antarmuka dinonaktifkan (seperti membuat kegiatan dan kursus).

Di latar belakang program mini, di Manajemen Pengembangan-Pengaturan Pengembangan-Nama Domain Server, tambahkan https://dev.run.nunet.cn ke request合法域名, uploadFile合法域名, dan downloadFile合法域名;
Edit konfigurasi 1 di config.js dan isi appid dan secret Anda sendiri sesuai petunjuk;
Setelah menyimpan, klik Kompilasi dan Jalankan (Trust and Run) di alat pengembang

https://dev.run.nunet.cn adalah layanan back-end yang saya buat.

2.6 Bangun proyek back-end-bangun proyek back-end Anda sendiri

Backend ditulis menggunakan kerangka Laravel PHP , jadi Anda diharuskan mengetahui sintaks dasar PHP dan memiliki lingkungan PHP7.2+ dan MySQL lokal.

Untuk proyek backend tertentu, lihat: https://github.com/Chef5/PopRun-b

Setelah membangun proyek backend secara lokal, edit konfigurasi di config.js , beri komentar pada konfigurasi 1, dan buka konfigurasi 2.

Setelah menyimpan, klik Kompilasi dan Jalankan (Trust and Run) di alat pengembang

2.7 Kesalahan umum

T: Saat pertama kali dijalankan, konsol biasanya akan melaporkan masalah plugin.

VM23:2 wx76a9a06e5b4e693e 插件未授权使用 添加插件(env: macOS,mp,1.06.2301160 ; lib: 2.10.4)
(anonymous) @ VM23:2
VM23:3 插件文档: https://mp.weixin.qq.com/wxopen/plugindevdoc ? appid=wx76a9a06e5b4e693e & token= & lang=zh_CN(env: macOS,mp,1.06.2301160 ; lib: 2.10.4)

A: Klik teks biru di laporan kesalahan添加插件agar mudah menambahkannya.

Mungkin mini program Anda tidak dapat diaktifkan karena tidak memiliki kategori yang relevan. Anda dapat merujuk ke dokumen ini: https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html

Langganan saya adalah: Olahraga > Alat Fitness Online > Alat Permintaan Informasi > Reservasi/Pendaftaran

Lalu buka Pengaturan Antarmuka Manajemen Pengembangan-Pengembangan untuk mengaktifkan izin layanan mandiri获取当前的地理位置、速度,监听实时地理位置变化事件dan接收位置消息（前台）

Catatan: Akun pengujian tidak dapat mengaktifkan plugin karena kategori tidak dapat dikonfigurasi.

2.8 Tindakan pencegahan lainnya

Perhatikan bahwa proyek ini dilakukan pada tahun 2020 ketika saya masih kuliah. Teknologi pada saat itu terbatas dan meninggalkan banyak kendala.

Saya menjalankannya lagi berdasarkan dokumen ini pada bulan Februari 2023, memperbaiki beberapa kendala, dan proyek dapat berjalan dengan lancar, dan mencatat beberapa tindakan pencegahan, yang dapat dicari secara global: // TODO: View.