微信小程序云开发（失物招领平台）

最新推荐文章于 2023-05-26 23:40:22 发布

滚筒洗猫咪

最新推荐文章于 2023-05-26 23:40:22 发布

阅读量5.1k

点赞数 12

文章标签： javascript html5 css3

本文链接：https://blog.csdn.net/a445ds6a/article/details/106391328

版权

本文介绍了团队开发的微信小程序，用于解决校园内失物招领问题。该小程序旨在提供一个高效对接失主和拾得者的平台，减少遗失物品带来的不便。功能包括首页广场展示失物信息，支持搜索和时间排序，以及利用云开发处理大量数据。

摘要由CSDN通过智能技术生成

微信小程序云开发（失物招领平台）P1

前言：
校园失物招领小程序是针对在校大学生丢失物品的信息，分类集中发布，方便大学生学习生活的应用软件。
本团队开发校园失物招领的微信小程序，旨在实现失主与拾得者的快速高效率对接，尽量降低减少遗失物品对大学生生活的干扰和失主在寻找遗失物品上所产生的时间成本与金钱成本的浪费。我们旨在为社会为大学生服务，实现自身公益价值。且力图通过O2O网上失物招领平台的商业运转模式，实现“丢失物品登记——信息发布——物品检索与匹配——找回失物”的服务系统的自运转。

功能：
（1）
（1）首页广场
程序主界面当中呈现一个丢失物品的显示广场，用户登录页面后可直接浏览已发布的失物信息。界面上端设置搜索条，用户可输入“失主姓名”直接检索程序内已登记的失物信息资料。同时，主页面以时间先后为划分依据，将实时更新平台上接收到的物品信息资料。

下面展示 主页代码效果及js部分。
在这里插入图片描述
1.搜索框：涉及到模糊查询以及多值匹配，用户可以通过搜索失主名字或者失物名字来匹配信息

// 搜索事件
  search: function (e) {
   
    let that = this
    if (e.detail.value!==''){
   
    db.collection('product').where({
   
      price:{
   
        $regex: '.*' + e.detail.value,
        $options:'i'
      }
    }).get({
   
      success: function (res) {
   
        that.setData({
   
          search: res.data
        })
        console.log('搜索成功成功', that.data.search)
        if (that.data.search == "") {
   
          db.