您的位置:首页 > 移动开发 > 微信开发

微信小程序怎么连接数据库?

2018-05-21 10:25 190 查看
版权声明:鹏盛数据-李远(http://blog.46489.com) https://blog.csdn.net/weixin_41881288/article/details/80388712 一、购买与下载SSL证书
1、爱名网www.22.cn购买1元SSL证书。
2、爱名网后台:证书的域名验证最好使用DNS解析认证,更容易操作,然后下载证书,上传到服务器。
二、SSL证书安装以win2008server r2+iis6.1为例
1、打开iis服务器-“你的服务器实例”-iis下有“服务器证书”,然后双击打开。
2、点右侧“导入”:文件地址在下载证书的iis目录,密码也在iis目录下的记事本中,然后点确定。
3、打开网站-“你的网站实例”-“绑定”-类型https,选择你导入的SSL证书名称。
三、http重定向到https(新站直接重定向,旧站应到百度站长平台提交重定向的情况)
在根目录的web.config中的<rules>...</rules>中插入
    <rule name="HTTP to HTTPS redirect" stopProcessing="true">
     <match url="(.*)" />
     <conditions>
      <add input="{HTTPS}" pattern="off" ignoreCase="true" />
     </conditions>
     <action type="Redirect" redirectType="Found" url="https://{HTTP_HOST}/{R:1}" />
    </rule>
四:为微信小程序准备json数据(asp为例)
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<% Response.ContentType = "application/json; charset=utf-8" %>
<!--#include virtual="/inc/JSON_2.0.4.asp"-->
<!--可在百度搜索并下载这个文件-->
<!--#include virtual="/inc/conn.asp"-->
<!--你的数据库连接文路径件-->
<%
Function QueryToJSON(dbc, sql) '此函数来自JSON官
Dim rs, jsa
Set rs = dbc.Execute(sql)
Set jsa = jsArray()
While Not (rs.EOF Or rs.BOF)
Set jsa(Null) = jsObject()
For Each col In rs.Fields
jsa(Null)(col.Name) = col.Value
Next
rs.MoveNext
Wend
Set QueryToJSON = jsa
End Function
SQLstr = "select  id,title,pricepic from l_art where id="&request.QueryString("aid")
Response.Write QueryToJSON(Conn, SQLstr).Flush

%>

 json数据样式例子:

https://www.zz164.cn/2018/price.asp?aid=1246

五、微信操作
1、登录微信小程序管理后台-设置-开发设置-服务器域名-修改:然后添加你的request合法域名。
2、打开“微信web开发者工具”-顶部最右侧“详情”-域名信息:看是否有你添加的request合法域名。
3、js文件代码实例
Page({
  data: {
  },
 //事件处理函数
  onLoad: function (options) {
    console.log(options)
    this.setData({
      zzid: options.zzid
    })
    var that = this
    wx.request({
      url: 'https://www.zz164.cn/2018/price.asp?aid=' + options.zzid, //真实的接口地址
      data: {
      },
      header: {
        'content-type': 'application/json'
      },
      success: function (res) {
        console.log(res.data)
        that.setData({
          Industry: res.data //设置数据
        })
      },
      fail: function (err) {
        console.log(err)
      }
    })
  }

})


4、实例wxml代码
<view    class="container">
  <block   wx:for-items="{{Industry}}">
    <view wx:if="{{item.id==zzid}}" >
      <view  class="item-view">
        <view class="title0">{{item.title}}</view>
        <image   mode="widthFix"  src="https://www.zz164.cn{{item.pricepic}}" />
      </view>
    </view>
  </block>

</view>

此微信小程序:


阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: