首页 > 编程语言 >微信小程序云开发 校园二手交易平台

微信小程序云开发 校园二手交易平台

时间:2024-12-24 10:22:38浏览次数:3  
标签:微信 二手交易 用户 商品 点击 卖家 点赞 校园 页面

1.组员分工
在这个校园二手交易平台小程序中,我们组有着非常明细的分工。组内一共有四人,分别是祝辰、林炜辰、秦盼盼、吕冠逾,接下来我会一一描述分工。

祝辰:第七组的组长,主要整个软件项目工程的进度协调。在软件项目初期,主要负责用户图、类图、书序图的绘制,明确项目的主要功能。在项目中期,主要确定了云环境的运用和程序代码的语法。主要负责了校园二手交易平台中的主页、商品详情页、购买页面、评分界面等。后期负责了整个代码的汇总操作。

林炜辰:主要的页面布局和框架,例如“首页”,“我的”,“消息”等页面的基本布局,并编写“发布”页面、“消息”页面,“历史订单”页面等代码,并协助组长编写代码在“确认收货”后传递订单数据给评分页。

秦盼盼:关注界面,包括点赞收藏操作以及同步我的界面中的点赞收藏数
系统亮点:能够对关注者所发布的商品进行点赞收藏操作。

商品主界面:
搜索栏:
用户可以在搜索栏中输入关键词来查找商品。搜索栏包含一个输入框和多个图标(搜索、更多、用户),方便用户进行搜索和导航。
分类标签(未实现):
页面提供了分类标签(如“推荐”、“零食”、“其他”),用户可以通过点击不同的标签来切换商品类别,便于快速找到感兴趣的商品。
商品列表:
商品列表区域使用了滚动视图,展示了从云数据库获取的商品信息。每个商品以卡片形式展示,包含商品图片、名称和价格。用户可以点击商品卡片进入商品详情页面。
底部导航栏:
页面底部有一个固定的导航栏,包含多个导航项(首页、关注、发布、消息、我的),用户可以通过点击这些导航项快速切换到不同的页面。
数据获取:
页面在加载时会调用云函数获取商品数据,并将其绑定到页面上
页面跳转:
用户点击商品卡片时,会跳转到商品详情页面,确保用户能够查看商品的详细信息。

个人信息页:
用户头像和欢迎信息:
页面顶部显示用户的头像(userImageUrl)和欢迎信息(如“Hey, 用户名,上午好”)。头像通过云存储获取,若未设置则显示默认头像。
导航栏:
包含四个导航项:收藏、足迹、点赞和红包。每个项显示相应的数量,方便用户快速查看相关信息。
我的交易:
显示用户的交易信息,包括“我发布的”、“我卖出的”、“我买到的”和“待评价”四个部分。每个部分都有对应的图标和名称,用户可以点击进入相应的页面。
我的功能:
包含多个功能项,如“我的优惠券”、“历史订单”、“修改资料”和“关于”。每个功能项都有图标和名称,用户可以通过点击进入相应的功能页面。
退出登录按钮:
页面底部有一个“退出登录”按钮,用户可以通过点击退出当前账户。

商品详情页:
商品图片展示区:
展示商品的图片,支持自动播放和指示点,用户可以滑动查看不同的商品图片。
商品基本信息:
显示商品的价格、名称和描述。价格以醒目的字体显示,若价格未设置则显示“暂无价格”。
卖家信息:
显示卖家的头像、昵称、评分和地址信息。若卖家信息不完整,则显示默认信息(如“未知用户”或“暂无地址信息”)。
商品详细信息:
包含商品的发布时间和状态(在售或已售出),帮助用户了解商品的基本情况。
底部操作栏:
提供“联系卖家”和“购买”两个按钮,用户可以通过点击联系卖家或直接购买商品。

3.系统使用主要场景2个以内

学生在清理个人物品时,发现自己有一些不再使用的闲置商品,例如旧书籍、衣物、电子产品(如手机、耳机)等。这些物品虽然对自己没有用处,但仍然具有一定的价值,学生希望能够通过出售这些闲置物品来获取一些额外的收入。
校园二手交易平台系统完成闲置商品的购买:
发布闲置商品信息:
学生登录校园二手交易平台,选择“发布商品”功能。
填写商品信息,包括商品名称、描述、价格、成色、以及上传商品图片。
选择商品分类(如书籍、电子产品、衣物等),确保商品能够被潜在买家找到。
提交商品信息,等待审核(如果平台有审核机制)。
浏览和搜索商品:
其他学生在平台上浏览商品时,可以使用搜索功能,输入关键词(如“旧书”、“耳机”等)来查找特定的闲置商品。
他们也可以通过分类标签快速找到感兴趣的商品。
与卖家沟通:
在找到感兴趣的商品后,买家可以通过平台的聊天功能与卖家进行沟通,询问商品的详细信息(如使用情况、是否有瑕疵等)。
卖家可以及时回复,提供更多信息,增加交易的可能性。
确认交易:
买家在确认商品信息后,可以选择购买商品。卖家可以设置交易方式(如面交、快递等),并与买家协商交易细节。
买家可以通过平台进行支付,确保交易的安全性。
完成交易:
一旦交易完成,买家可以在平台上对卖家进行评价打分,分享交易体验。
卖家在收到款项后,按照约定的方式将商品交给买家。

