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

<!----------------------------------------------- 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地址然后访问这个地址取出来参数。具体源码可以看我博客

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

小程序体验:

  • 19
    点赞
  • 178
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序图书商城的设计与实现需要以下几个步骤: 1. 确定需求:根据用户需求,确定商城主题、功能模块和页面布局等。 2. 进行原型设计:通过原型设计工具,如Axure RP或Sketch等,设计商城的页面布局、交互流程和功能模块等。 3. 开发小程序:使用微信小程序开发工具进行开发,包括前端页面设计和后端数据接口的开发。 4. 数据库设计:设计商城的数据库结构,包括用户信息、商品信息、订单信息等。 5. 服务器搭建:搭建商城的服务器,包括Web服务器和数据库服务器。 6. 商城上线:完成商城的开发和测试后,将商城上线,让用户可以使用。 在具体实现过程中,可以参考以下步骤: 1. 完成商城首页的设计,包括轮播图、推荐商品、分类导航等。 2. 实现商品列表页面,用户可以通过条件筛选,查看符合条件的商品列表。 3. 实现商品详情页面,展示商品的详细信息和用户评价等。 4. 实现购物车功能,用户可以将商品添加到购物车,进行结算。 5. 实现订单管理功能,用户可以查看历史订单、订单详情和订单状态等。 6. 实现用户管理功能,包括用户注册、登录、个人信息修改等。 7. 实现支付功能,用户可以通过微信支付进行支付。 8. 实现客服功能,用户可以通过在线客服或留言系统,与商城客服进行沟通。 以上是基于微信小程序图书商城的设计与实现的一般步骤,具体实现还需要根据实际情况进行调整和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值