基于微信小程序的毕业设计实现（垃圾分类、商城等主题）

<!----------------------------------------------- 2024.5.7更新分割线   ----------------------------------------------->

最近在做threejs可视化的一些相关案例，感兴趣的同学也可以加我详聊

<!----------------------------------------------- 2023.4.7更新分割线   ----------------------------------------------->

最近把项目开源到github上去了链接：GitHub - YINZI-DGW/refuseClassification: 写了一个比较全的垃圾分类小程序，包含打卡答题语音识别图片识别等功能感兴趣的同学可以自行去down下来，好久没维护了里面的云数据库内容都清空了，需要开发文档的可以v我。

<!----------------------------------------------- 2023.4.7更新分割线   ----------------------------------------------->

最近临近毕业季，连夜做了一个微信小程序垃圾分类毕业设计如图：(史上功能最全，样式最新，全部是我手写，包讲解)话不多说直接体验！可能我会暂时看不到申请，但是我看到了会立马通过，大家可以多等一些时间。

 

 

         

 

 如果嫌弃丑请见谅！！！！！

-------------------------------------------上源码！-------------------------------------------------------------------------

<view class="container">
    <view class="header">
        <!-- 个人中心头部，block不渲染只是包裹头部内容 -->
        <block>
            <!-- 通过userInfo来判断用户是否登陆过从而展示不同的内容 -->
            <view class="header_card" wx:if="{{userInfo.avatarUrl}}">
                <view class="header_card_top">
                    <view class="header_card_left">
                        <image src="{{userInfo.avatarUrl}}"></image>
                    </view>
                    <view class="header_card_right">
                        <text>{{userInfo.nickName}}</text>
                        <span>基本信息</span>
                    </view>
                </view>
                <van-divider custom-style='width:70%;padding:0;margin:0 auto' />
                <view class="header_card_bottom">
                    <view class="header_card_bottom_left">
                        <!-- <image src="../../images/yue.png"></image> -->
                        <text>我的排名：{{rank}}</text>
                    </view>
                    <view class="header_card_bottom_right">
                        <!-- <image src="../../images/jifen.png"></image> -->
                        <text>我的积分: {{userInfo.integral}}</text>
                    </view>
                </view>
            </view>
            <view class="header_card" wx:else>
                <view class="header_card_top">
                    <view class="header_card_left">
                        <!-- 未登录老虎动态gif图 -->
                        <image src="https://wimg.588ku.com/gif620/21/08/31/2c6d76bb5d393136c36ae8f0db530629.gif"></image>
                    </view>
                    <view class="header_card_right">
                        <text>未登录</text>
                        <view class="loginbutton" bindtap="handleGetUserInfo">登录</view>
                        <!-- <button bindtap="handleGetUserInfo"  class="loginbutton">登录</button> -->
                    </view>
                </view>
                <van-divider custom-style='width:70%;padding:0;margin:0 auto' />
                <view class="header_card_bottom">
                    <view class="header_card_bottom_left">
                        <!-- <image src="../../images/yue.png"></image> -->
                        <text>我的排名:</text>
                    </view>
                    <view class="header_card_bottom_right">
                        <!-- <image src="../../images/jifen.png"></image> -->
                        <text>我的积分:</text>
                    </view>
                </view>
            </view>
        </block>
        <!-- 个人中心中部三个按钮 -->
        <image src="http://docfile.funkingka.cn/FqzmiFqvXbHg-cfbquNRlawHUgHt" class="bgcimg"></image>
    </view>
    <view class="body">
        <view class="body_item">
            <button open-type="contact" style="width: 100%; height: 100%;font-size: 16px;padding: 0;margin: 0;font-weight: 400;">
                <image src="../../images/kefu.png"></image>
                <text>联系客服</text>
            </button>
        </view>
        <view class="body_item">
            <image src="../../images/shequ.png"></image>
            <text>活动社区</text>
        </view>
        <view class="body_item" bindtap="GoIntegral">
            <image src="../../images/qiandao.png"></image>
            <text>每日签到</text>
        </view>
    </view>
    <view class="bottom">
        <view class="bottom_item" bindtap="invitation">
            <image class="bottom_item_1" src="../../images/yaoqing.png"></image>
            <image class="bottom_item_2" src="../../images/you2.png"></image>
            <text>邀请好友</text>
        </view>
        <van-divider custom-style='width:100%;padding:0;margin:0 auto' />
        <view class="bottom_item" bindtap="address">
            <image class="bottom_item_1" src="../../images/dizhi.png"></image>
            <image class="bottom_item_2" src="../../images/you2.png"></image>
            <text>地址管理</text>
        </view>
        <van-divider custom-style='width:100%;padding:0;margin:0 auto;color: #1989fa;' />
        <view class="bottom_item" bindtap="description">
            <image class="bottom_item_1" src="../../images/bangzhu.png"></image>
            <image class="bottom_item_2" src="../../images/you2.png"></image>
            <text>帮助说明</text>
        </view>
        <van-divider custom-style='width:100%;padding:0;margin:0 auto;color: #1989fa;' />
        <view class="bottom_item" bindtap="logout">
            <image class="bottom_item_1" src="../../images/out.png"></image>
            <image class="bottom_item_2" src="../../images/you2.png"></image>
            <text>退出登录</text>
        </view>
        <van-divider custom-style='width:100%;padding:0;margin:0 auto;color: #1989fa;' />
        <view class="bottom_item" bindtap="goBackSystem">
            <image class="bottom_item_1" src="../../images/backsystem.png"></image>
            <image class="bottom_item_2" src="../../images/you2.png"></image>
            <text>后台系统</text>
        </view>
    </view>
    <van-notify id="van-notify" />
    <!-- <van-cell title="显示分享面板" bind:click="onClick" /> -->
    <van-toast id="custom-selector" />
    <van-share-sheet show="{{ showShare }}" title="立即分享给好友" options="{{ options }}" bind:select="onSelect" bind:close="Closeshare" />
    <!-- 签到弹出框 -->
    <van-transition show="{{ showIntegral }}" name="" duration="{{ { enter: 300, leave: 1000 } }}" enter-class="van-enter-class" enter-active-class="van-enter-active-class" leave-active-class="van-leave-active-class" leave-to-class="van-leave-to-class" />
</view>

图片识别一开始使用的京东云的接口，但是服务器老是崩溃，所以转向了新的接口，小程序图片识别比较麻烦，总的中心思想就是把图片保存下来转化成base64格式，但是base64格式太大，向云函数传参接受不了太大的参数，所以我们把参数保存到虚拟的cdn地址然后访问这个地址取出来参数。具体源码可以看我博客

源码太多就不一一展示了，喜欢的请加我微信，我也可以帮你修改具体内容

小程序体验：