2019-12-12 00:10:18 qq_41219586 阅读数 21
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27858 人正在学习 去看看 秦子恒

1.说明:前端使用微信开发者工具,后台用ideal,后台框架为springboot+mybatisplus 本文主要内容是实现从数据库查询数据并运用在页面上的整个流程

后台不会搭建的可以点击下面的链接看下另一篇博客
链接

2.数据库表的数据以及显示效果

在这里插入图片描述
在这里插入图片描述

3.后台关键代码

(1)action层

  /**
     * 查找商品的类别 返回数组类型的数据
     * */
    @RequestMapping("/findclassify")
    public ArrayList findclassify(){
        ArrayList classify =  goodsService.findclassify();
        System.out.println(classify);
        return classify;
    }

(2)service层

 public ArrayList findclassify() {
        return goodsDao.findclassify();
    }

(3)dao层

public ArrayList findclassify();

(4)mapper映射文件

    <select id="findclassify" resultType="java.lang.String">
        select  classify_name from t_classify ;
    </select>

4.前台关键代码

(1)wxml代码
key==index?‘is_checked’:‘classify_normal’–>根据点击与未点击的部分显示不同样式,具体查看下面的博客
链接

  <!-- 左边分类栏 -->
  <view class="left">
   <!-- wx:for遍历js中的classify1数组并显示-->
    <view wx:for="{{classify1}}"  wx:key="key" data-url="{{item.classify_id}}"  >
      <view class="{{key==index?'is_checked':'classify_normal'}}" bindtap="Checked"  data-index='{{index}}'>{{item}} </view>
    </view>
  </view>

(2)wxss代码

/*左边分类模块*/
.left{
  width: 160rpx;
  min-height: 1000rpx;
  background-color: white;
}
/*点击前的样式*/
.classify_normal{
width: 160rpx;
height: 110rpx;
display: flex;
justify-content: center;
align-items: center;
background-color: #E4E4E4;
border-top: solid 1rpx white;
}
/*被点击选中后的样式*/
.is_checked{
width: 158rpx;
height: 110rpx;
display: flex;
justify-content: center;
align-items: center;
background-color:white;
border-bottom: solid 2rpx #E4E4E4;
border-left: solid 4rpx red;
}

(3)js代码

 /**
   * 页面的初始数据
   */
  data: {
    classify1:[
    ],
    key:0
    }
     /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    /**
     * 查询商品有哪些类型
     */
    // findclassify:是action层@RequestMapping内对应的值,
    wx.request({
      url: 'http://localhost:8080/findclassify',
      success:function(e){
      /*把查出来的数据赋值给classify1数组*/
        that.setData({
          classify1: e.data
        }) 
      }
    })

该方法并没有向数据库传参数 ,只是一个简单的查询;
如果是要传参数到后台,那么在wx.request里加上一个data:{}就可以了;代码如下
findgoods:是action层@RequestMapping内对应的值,

   wx.request({
      url: 'http://localhost:8080/findgoods',
      data:{
			classify:classify的值
		}
    })

后台数据接收如下:
在这里插入图片描述

2018-10-10 13:54:15 yijiupingfan0914 阅读数 5051
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27858 人正在学习 去看看 秦子恒

浏览器搜索:https://github.com/youzan/vant-weapp

1.下载Vant Weapp组件,

2.打开微信开发者工具,把vant-weapp/example目录添加进去,

3.把dist目录复制到example目录下,在开发者工具打开example目录就可以预览示例了。

附:Vant Weapp官方文档的地址:https://youzan.github.io/vant-weapp

 

在自己项目中使用Vant Weapp,把dist目录拷贝到自己的项目中。

 

2019-04-19 09:20:00 weixin_33910434 阅读数 85
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27858 人正在学习 去看看 秦子恒

如果直接打开官方的demo,微信开发者工具上是不显示云开发按钮的。

 

是因为默认appid是测试号。要换成一个正式appid就会显示云开发按钮了。

 

 分享一个朋友的人工智能教程。零基础!通俗易懂!风趣幽默!大家可以看看是否对自己有帮助,点击查看教程。

转载于:https://www.cnblogs.com/yxw699/p/10733934.html

2018-10-10 13:44:25 yijiupingfan0914 阅读数 3597
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27858 人正在学习 去看看 秦子恒

浏览器搜索 :https://github.com/Tencent/weui-wxss/

1.下载为小程序设计的weui组件,

2.在开发者工具中打开dist目录,而不是整个目录, 在开发者工具中就可以预览weui组件的示例了。

 

如果想在自己项目中引用weui组件,需要如下步骤:

1. 打开weui-wxss-master目录 --> dist目录 --> style目录 -->找到 weui.wxss文件,(或者是 weui-wxss-master目录--> src目录 -->style目录-->找到weui.wxss文件)

2.把 weui.wxss文件复制到自己的根目录下,

3.在开发者工具中,打开app.wxss文件,引入weui.wxss,(在app.wxss文件头部写上代码 :@import 'weui.wxss';),引入组件就完成了。

在自己的项目中就可以使用weui组件了。

(引用结果,如下图)

附(百度经验) https://jingyan.baidu.com/article/d45ad1485dc09469542b804d.html

2016-11-07 14:52:33 wds1181977 阅读数 2796
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27858 人正在学习 去看看 秦子恒

微信小程序官方示例

下载微信客户端版本号:6.3.27 及以上,只有小程序绑定的开发者有权限扫码体验。下载源码 版本20161010


没有更多推荐了,返回首页