4.系统亮点3个以内
点赞-收藏功能:

这是在云开发中添加的用户关注人的id,在关注页面,通过获取关注人的id,来进一步获取关注人所发布的商品信息。

接着在关注页面,我们可以对商品进行点赞和收藏操作。其中,在云数据库中,已经设置用户对商品芒果干进行了点赞操作,通过点击点赞按钮,我们可以进行取消点赞操作,图标会相应变成黑色,旁边文字会变成“点赞”,收藏操作也是同样。点击“购买”按钮,我们可以跳转至商品详情页去进行一个购买操作。
这里是数据库中关于点赞的一个字段展示。

在“我的”这个界面中,相应地会显示点赞与收藏的数目,当我们进行点赞或者收藏操作时,这个地方的数字会相应发生变化。



标签:微信,二手交易,用户,商品,点击,卖家,点赞,校园,页面
From: https://www.cnblogs.com/TheRuoChen/p/18626751

相关文章

  • 前端如何在h5页面调用微信支付?
    在H5页面中调用微信支付,通常涉及以下步骤:后台配置与获取支付参数:首先,你的后台需要与微信支付接口进行交互,配置相应的支付参数(如商户号、API密钥等)。当用户选择微信支付时,后台会生成一个预支付订单,并调用微信支付的API来获取支付参数,这些参数包括appId、timeStamp、nonceStr......
  • 小迪安全->基础入门-APP应用&微信小程序&原生态开发&H5+Vue技术&WEB封装打包&反编译抓
    知识点:1、基础入门-APP应用-开发架构安全问题2、基础入门-小程序应用-开发架构安全问题通用:1、反编译-得到源码-源码提取资产(泄漏的配置信息)-安全测试2、抓包-资产-安全测试一、演示案例-移动App-开发架构-原生&H5&封装等1、原生开发安卓一般使用java语言开发,当然现在也有......
  • 基于微信小程序的女大学生卡路里跟踪与分析系统设计和实现
    ......
  • 微信公众号推文与个人网站文章同步(续)
    上篇文章讲述了我所搜集到的三种方法,第一种方法调用微信公众号的接口开发并没有尝试(下文会给出大致思路),因为如果进行调用的话,网站后台需要构建跟微信公众号推文编写一样的界面,而且需要进行素材库的一个存储,如果是已经经营过长时间的公众号,素材库里面有很多内容,将他们重新存储到......
  • Python基于微信小程序的学习平台
    收藏关注不迷路!!......
  • Spring Boot 基于微信小程序的个人健康运动辅助系统
    文章目录详细视频演示项目介绍技术介绍功能介绍核心代码系统效果图详细视频演示文章底部名片,获取项目的完整演示视频,免费解答技术疑问项目介绍  SpringBoot基于微信小程序的个人健康运动辅助系统,旨在充分融合移动互联网与健康运动理念,借助SpringBoot强大的......
  • 校园二手交易平台成品报告
    一、组员分工余嘉:项目需求分析,墨刀原型图商品分类、详情、发布页的设计。数据库表设计,软件类图绘制,后端接口设计、后端商品、订单、分类、登录、收藏接口实现。王俊杰:大部分ui层设计和制作和大部分逻辑交互层的实现。ui设计:登陆和注册页面、主页、二手商品页面、商品详情页面......
  • 校园二手交易平台UML图
    类图:时序图:买家买商品:买家撤回:用户更新:用户登录:卖家发布:用例图:......
  • AI对话机器人续:将AI Bot接入企业微信
    大家好,我是Edison。之前尝试将CozeAIBot接入到了微信,有朋友问如何接入企业微信,今天有空尝试了下,和你分享一下过程。整体流程和步骤还是基于chatgpt-on-wechat这个开源框架来的,唯一的差别就在于部署chatgpt-on-wechat的时候,需要填写一些企业微信相关的参数和secret。企业微信......
  • 心语空间:校园心理健康网站开发与实践
    2.1Java语言Java语言流行至今,依然是后台程序开发人员从业者需要学习的技能之一,并且可以不断的进行深造,可以用Java解决各种各样的问题。Java是一种面向对象的语言,这一点对Java语言的发展功不可没。万物皆对象,很生动的对自然存在的各种环境,各种问题提供了一个解决思路,人类对......