更新记录
1.0.0(2025-09-17)
星云社区团购 - 社区电商应用
一个基于uni-app框架构建的社区团购电商平台,提供便捷的社区购物体验。
更新日志
v1.0.0 (2025-09-17)
- 初始版本发布
- 应用名称"星云社区团购"
- 应用定位社区电商平台
- 完善应用配置文件(manifest.json, package.json)
- 优化应用描述和关键词
- 启用ES6支持,提升代码质量
- 添加应用脚本配置
- 新增功能模块
- 商品展示与分类系统
- 购物车与订单管理
- 个人中心与用户管理
- 钱包与支付系统
- 积分奖励机制
- 收货地址管理
- 意见反馈系统
- 收藏与浏览历史
- 优惠券系统
- 客服服务功能
功能特性
主要页面
- 首页 - 商品推荐、轮播图、分类导航
- 分类页 - 商品分类、品牌展示、热门推荐
- 购物车 - 商品管理、数量调整、结算功能
- 个人中心 - 用户信息、订单管理、功能菜单
- 商品详情 - 商品展示、规格选择、购买功能
- 订单管理 - 订单列表、状态跟踪、物流信息
- 钱包中心 - 余额管理、支付设置、积分系统
- 收货地址 - 地址管理、默认设置、地图定位
- 优惠券 - 优惠券领取、使用规则、过期提醒
- 客服服务 - 在线客服、常见问题、意见反馈
核心功能
平台兼容性
云端兼容性
阿里云 | 腾讯云 | 支付宝云 |
---|---|---|
√ | √ | √ |
uni-app(4.36)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
√ | × | × |
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+
星云社区团购 - 社区团购电商平台
项目介绍
星云社区团购是一个基于uni-app和uniCloud开发的社区团购电商平台,提供新鲜蔬果、日用百货等商品团购服务。
技术栈
- 前端:uni-app + vk-uview-ui
- 后端:uniCloud
- 开发工具:HBuilderX
功能模块
- 首页展示:轮播图、热门分类、今日特惠、推荐商品
- 商品分类:左侧分类导航,右侧商品列表
- 购物车:商品管理、数量调整、结算功能
- 个人中心:用户信息、订单状态、常用功能
- 订单管理:订单详情、订单结算
- 用户登录:手机号登录、验证码登录
安装与运行
环境准备
- 安装 HBuilderX 开发工具
- 在HBuilderX中安装 uni-app 插件
- 配置 uniCloud 环境
运行步骤
- 克隆或下载本项目到本地
- 在HBuilderX中打开项目
- 连接到 uniCloud 云服务空间
- 点击工具栏的"运行"按钮,选择对应的运行环境(浏览器、小程序、App等)
- 或者点击"发行"按钮,构建正式版本
项目结构
├── App.vue # 应用入口文件
├── main.js # 项目入口文件
├── pages.json # 页面配置文件
├── manifest.json # 应用配置文件
├── pages/ # 页面目录
│ ├── index/ # 首页
│ ├── category/ # 分类页
│ ├── cart/ # 购物车
│ ├── profile/ # 个人中心
│ ├── login/ # 登录页
│ └── order/ # 订单相关页面
├── components/ # 自定义组件
├── static/ # 静态资源
├── common/ # 公共资源
├── store/ # Vuex状态管理
├── uni_modules/ # 模块市场组件
└── uniCloud-aliyun/ # uniCloud云函数和数据库
主题风格
项目采用红色主题(#FF0000),符合星云社区团购的品牌风格,界面简洁清晰,操作便捷。
注意事项
- 本项目需要在HBuilderX环境下运行,不支持直接通过静态服务器预览
- 运行前请确保已正确配置uniCloud环境
- 部分功能需要云函数支持,请确保已部署相关云函数
- 模拟数据已内置在各页面中,可直接查看效果
开发说明
- 页面样式统一使用scss预处理
- 组件优先使用vk-uview-ui组件库
- 图片资源使用在线图片服务
- 遵循uni-app开发规范
License
MIT