• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序二手闲置商城校园跳蚤物品交换 免费信息发布系统功能源码(微信小程序和php ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

毕业设计做了一个微信小程序用于二手闲置商城与校园跳蚤物品交换,花费了一个多月进行构思设计和开发,可做为毕业设计或者计算机期末作业。

微信小程序二手闲置商城校园跳蚤物品交换平台主要的功能模块分析如下:

对该系统进行分析与设计,有以下几个主要的功能模块:

(1)发布信息:用户可以发布出售信息,填写联系方式以及出售物类详细信息,点击发布后将会把信息上传至后台。

(2)生成图片:用户可以点击生成图片从而生成二维码,可以让其他用户扫描进入相关页面。

(3)投诉功能:用户看到违反平台规范的信息后可以对其进行投诉,管理员会对其进行核实,若存在违规行为将进行处罚。

(4)转发功能:用户可以转发某个商品给其他微信用户,从而使得传播覆盖面更广。

(5)用户登录,用户通过微信登陆小程序,小程序会记录用户的信息并生成用户模块。

(6)用户信息模块,用户的个人中心,管理发布信息,对发布信息进行增删改操作。

微信小程序二手闲置商城校园跳蚤物品交换系统总功能结构图如下:

微信小程序二手闲置商城校园跳蚤物品交换平台主要页面界面如下:

<!--index.wxml-->
<view class="indexCon">
  <!--搜索框-->
  <view class="goodSearch">
    <view class="searchBox">
      <image src="../../images/search.png"/>
      <input type="text" placeholder="请输入你要搜索的商品" confirm-type="search" placeholder-style="font-size:26rpx;color:#8c8c8c;font-weight: lighter;" value=\'{{searchVal}}\' bindfocus="focusFun" bindblur="blurFun" bindinput="inputFun" bindconfirm="searchFun"/>
      <image src="../../images/sear_x.png" class="clearInput" hidden="{{!searchVal}}" bindtap="clearValFun"/>
    </view>
  </view>
  <!--轮播图-->
  <view class="theBannerSwiper" wx:if="{{swiperImgs.length>0}}">
    <swiper class="bannerSwiper" autoplay="true" interval="5000" duration="1000" current="{{bannerCurrentSwiper}}" bindanimationfinish="bannerSwiperChange">    
      <swiper-item wx:for="{{swiperImgs}}">    
        <image src="{{imgHost+item.bannerpic}}" class="slide-image" mode="aspectFill"/>    
      </swiper-item>    
    </swiper>
    <!--重置小圆点的样式-->
    <view class="dots">
      <view wx:for="{{swiperImgs}}" class="dot {{index==bannerCurrentSwiper?\'active\':\'\'}}"></view>
    </view>
  </view>
  <!--最新发布-->
  <view class="goodMain" wx:if="{{goodList.length>0}}">
      <view class="goodHead" wx:if="{{false}}">
         <text>最新发布</text>
      </view>
      <view class="goodCon">
         <view class="goodItem" wx:for="{{goodList}}" wx:key="item.id"  bindtap="goGoodCon" data-id="{{item.id}}" data-mid="{{item.mid}}">
            <view class="goodItem_box">
              <view class="imgBox">
                <image src="{{imgHost+item.imgs[0]}}" mode="aspectFill"/>
              </view>
              <view class="infoBox">
                <view class="title">{{item.title}}</view>
                <view class="priceCon">
                  <view class="price">¥{{item.price}}</view>
                  <view class="oldrice">¥{{item.oldprice}}</view>
                </view>
              </view>
              <view class="user" catchtap="goUserGoods" data-userid="{{item.mid}}" data-username="{{item.nick_name}}" data-usercover="{{item.avatar_url}}">
                <image src="{{item.avatar_url}}" />     
                <view class="userInfo">
                  <text class="userName">{{item.nick_name}}</text>
                  <text class="date">{{item.time}}</text>
                </view>         
              </view>
            </view>
         </view>
      </view>
      <!--加载更多-->
      <view class="weui-loadmore" hidden="{{!isShowLoadMore}}">
        <view class="weui-loading" hidden="{{loadText!=\'加载中\'}}"></view>
        <text>{{loadText}}</text>
      </view>
  </view>
  <!--没有数据-->
  <view class="nodata" wx:if="{{goodList.length==0}}">
      <image src="../../images/nodata.png"/>
    <text>暂时没有相关数据</text>
  </view>

  
</view>

<!--发布按钮-->
<view class="add_con" bindtap="goAddGood">
    <image src="../../images/add.png" mode="aspectFill"/>
</view>

以上是我项目的相关界面和代码,如果你有什么技术上的难题,开发时遇到的问题,欢迎随时交流 qq_2422941992


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序公司开发前必读发布时间:2022-07-18
下一篇:
Java mp3转wav 微信小程序使用百度语音识别不兼容问题 - 凉云发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap