Django发送数据，小程序生成二维码

首先在pycharm中建一个Django项目，写一个二维码接口：

class createQrcode(APIView):
    def post(self,request,*args,**kwargs):
        # 接收前端传递的信息
        orderNum = request.data["orderNum"]
        # 在数据库查询有关该信息的数据
        # orderDetail = t.goods.objects.get (orderNum=orderNum)
        data = {
            #"orderDetail":orderDetail
                }
        # 返回数据给前端
        return Response(data)

在小程序使用第三方Npm包实现二维码生成：

1.在小程序项目控制台执行

npm init -y

2.执行完第一之后，下载wxbarcode到项目中

npm i wxbarcode -S --production

3.执行完成之后点击顶部导航栏工具-->构建npm

4.在js文件中引入wxbarcode包

import wxbarcode from 'wxbarcode'

5.二维码生成：

js文件：

// 绑定的事件
getQrcode(){
  // 调用后端接口
  wx.request({
    url: 'http://127.0.0.1:8000/createQrcode/',
    // 给后端Django传递数据
    data:{phone:"",orderNum:""},
    // 请求方式
    method:'POST',
    // 成功请求后调用函数
    success:res=>{
      // console.log(typeof(res.data))
      // 将Django传递回来的JSON对象转换为字符串
      var orderNum = JSON.stringify(res.data["orderNum"])
      var phone = JSON.stringify(res.data["phone"])
      var allStr = orderNum + phone
      // 制作而二维码
      wxbarcode.qrcode('qrcode', allStr, 300, 300);
    }
  })
},

wxml文件：

<canvas canvas-id="qrcode" />

---

如果在第一步出现了

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

这个问题，可能是电脑没有安装node.js，或者node.js的环境变量配置出现了问题，首先检查一下node.js环境变量配置有没有问题

如果没有安装node.js，可以去官网进行安装 下载 | Node.js 中文网

下载完按照安装流程进行安装，安装完成之后

在控制台输入

node -v

和

npm -v

如果出现版本号则说明安装成功，安装成功之后重新从第一步开始

---

第一次写博客，写的不好多多包涵