Este es mi proyecto de graduación: el subprograma WeChat "Running Duck": un subprograma social basado en el funcionamiento del campus. Utiliza: Less / Vant-Weapp / Iview-Weapp.
Desarrollo backend utilizando el framework PHP Laravel
Si crees que tiene valor de referencia, dale una estrella para respaldarlo.
Página de inicio, círculo dinámico (imitación de WeChat Moments), cuadrado de actividades, centro personal:
configuración:
Las funciones principales del subprograma WeChat "Running Duck" son: correr + redes sociales + actividades. La división detallada es la siguiente:
(1) Correr (primera pantalla): mapa de ubicación actual, clasificaciones (clasificaciones semanales, clasificaciones mensuales), rutas de ejercicio, datos en tiempo real (kilometraje, ritmo), palabras aleatorias.
(2) Círculo dinámico: regístrese y comparta, publique y comparta, recomendaciones populares, me gusta y comentarios, y notificaciones de mensajes.
(3) Activity Square: actividades en línea (registro, condiciones de finalización, recompensas), ejecución de tutoriales.
(4) Centro personal: gestión deportiva, gestión dinámica, configuraciones (configuraciones generales, configuraciones de privacidad), muro de medallas, títulos de niveles, página de inicio personal y edición de datos.
Diagrama ER:
Con base en el análisis funcional, se planificó un total de 11 entidades para formar un diagrama ER:
Diagrama del modelo de datos:
A partir del diagrama ER, se convirtieron un total de 16 tablas y Navicat exportó el diagrama del modelo de datos.
Estructura del directorio:
├─.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 subprograma debe activar wx.getLocation
, wx.onLocationChange
y wx.startLocationUpdate
. Solicite este permiso con anticipación. Puede utilizar las capturas de pantalla de este documento para solicitarlo.
El número de prueba no se puede solicitar, por lo que no se puede utilizar el número de prueba.
Primero registre un pequeño programa usted mismo y luego solicite permiso获取当前的地理位置、速度
,监听实时地理位置变化事件
y接收位置消息(前台)
en Desarrollo-Gestión de desarrollo-Configuración de interfaz.
Guía de solicitud: (Si puede postularse o no, depende del azar)
Los siguientes pasos se realizan paso a paso y el pedido no se puede estropear. ¡Por lo general, se puede ejecutar de inmediato!
git clone https://github.com/Chef5/PopRun.git
Ejecute en el directorio raíz del proyecto:
npm install
Se puede informar un error de ruta: cree el directorio especificado según el informe de error
Importe el proyecto a la herramienta de desarrollo de WeChat y complete su propio AppID (no puede usar una cuenta de prueba. Debe solicitar un complemento más adelante. No puede solicitar una cuenta de prueba. No utilice servicios en la nube).
En las herramientas de desarrollo de WeChat (es necesario compilar npm después de la instalación de npm)
Haga clic en "Herramientas" - "Construir npm"
No es necesario que cree el servicio de back-end usted mismo. El back-end lo inicia yo mismo y no estoy seguro de cuándo se detendrá. Además, los datos se almacenan en el servidor del autor del proyecto y algunas interfaces están deshabilitadas (. como la creación de actividades y cursos).
https://dev.run.nunet.cn
a request合法域名
, uploadFile合法域名
y downloadFile合法域名
respectivamente;config.js
y complete su propio appid
y secret
de acuerdo con las indicaciones;
https://dev.run.nunet.cn
es un servicio back-end creado por mí. No estoy seguro de cuándo se cerrará.
El backend está escrito utilizando el marco PHP
Laravel
, por lo que es necesario conocer la sintaxis básica de PHP y tener un entorno local PHP7.2+
y MySQL
.
Para proyectos de backend específicos, consulte: https://github.com/Chef5/PopRun-b
Después de crear el proyecto backend localmente, edite la configuración en config.js
, comente la configuración 1 y abra la configuración 2.
Después de guardar, haga clic en Compilar y ejecutar (Confiar y ejecutar) en las herramientas de desarrollador
P: Cuando se ejecuta por primera vez, la consola generalmente informará un problema con el complemento.
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: Haga clic en el texto azul en el informe de errores添加插件
y agregarlo fácilmente.
Puede ser que su mini programa no se pueda activar porque no tiene categorías relacionadas. Puede consultar este documento: https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html.
A lo que me he suscrito es: Deportes > Herramientas de fitness online > Herramientas de consulta de información > Reserva/Registro
Luego vaya a Desarrollo-Gestión de desarrollo-Configuración de interfaz para habilitar permisos de autoservicio获取当前的地理位置、速度
,监听实时地理位置变化事件
y接收位置消息(前台)
Nota: La cuenta de prueba no puede activar el complemento porque la categoría no se puede configurar.
Tenga en cuenta que este proyecto se realizó en 2020, cuando estaba en el último año de la universidad. La tecnología en ese momento era limitada y dejaba muchos obstáculos. Si la necesita para su propio uso, no me culpe.
Lo ejecuté nuevamente según este documento en febrero de 2023, corregí algunos errores y el proyecto se pudo ejecutar sin problemas y tomé algunas precauciones, que se pueden buscar globalmente: // TODO:
Ver.
Si no necesita usar menos, edite el archivo wxss directamente. Ignore el siguiente contenido.
Código VS: complemento Easy Less: puede compilar menos en wxss
El archivo de configuración está en /.vscode/settings.json
MIT