畢業(yè)設計做了一個微信小程序用于二手閑置商城與校園跳蚤物品交換,花費了一個多月進行構(gòu)思設計和開發(fā),可做為畢業(yè)設計或者計算機期末作業(yè)。
微信小程序二手閑置商城校園跳蚤物品交換平臺主要的功能模塊分析如下:
對該系統(tǒng)進行分析與設計,有以下幾個主要的功能模塊:
(1)發(fā)布信息:用戶可以發(fā)布出售信息,填寫聯(lián)系方式以及出售物類詳細信息,點擊發(fā)布后將會把信息上傳至后臺。
(2)生成圖片:用戶可以點擊生成圖片從而生成二維碼,可以讓其他用戶掃描進入相關(guān)頁面。
(3)投訴功能:用戶看到違反平臺規(guī)范的信息后可以對其進行投訴,管理員會對其進行核實,若存在違規(guī)行為將進行處罰。
(4)轉(zhuǎn)發(fā)功能:用戶可以轉(zhuǎn)發(fā)某個商品給其他微信用戶,從而使得傳播覆蓋面更廣。
(5)用戶登錄,用戶通過微信登陸小程序,小程序會記錄用戶的信息并生成用戶模塊。
(6)用戶信息模塊,用戶的個人中心,管理發(fā)布信息,對發(fā)布信息進行增刪改操作。
微信小程序二手閑置商城校園跳蚤物品交換系統(tǒng)總功能結(jié)構(gòu)圖如下:
微信小程序二手閑置商城校園跳蚤物品交換平臺主要頁面界面如下:
???????











<!--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>
? <!--最新發(fā)布-->
? <view class="goodMain" wx:if="{{goodList.length>0}}">
? ? ? <view class="goodHead" wx:if="{{false}}">
? ? ? ? <text>最新發(fā)布</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>
? <!--沒有數(shù)據(jù)-->
? <view class="nodata" wx:if="{{goodList.length==0}}">
? ? ? <image src="../../images/nodata.png"/>
? ? <text>暫時沒有相關(guān)數(shù)據(jù)</text>
? </view>
</view>
<!--發(fā)布按鈕-->
<view class="add_con" bindtap="goAddGood">
? ? <image src="../../images/add.png" mode="aspectFill"/>
</view>
以上是我項目的相關(guān)界面和代碼,如果你有什么技術(shù)上的難題,開發(fā)時遇到的問題,歡迎隨時交流?