项目技术亮点

项目描述

基于 uni-app + Vue3 的多端壁纸小程序，支持微信小程序、抖音小程序、H5、Android APP 多端发布，涵盖壁纸浏览、分类筛选、用户登录、壁纸上传、个人中心等功能。

技术栈

uni-app · Vue3（组合式 API） · uniCloud · uni-id · JQL · Ant Design Vue · 微信小程序

核心职责与技术亮点

1. 跨平台开发：为解决多平台重复开发维护成本高的问题，基于 uni-app 一套代码编译多端（微信小程序/抖音小程序/H5/Android），使用条件编译处理多端差异，大幅降低多平台维护成本
2. Vue3 组合式 API：为解决组件逻辑复用不灵活的问题，使用 ref/reactive/computed/onLoad 等 Vue3 组合式 API 组织组件逻辑，提升逻辑复用灵活性与 TypeScript 友好度
3. uniCloud 云开发：为解决自建服务器运维成本高的问题，使用 uniCloud 云函数 + 云数据库（JQL 语法）实现后端 Serverless 开发，无需自建服务器，降低运维成本
4. uni-id 用户体系：为解决用户登录与数据权限控制问题，集成 uni-id-pages 插件实现用户注册登录（微信登录/密码登录），配置 DB Schema 权限控制实现数据级权限
5. 骨架屏优化体验：为解决数据加载时白屏体验差的问题，集成 uv-skeletons 骨架屏插件，数据加载时展示骨架占位，提升用户感知加载速度
6. 页面通信机制：为解决跨页面数据同步问题，使用 uni.$emit/uni.$on 实现跨页面事件通信（如编辑页完成后通知列表页刷新数据），简化页面间通信
7. 多环境配置：为解决多环境 API 地址切换问题，通过 .env.dev/.env.prod 文件区分开发/生产环境，配置不同 API 地址，实现环境隔离
8. 多端发行部署：为解决多端发行部署问题，使用 HBuilder X 打包发行，微信小程序配置域名白名单后上传发布，H5 支持 hash/history 路由模式选择