PopRun
1.0.0
Este é o meu projeto de graduação: Applet WeChat "Running Duck" - um miniaplicativo social baseado em corrida no campus. Ele usa: Less / Vant-Weapp / Iview-Weapp.
Desenvolvimento backend usando framework PHP Laravel
Se você acha que tem valor de referência, dê uma estrela para apoiá-lo.
Página inicial, círculo dinâmico (imitação de WeChat Moments), quadrado de atividades, centro pessoal:
configurar:
As principais funções do miniaplicativo WeChat "Running Duck" são: corrida + redes sociais + atividades A divisão detalhada é a seguinte:
(1) Corrida (primeira tela): mapa de localização atual, classificações (classificações semanais, classificações mensais), caminhos de exercícios, dados em tempo real (quilometragem, ritmo), palavras aleatórias.
(2) Círculo dinâmico: check-in e compartilhamento, postagem e compartilhamento, recomendações populares, curtidas e comentários e notificações de mensagens.
(3) Praça de Atividades: Atividades online (inscrição, condições de conclusão, recompensas), tutoriais de execução.
(4) Centro pessoal: gerenciamento esportivo, gerenciamento dinâmico, configurações (configurações gerais, configurações de privacidade), mural de medalhas, títulos de níveis, página inicial pessoal e edição de dados.
Diagrama ER:
Com base na análise funcional, foram planejadas um total de 11 entidades para formar um diagrama ER:
Diagrama do modelo de dados:
A partir do diagrama ER, foram convertidas um total de 16 tabelas, e o diagrama do modelo de dados foi exportado pela Navicat.
Estrutura de diretório:
├─.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 #音频文件 Importante: Este miniaplicativo precisa ativar wx.getLocation , wx.onLocationChange e wx.startLocationUpdate . Solicite essa permissão com antecedência.
O número do teste não pode ser solicitado, portanto, o número do teste não pode ser usado.
Primeiro, registre você mesmo um pequeno programa e, em seguida, solicite permissão获取当前的地理位置、速度,监听实时地理位置变化事件e接收位置消息（前台） nas configurações de interface de gerenciamento de desenvolvimento.
Guia de inscrição: (Se você pode se inscrever ou não, depende do acaso)
As etapas a seguir são executadas passo a passo e o pedido não pode ser confuso. Geralmente, pode ser executado de uma só vez!
git clone https://github.com/Chef5/PopRun.gitExecute no diretório raiz do projeto:
npm installUm erro de caminho pode ser relatado: crie o diretório especificado com base no relatório de erros
Importe o projeto para a ferramenta de desenvolvedor WeChat e preencha seu próprio AppID (você não pode usar uma conta de teste. Você precisa solicitar um plug-in mais tarde. Você não pode solicitar uma conta de teste).
Nas ferramentas de desenvolvedor do WeChat (é necessário construir o npm após a instalação do npm)
Clique em "Ferramentas"-"Construir npm"
Não há necessidade de construir o serviço de back-end sozinho. O back-end é iniciado por mim mesmo e não tenho certeza de quando ele irá parar. Além disso, os dados são armazenados no servidor do autor do projeto e algumas interfaces estão desabilitadas. (como criação de atividades e cursos).
https://dev.run.nunet.cn ao request合法域名, uploadFile合法域名e downloadFile合法域名, respectivamente;config.js e preencha seu próprio appid e secret de acordo com os prompts;
https://dev.run.nunet.cné um serviço de back-end criado por mim, não tenho certeza de quando ele será encerrado.
O backend é escrito usando a estrutura Laravel do PHP , portanto, você deve conhecer a sintaxe básica do PHP e ter um ambiente local PHP7.2+ e MySQL .
Para projetos de back-end específicos, consulte: https://github.com/Chef5/PopRun-b
Depois de criar o projeto de back-end localmente, edite a configuração em config.js , comente a configuração 1 e abra a configuração 2.
Após salvar, clique em Compilar e Executar (Confiar e Executar) nas ferramentas do desenvolvedor
P: Ao ser executado pela primeira vez, o console geralmente reportará um problema de plug-in.
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) R: Clique no texto azul no relatório de erros添加插件e adicioná-lo facilmente.
Pode ser que o seu miniprograma não possa ser ativado porque não possui categorias relevantes. Você pode consultar este documento: https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html.
O que subscrevi é: Desporto > Ferramentas de Fitness Online > Ferramentas de Consulta de Informação > Reserva/Inscrição
Em seguida, vá para Configurações de interface de gerenciamento de desenvolvimento de desenvolvimento para ativar permissões de autoatendimento获取当前的地理位置、速度,监听实时地理位置变化事件e接收位置消息（前台）
Nota: A conta de teste não pode ativar o plug-in porque a categoria não pode ser configurada.
Observe que este projeto foi realizado em 2020, quando eu estava no último ano da faculdade. A tecnologia naquela época era limitada e deixava muitas armadilhas. Se você precisar dela para uso próprio, não me culpe.
Executei-o novamente com base neste documento em fevereiro de 2023, corrigi algumas armadilhas e o projeto pode funcionar sem problemas e observei alguns cuidados que podem ser pesquisados globalmente: // TODO: View.
Se você não precisar usar menos, edite o arquivo wxss diretamente. Ignore o conteúdo a seguir.
Código VS: plug-in Easy Less - pode compilar menos para wxss
O arquivo de configuração está em /.vscode/settings.json
MIT
