微信小程序二手閑置商城校園跳蚤物品交換 免費信息發布系統功能源碼(微信小程序和php后台管理)


畢業設計做了一個微信小程序用於二手閑置商城與校園跳蚤物品交換,花費了一個多月進行構思設計和開發,可做為畢業設計或者計算機期末作業。

微信小程序二手閑置商城校園跳蚤物品交換平台主要的功能模塊分析如下:

對該系統進行分析與設計,有以下幾個主要的功能模塊:

(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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM