电商微信小程序

于 2020-03-29 23:11:35 发布
阅读量250 收藏 3
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42529965/article/details/105188935
版权

微信小程序京东商城
app.json

{
  "pages": [
    "pages/index/index",
    "pages/shopping/shopping",
    "pages/my/my"
    
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#f23030",
    "navigationBarTitleText": "京东购物",
    "navigationBarTextStyle": "white",
    "enablePullDownRefresh":true
 
  },
  "sitemapLocation": "sitemap.json",
  "tabBar":{
    "selectedColor":"#f23030",
    "list":[{
      "pagePath":"pages/index/index",
      "text":"首页",
      "iconPath": "image/index.png",
      "selectedIconPath":"image/indexFull.png"
    },{
       "pagePath":"pages/shopping/shopping",
       "text":"购物车",
       "iconPath":"image/cart.png",
       "selectedIconPath":"image/cartFull.png"
    },{
      "pagePath": "pages/my/my",
      "text": "我的",
      "iconPath": "image/my.png",
      "selectedIconPath": "image/myFull.png"
    }]
  }
}
*app.js*

```js
//app.js
App({
  onLaunch: function () {
    // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      }
    })
    // 获取用户信息
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
          wx.getUserInfo({
            success: res => {
              // 可以将 res 发送给后台解码出 unionId
              this.globalData.userInfo = res.userInfo

              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }
            }
          })
        }
      }
    })
  },
  globalData: {
    userInfo: null
  }
})



page
index.js

```js

Page({
  data: {
    txt: ['京东超市', '一元超市', '手机数码', '家用电器', '超值实惠', '生鲜蔬菜', '家居生活', '京东服饰', '京东到家', '充值缴费'],
    imgurl: [
      '../../image/ico1.png', '../../image/ico2.png', '../../image/ico3.png', '../../image/ico4.png', '../../image/ico5.png', '../../image/ico6.png', '../../image/ico7.png', '../../image/ico8.png', '../../image/ico9.png', '../../image/ico10.png'
    ],  //京东超市小图片
    imgSrc: ['../../image/slider1.jpg', '../../image/slider2.jpg', '../../image/slider3.jpg'],//轮播图图片
    adHidden:false,  //显示隐藏
    flag:true,  //开关
    tuijianList: [],
    num:0  
  },
  // 轮播图的小圆点事件
  changeimgsrc:function(e){
      var num = e.detail.current
      this.setData({
        num:num
      })
  },
  // 消失隐藏开关事件
  bindchange:function(){
      this.setData({
        adHidden:true,
        flag:false
        
      }) 
   
  },
  // 数据请求地址
  // onReady:function(){
  //     wx.request({
  //       url:'http://www.xingqb.com/jd/products.json',
  //       header: {
  //         // 默认值
  //         'content-type': 'application/json'
  //       },
  //       success:res=>{
  //         this.setData({
  //           goods: res.data.goods
  //         })
  //         console.log(this.data.goods)
  //       }
        
  //     })
  // },

//显示隐藏
  setIconHidden:function(){
    this.setData({
        adHidden : !this.data.adHidden
    })
  },
  //页面滚动监听
  onPageScroll:function(e){
    if(this.data.flag){
      this.setData({
        adHidden: e.scrollTop >= 100 ? true : false
      })
    }
  },



  //携带商品的id  跳转到商品详情页
  jumpDetail(options){
    let goods_id = options.currentTarget.dataset.goods_id;
    wx.reLaunch({
      url: '/pages/my/my?goods_id='+goods_id,
    })
  },




  onLoad: function (options) {
    //监听页面加载
    //请求数据
    wx.showLoading({
      title: '正在加载...',
    })
    let that = this;
    wx.request({
      url: "http://134.175.165.10:3001/getmsg1",
      success:  (res) =>{
        //隐藏loading
        wx.hideLoading()
        //把数据赋值一个变量
        this.setData({
          tuijianList: res.data.goods
        })
        

      }
 })

  },



})

## Index.wxml

```vue
<view class='nav flexCenter' hidden='{{adHidden}}'>

<icon class='nav_img' type='clear' size='16' bindtap='bindchange'></icon>
<image class='nav_logo' src='../../image/logo.png'></image>
<text class='navTxet'>打开京东app,购物更轻松</text>

<view class='nav_text'><text>立即打开</text></view>
</view>
<!-- 轮播图 -->
<view class='swiper_content'>
<swiper class='poster'
autoplay='true'
interval='3000'
circular='true'
bindchange='changeimgsrc'

>
<swiper-item wx:for='{{imgSrc}}' wx:key='item.src'>

<image src='{{item}}'></image>
</swiper-item>
</swiper>

 
  <!-- 小圆点 -->
  <view class='dots'>
     <view  wx:for='{{imgSrc}}' wx:key='item.src' class="{{index==num?'active':''}}"></view>
  
  </view>


</view>
<!-- 京东超市 -->
<swiper  class='placard'
indicator-dots='true'>
<swiper-item>
   <view class='box clearfix'>
        <view class='small' wx:for='{{imgurl}}' wx:key='{{i}}'>
        
          <image src='{{item}}'></image>
       
          <view><text>{{txt[index]}}</text></view>
    </view>
  </view> 
</swiper-item>
<swiper-item>
     <view class='box clearfix'>
        <view class='small' wx:for='{{imgurl}}' wx:key='{{i}}'>
          <image src='{{item}}'></image>
          <view><text>{{txt[index]}}</text></view>
    </view>
  </view> 

</swiper-item>
</swiper>
<view class='Img'><image src='../../image/index_wntj.png'></image></view>
<!--  -->




      <view class='listBox' wx:for='{{tuijianList}}' wx:key='{{item.goods_id}}' 
      bindtap='jumpDetail'
   id = "{{item.pid}}"
   data-goods_id= "{{item.pid}}" >
      <image src='https://img12.360buyimg.com/mobilecms/s372x372_{{item.img}}'></image>
       <view class='title'>{{item.t}}</view>
      <view class='character '>
          <text>￥{{item.jp}}</text>
          <text class='minus'  >{{item.goods_tags}} </text>
          <view class='similarity'>看相似</view>
      </view>
    </view>

css

.nav{
  width: 100%;
  height: 74rpx;
  line-height: 74rpx;
  z-index: 999;
  display: flex;
  position: fixed;
  font-size: 24rpx;
  color: white;
}
.flexCenter{
/* 主轴方向 两端对齐 中间留白 */
  justify-content: space-between;
  /* 纵轴方向 居中  */
  align-items: center;
  background-color: #333333;
}
.nav_img{
  width: 10%;
  /* height: 74rpx; */
  margin-left: 10rpx;
  /* text-align: center;
  line-height: 104rpx; */
}
.nav_logo{
  width: 50rpx;
  height: 50rpx;
  
}
.navTxet{
  width: 50%;
  height: 74rpx;
}
.nav_text{
background-color: #f23030;
  width: 35%;
  text-align: center;
}
/* 轮播图 */
.poster{
  height:400rpx;
  width: 100%;
  /* border: 1px solid grey; */
}
.swiper_content{
  position: relative;
}
.poster image{
  height:400rpx;
  width: 100%;
}

.dots{
  height: 20rpx;
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 10rpx;
  justify-content: center;
}
.dots view{
  width: 20rpx;
  height: 20rpx;
  border-radius: 10rpx;
  border:2rpx solid white;
  margin-right:10rpx;
}

.dots .active{

  background: white;
}
/* 京东超市 */
.box{
  /* display: flex; */
  margin-top: 45rpx;

}
.small{
 width: 120rpx;
 height: 120rpx;
  text-align: center;
  line-height: 40rpx;
  float: left;
  margin-left: 28rpx;
  margin-bottom: 70rpx;
}
.small image{
  width: 70rpx;
  height: 70rpx;
}
.small text{
  font-size: 12px;
}
.placard{
  height: 420rpx;
}
/* 清除浮动 */
.clearfix:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both;
}
.Img image{
  width: 750rpx;
  height: 70rpx;
}
/*  */
/* .list{
 
  height: 0 auto;
  background-color: #f1f2f6;
  width: 100%;
  margin-bottom: 20rpx; */
/* } */
/* .arrange{
   width: 100%; */
  
   
/* } */
.listBox{
  float: left;
  width: 340rpx;
  height: 534rpx;
  margin-left: 25rpx;
  background-color: white;
  margin-bottom: 20rpx;
}
.listBox image{
    width: 340rpx;
     height: 400rpx;
}
.character{
  position: relative;
  top: 0;
  left: 0;
  font-size: 14px;
}
.title{
  height: 66rpx;
  overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
 font-size: 28rpx;
}
/* .character text{
  color: red;
} */
.minus{
  /* position: absolute;
  top: 197rpx;
  left: 77rpx; */
   border: 1px solid red;
   color: red;
   margin-left: 10rpx;
}


.similarity{
  position: absolute;
  top: 1rpx;
  right: 0;
  color: #888888;
  border: 1px solid #efefef;
  width: 100rpx;
}

my.js


```js
// pages/my/my.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    index:1,
    products:[],
    product: {},
    goods_id: ""
  },
  addToCart(){
    let goods_id = this.data.products; 
    let storageCarts = wx.getStorageSync("carts") || []
    var flag=false;
    for (var i = 0; i < storageCarts.length;i++){
      if (storageCarts[i].pid == goods_id.pid){
        flag=true;
        break;
      }
    }
    let index = storageCarts.findIndex((item)=>{
      return item = this.data.products
    })
    console.log(index)
    if (flag ){
      storageCarts[index].num++;
    }else{
      let product = this.data.products;
      product.num = 1;
      product.checked = true;
      storageCarts.push(product)
    }
    wx.setStorageSync("carts", storageCarts)
    wx.switchTab({
      url:"/pages/shopping/shopping"
    })
  //   })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options)
    let goods_id = options.goods_id || "52111606316"
    wx.request({
      url: 'http://134.175.165.10:3001/getdetails?pid=' + goods_id,
      success: (res) => {
        this.setData({
          products: res.data,
          goods_id: goods_id
        })
      },
    })
  },
  tabIndex(e) {

    let index = e.currentTarget.dataset.index

    console.log(index);

    this.setData({
      index
    })



  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

## my.xml

```vue
<view class='Img'>
    <image src='https://img12.360buyimg.com/mobilecms/s372x372_{{products.img}}'></image>
    <view class='col'>￥{{products.jp}}元</view>
    <text>{{products.t}}</text>
</view>
<button type='warn' class='btn' hover-class='btn_active' bindtap="addToCart">加入购物车</button>


<view class="detail_info2">
<view  
class="{{index==1?'active':''}}"
bindtap="tabIndex"
id=""
data-index="1"
>商品详情</view>
<view
class="{{index==2?'active':''}}"
bindtap="tabIndex"
data-index="2"
>产品参数</view>
<view
class="{{index==3?'active':''}}"
bindtap="tabIndex"
data-index="3"
>售后服务</view>
</view>
<view  class="detail_info_container">
  <view class="{{index==1?'active':''}}" >商品详情内容</view>
  <view class="{{index==2?'active':''}}">产品参数内容</view>
  <view class="{{index==3?'active':''}}">售后服务内容</view>
</view>

## my.wxss

```css
/* pages/my/my.wxss */

.Img{
  width: 100%;
  height: 900rpx;
  background-color: #efefef;
}
.Img image{
  width: 100%;
  height: 600rpx;
}
.col{
  color: #f23030;
  font-size: 30px;
  margin: 20rpx 10rpx;
}
.btn_active{
   background: rgba(255,0,0,0.6)
}
.detail_info2{
  display: flex;
  justify-content: space-between;
  border-bottom:1rpx solid #eee;
  background: #fff;
  height: 60rpx;
  line-height: 60rpx;
}

.detail_info2 view{
  flex:1;
  text-align: center;
  font-size:30rpx;
 height: 100%;
}

.detail_info2 .active{
  border-bottom:4rpx solid red;
}
.detail_info_container{
  background: #fff;
}

.detail_info_container view{
  display: none;
}
.detail_info_container .active{
  display: block;
  padding: 20rpx;
  font-size:30rpx;
}
## shopping.js

```js
// pages/shopping/shopping.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    length: 0,
    storageCarts: [],
    isAllChecked: true,
    totalPrice: 0
  },
  singleHandelCheck(e) {
    //获取索引
    //获取点击的产品的index
    let index = e.currentTarget.dataset.index
    let storageCarts = this.data.storageCarts
    //选中切换
    storageCarts[index].checked = !storageCarts[index].checked
    //更新缓存
    this.setStorage()
    //是否改变了全选
    this.isAllChecked()
    //计算总价
    this.computedTotal()
  },
  isAllChecked() {
    //循环迭代购物车列表 缓冲中 item checked
    // 如果checked 属性都为true
    // isAllChecked true
    let storageCarts = this.data.storageCarts
    let allChecked = storageCarts.every((item) => {

      return item.checked
    })
    //更新数据
    this.setData({
      isAllChecked: allChecked
    })
  },
  handelAllCheck() {
    let checked = !this.data.isAllChecked
    let storageCarts = this.data.storageCarts
    //循环迭代
    storageCarts.forEach((item) => {
      item.checked = checked
    })
    this.setData({
      isAllChecked: checked,
      storageCarts
    })
    //更新缓存
    this.setStorage()
    //计算总价
    this.computedTotal()
  },
  computedTotal() {
    //计算总价
    let storageCarts = this.data.storageCarts
    //默认值  
    let totalPrice = 0
    storageCarts.forEach((item) => {
      if (item.checked) {
        totalPrice += (item.num * item.jp)
      }
    })
    this.setData({
      totalPrice
    })
  },
  //减少数量
  handelReduce(e) {
    //获取点击的产品的index
    let index = e.currentTarget.dataset.index
    let storageCarts = this.data.storageCarts
    storageCarts[index].num--
    // wx.getStorageSync("carts")
    //判断  如果为1  不能再减
    if (storageCarts[index].num < 1) {
      storageCarts[index].num = 1
    }
    //设置更新缓存
    this.setData({
      storageCarts
    })
    //更新缓存
    this.setStorage()
    //计算总价
    this.computedTotal()
  },
  handleAdd(e) {
    //获取点击的产品的index
    let index = e.currentTarget.dataset.index
    let storageCarts = this.data.storageCarts
    storageCarts[index].num++
    // wx.getStorageSync("carts")
    //如果num 大于库存数量 提示信息
    //storageCarts 缓存  100个 1个  下架 90000
    if (storageCarts[index].num > storageCarts[index].c3) {
      wx.showModal({
        title: '超出商品库存',
        content: '',
      })
      //将库存直接最值给num
      storageCarts[index].num = storageCarts[index].c3
    }
    //设置更新缓存
    this.setData({
      storageCarts
    })
    //更新缓存
    this.setStorage()
    //计算总价
    this.computedTotal()
  },
  handelDele(e) {
    let index = e.currentTarget.dataset.index
    let storageCarts = this.data.storageCarts
    storageCarts.splice(index, 1)
    //如果没有改商品的信息
    //缺一个判断 
    //实时更新数据
    this.setData({
      storageCarts,
      length: storageCarts.length
    })
    //更新缓存
    this.setStorage()
    //计算总价
    this.computedTotal()
  },
  setStorage() {
    wx.setStorageSync("carts", this.data.storageCarts)
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //计算总价
    this.computedTotal()
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    //读取缓存
    let storageCarts = wx.getStorageSync("carts")
    //获取缓存的长度
    let length = storageCarts.length
    //如果长度为0
    let allchecked = storageCarts.every((item) => {

      return item.checked

    })
    //    //判断一下 是否全部选中
    //缓存中数量为0  或者  没有全部选中的时候
    if (length == 0 || allchecked == false) {

      this.setData({
        isAllChecked: false

      })
    }
    this.setData({
      storageCarts,
      length

    })

    //计算总价
    this.computedTotal()


  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

## shopping.wxss

/* pages/shopping/shopping.wxss */
.content{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 220rpx;
   border: 1px solid #efefef;
}
.cbox{
   position: absolute;
   top: 100rpx;
   left: 50rpx;
}
.content image{
   position: absolute;
   top: 5rpx;
   left: 120rpx;
  width: 200rpx;
  height: 200rpx;
}
.content_title{
   position: absolute;
   top: 15rpx;
   left: 340rpx;
  width: 300rpx;
  height: 90rpx;
 font-size: 16px;
 text-overflow:ellipsis;
 overflow: hidden;
 /* white-space: nowrap; */
}
.price{
   position: absolute;
   top: 15rpx;
   left: 650rpx;
}
.operation{
   position: absolute;
   top: 150rpx;
   left: 240rpx;
}
.minus{
   margin: 0 100rpx;
}
.add{
  margin: 0 100rpx;
}
.red{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 160rpx;
  line-height: 160rpx;
  background-color: #f23030;
  color: white;
}
.cbox2{
  /* background-color: white; */
   position: absolute;
  left: 15rpx;
  top: 0rpx;
  z-index: 3;
}
.left_text{
  position: absolute;
  left: 80rpx;
  top: 10rpx;
  z-index: 3;
}
.red_text{
   position: absolute;
  right: 10rpx;
  top: 10rpx;
}




.cart_container{
  padding-bottom: 120rpx;
}
.cart_message{
   width:70%;
   height: 80rpx;
   line-height: 80rpx;
  text-align: center;
  background:#eee;
 
  margin:30px auto;
  border-radius: 40rpx;
}
.cart_item{
  display: flex;
  align-items: center;
  padding: 20rpx;
  border-bottom: 1rpx solid #eee;
}

.cart_item image{
  width: 150rpx;
  height: 150rpx;
  margin: 0 15rpx;
}

.cart_pro_name{
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;  /*多行*/
    -webkit-box-orient: vertical;
    word-break: break-word;
    font-size: 30rpx;
}

.cart_info{
  width:500rpx;
  height: 150rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cart_info_hd,.cart_info_bd{
  display: flex;
  justify-content: space-between;
}




.cart_bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90rpx;
  background: red;
  color: white;
}
.cart_bottom label{
  margin-left: 15rpx;
}
.cart_bottom view{
  margin-right: 15rpx;
}

## 效果展示图
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200329230728653.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNTI5OTY1,size_16,color_FFFFFF,t_70)

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
rolity_111
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序-电商-完整源码
07-13
微信小程序之电商小程序，完整源码，包含微信支付，支付宝支付
微信电商小程序
程序源代码
05-23 1622
“关键字：小程序开发 电商实例开发 应用实践”正文：电商小程序小象电商是采用JAVA开发的B2B2C多用户商城系统。以“平台自营+多商户入驻”为主要经营模式，可快速帮客户打造自营+招...
微信小程序，电商又一春！
vqudominiapp的博客
05-24 658
不管愿不愿意，小程序已经成为另一种连接方式，它足够快捷，一个点击就可能整合多个营销环节，并且在设计之初就被赋予了商业的愿望。微趋道，就是小程序资本加速入局，小程序暗流涌动据不完全统计，2017 年小程序行业融资金额为 7 亿元。如果说去年资本尚处观望阶段，那么进入 2018 年，所有投资开始大步快跑进入小程序。短短 4 个月，差不多已有 70 亿元资金涌入。朱啸虎更是直言：未来一年，小程序将至少迎...
电商与微信小程序的完美结合
Evan_love的博客
10-26 5541
微信小程序从2017年上线起，经历过高峰，也走过低谷，从开始的话题热门，到中间经历了几乎无人问津，再到如今炙手可热。伴随着小程序团队的持续发力，功能可谓说是一周一更或者几更，并且伴随着月活9.3亿量的微信对其愈加重视，不断地为小程序提供入口，注定会让小程序走在风口上。 恰逢天猫双十一临近，看到最近腾讯几大营销号最近都在推广电商微信小程序，基于腾讯一直以来都有进驻电商行业的野心，却
电商微信小程序源码+后台
01-15
电商微信小程序源码+后台分享，亲测可用，有需要的朋友拿去！！！ 电商微信小程序源码+后台分享，亲测可用，有需要的朋友拿去！！！ 电商微信小程序源码+后台分享，亲测可用，有需要的朋友拿去！！！ 电商微信小程序...
微信电商源码小程序.rar
04-13
微信小程序电商源码：外卖小程序，电商小程序，门店类小程序，展示类小程序，批发商城小程序、分销小程序 微信小程序电商源码：外卖小程序，电商小程序，门店类小程序，展示类小程序，批发商城小程序、分销小程序 ...
家居电商微信小程序源码
10-20
微信小程序源码，前端源码，简单展示源码，原生小程序源码 非uniapp，仅供参考，如有涉及版权问题请联系作者。微信小程序源码，前端源码，简单展示源码，原生小程序源码 非uniapp，仅供参考，如有涉及版权问题请联系...
微信电商微信小程序源码.zip
07-13
微信电商微信小程序源码
基于微信小程序的图书电商微信小程序设计与实现毕业设计（含论文）
02-08
最后对图书电商微信小程序进行了功能测试，并对测试结果进行了分析总结，得出图书电商微信小程序存在的不足及需要改进的地方，为以后的图书电商微信小程序维护提供了方便，同时也为今后开发类似小程序提供了借鉴和...
基于TC72（SPI接口）温度传感器、STM32F103C8T6、LCD1602、FREERTOS的温度采集proteus仿真
05-21
spi
ehcache-core-2.6.9.jar
05-21
javaee/javaweb常用jar包，亲测可用，导入到java工程中即可使用
netty-transport-native-unix-common-4.1.51.Final.jar
05-21
javaEE javaweb常用jar包 ， 亲测可用，下载后导入到java工程中使用。
node-v6.14.4-headers.tar.xz
05-21
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v10.8.0-headers.tar.xz
最新发布
05-21
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
skywalking-plugins.jar skywalking-alarm.jar
05-21
# 分布式链路追踪_skywalking_学习（3） skywalking_plugins.jar skywalking-alarm.jar
用于将现有 digilite .pos 文件转换为 Deeplabcut 可以读取的 .csv 文件matlab代码.zip
05-21
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
【光伏预测】基于BP神经网络实现光伏发电功率预测附Matlab代码.zip
05-21
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
js电商微信小程序模板
09-25
JS电商微信小程序模板是一种基于JavaScript语言开发的微信小程序模板，旨在为电商行业提供方便快捷的搭建微信小程序的工具。 该模板具有以下特点： 1. 界面设计美观：JS电商微信小程序模板提供了多种精美的界面设计，包括商品展示页面、购物车页面、订单页面等，可以让开发者快速构建出一个具有吸引力的电商小程序。 2. 功能丰富：该模板集成了各种常用的电商功能，包括商品搜索、商品分类、商品详情、多级导航、购物车管理、订单管理等，满足了电商小程序的基本需求，减少了开发者的开发工作量。 3. 易于定制：JS电商微信小程序模板提供了灵活的定制功能，可以根据具体的业务需求进行个性化的调整和修改，包括界面样式、功能配置等，开发者可以根据自己的需要进行定制，满足不同电商企业的需求。 4. 易于使用：该模板提供了详细的开发文档和示例代码，使得开发者可以迅速上手，快速完成开发工作。同时，模板使用了简洁明了的代码结构和规范的开发规范，方便开发者进行二次开发和维护工作。 总之，JS电商微信小程序模板为电商行业提供了快速、高效、灵活的微信小程序开发工具，帮助开发者节省了开发时间和成本，助力电商企业快速搭建自己的微信小程序，提升用户体验和销售效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值