再添加一个View，代码如下：
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>首页</title>
</head>
<body>
<div>
</div>
</body>
</html>
接下来，我们先把官方的demo的一些我们会用到的东西拷贝过来，其中包括以下几个文件夹,如下图：
就这个lib和business两个，把这两个文件夹，支付复制到咱们的新项目中，并且包含在项目中，如下：
然后我们再“重新生成”以下项目，或者快捷键：ctrl+shift+b，这时候，会提下如下错误：
这时候，我们去添加引用，把lib文件夹中的LitJson.dll 添加上即可，如下图：
到这里，我们就基本把官方的demo的环境给搭建好了，接下来，我们就要开始编写代码了。
首先，我的逻辑是，从前到后，就是从前端到后端。前端是显示二维码的地方，那么我们就先给他一个div（本文使用到的是jquery的二维码生成插件，全名叫：jquery.qrcode.min.js，我会传到附件上），然后在页面加载完毕的时候，会请求后台，让他返回二维码字符串，然后再通过jquery的二维码生成插件，让他生成二维码并显示在前台，代码如下：
前端：
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>首页</title>
<link href="~/Scripts/jquery-easyui-1.4.5/themes/bootstrap/easyui.css" rel="stylesheet" />
<link href="~/Scripts/jquery-easyui-1.4.5/themes/mobile.css" rel="stylesheet" />
<link href="~/Scripts/jquery-easyui-1.4.5/themes/icon.css" rel="stylesheet" />
</head>
<body>
<p>
模式一：生成扫描支付模式
<br />
<div id="QRCode1">
</div>
</p>
<p>
模式二：生成直接支付url，支付url有效期为2小时
<br />
<div id="QRCode2">
</div>
</p>
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/jquery-easyui-1.4.5/jquery.easyui.min.js"></script>
<script src="~/Scripts/jquery-easyui-1.4.5/jquery.easyui.mobile.js"></script>
<script src="~/Scripts/jquery-easyui-1.4.5/easyloader.js"></script>
<script src="~/Scripts/jquery.qrcode.min.js"></script>
<script type="text/javascript">
$(function () {
fGetQRCode1();
})
function fGetQRCode1() {
$.messager.progress({
title: "",
msg: "正在生成二维码:模式一,请稍后..."
});
$.ajax({
type: "post",
url: "/Home/GetQRCode1",
data: {
time: new Date(),
productId:7788
},
success: function (json) {
$.messager.progress('close');//记得关闭
if (json.result) {
$('#QRCode1').qrcode(json.str); //生成二维码
}
else {
$('#QRCode1').html("二维码生成失败");
}
}
})
}
</script>
</body>
</html>
