微信小程序完整项目实战(前端+后端)

基于微信小程序的在线商城点单系统

前言：闲来无事，想以后自己开一个小超市或者小吃店，能够支持线上下单，既方便客户也方便自己。系统采用C#语言作为后端实现与小程序的交互，给用来学习或者想自己开个小店的朋友当个参考。

文末获取源码联系

精彩专栏持续更新推荐订阅，收藏关注不迷路

微信小程序实战开发专栏

目录

• • 一、项目介绍
  • 二、相关技术
  • 三、小程序效果图
  • 四、后台管理效果图
  • 五、代码块

一、项目介绍

小程序主要有首页、商品详情、购物车、个人中心等模块。
管理端主要有人员管理、商品管理、订单管理等模块。

二、相关技术

html+css+js：微信小程序界面。
NetCore框架+C#程序语言：小程序及后台管理系统API的实现。
Layui前端框架：web后台管理界面样式及数据渲染框架。
SqlServer数据库：数据支持。

三、小程序效果图

四、后台管理效果图

五、代码块

  
    
      
      橘猫餐厅
      
    
    
  





  



  
    {{item.title}}
    
  
  
    
      热门推荐
    
    
      
        
        超级无敌好吃美味烤鸭
        
          
            ￥
            58.88
            /g
          
          ￥98
        
      
    
    
  

{imgUrl}}/Areas/dfapi/Content/images/cp.png" lazy-load="true"> -->

  
    
      
        
          
        
      
    
  



  
    
      
        ￥
        58.8
        ￥98
      
      限量200份
    
    
      已售198份每人限购1份
    
  
  
    距秒杀结束仅剩
    
      {{hour}}
      :
      {{min}}
      :
      {{second}}
    
  



  超级无敌好吃美味烤鸭



  色泽红艳，肉质细嫩，味道醇厚，肥而不腻



  
    该商品分享可得奖励￥10
  
  
    
    立即分享
  


{imgUrl}}/upload/20220608/rightJt.png" lazy-load="true">
  
 -->



  服务
  新鲜品质 配送到家 售后无忧




  
    
      评价(2824)
    
    
      查看全部评价
    
    
  
  

    
    
      橘猫大侠
      
        
        
      
    
  
  
    味道好，配送快，值得信赖！
  
 








  
    
      
        {{spuList[0].name}}
      
      {{spuList[0].content}}
    
  

  
    
      {{item.name}}
    
    {{item.content}}
  




  
  展开

  
  收起





  

  
  
    
      
      北京烤鸭
      
        干净又卫生
      
      
        
          ￥
          58
          ￥98
        
        
          
          
        
      
    
  



  
    
      
      首页
    
    
      
      购物车
    
  
  
    
      加入购物车
      立即购买
    
  

  
    
    
    购物车
  





  
    共有5件商品
    
      删除
    
  
  
    
      热门推荐
      
        
      
    
    
      
        
          
            
              
                
                  
                    
                    
                  
                
                
                  
                  
                    超级无敌好吃美味烤鸭
                    500g
                    
                      ￥
                      58.8
                      ￥98
                    
                  
                  
                    
                      -
                      
                      +
                    
                  
                
              
            
          
          删除
        
      
    
  


  因配送范围，库存原因等导致失效的商品
  
    
      失效
    
    
      
        
      
      
        曾经好吃的烤鸭
        抱歉，该商品已售罄或下架
        
          ￥
          0
        
      
      
      
    
  
  
    清空失效宝贝
    切换地址
  


  

  
    
      
      {{item.productName}}
      
        {{item.remark}}
      
      
        
          ￥
          {{item.price}}
          ￥{{item.proSalePrice}}
        
        
          
          
        
      
    
  


  
    
      优惠明细
      
        
          商品总额
        
        
          ￥{{totalPrice}}
        
      
      
        
          运费
        
        
          +￥{{freight}}
        
      
      
        
          优惠券
        
        
          -￥{{couponAmount}}
        
      
      
        
          折扣
        
        
          -￥{{discountMoney}}
        
      
      
        
          合计
        
        
          ￥{{amountPayable}}
        
      
    
  



  
    
    
    全选
  

  

    
      合计:
      ￥
      ￥198
    

    
      优惠:
      ￥
      {{finalCou}}
      查看明细

      

      
    

  

  
    结算
  

  
    
      
        
          
          
        
        
          
            
            
            
              摔跤猫子
              
                
            
          
          
            用户
          
        
      
    


  
    我的订单
    
      
      查看更多
    
  
  
    
      
      {{toBePaid}}
      待付款
    
    
      
      {{toBeDelivered}}
      待发货
    
    
      
      {{toBeReceived}}
      待收货
    
    
      
      {{toBeReply}}
      评价
    
    
      
      {{cancel}}
      售后/退款
    
  

  



  常用工具
  
    
      
      我的收益
    
    
      
      我的团队
    
    
      
      我的优惠券
    
    
      
      收货地址
    
  
  
    
      
      联系客服
      
    
    
      
      设置
    
  

微信小程序全栈开发专栏点此订阅

文章源码及同系列教程可订阅本专栏，以实战为导向，逐步深入开发各个环节，融入打造完整全栈开发过程的经验。
订阅此专栏可添加博主微信获得额外增值服务，包括但不限于学习资料、简历修改、面试技巧、代码修正、职位内推等。