网页支付宝模拟支付

总所周知,对于电商项目而言,支付这个环节是必不可少的,因此,来折腾一下支付宝模拟支付

 

1、注册支付宝开发用户

 

首先,登录首页https://www.alipay.com/,选择开发者登录,实名验证什么的就不多解释了

 

2、进入沙箱环境

 

进入开发者页面后,别急着创建我的应用,因为直接创建应用的话,是需要营业执照的,因此,我们一般会在项目上线之前,先模拟支付一下,因此,选择下面的研发服务

ps(沙箱环境貌似周末会维护,因此请大家模拟的时候避开周末)

 

3、设置密钥

 

进入到沙箱环境后,在沙箱应用中,会看到自己的appid和支付宝网关,这两个要用到的,然后在下面,有一个RSA2的密钥,这个一开始是空的,需要自己设置,因此,来设置一下密钥

首先,点击查看接入文档,进入到文档页面,然后也懒得下载了,直接用web在线加密,简单方便

给个网址吧:https://miniu.alipay.com/keytool/create

进入到生成密钥界面后,首先,密钥长度,别人都不推荐使用RSA了,因此直接用RSA2,然后我们后台用java开发,所以选择PKCS8,当然,如果大家使用的不是java,那就是用非java版本的密钥格式

选择好后,点击生成密钥,会自动生成一个应用私钥,和应用公钥

注意,这两个都是需要的,别急着关闭

首先,复制应用私钥,自己新建一个记事本存起来,然后,将公钥复制,粘贴到我们之前说的设置密钥的地方

点击保存后,会自动生成一个支付宝公钥

到此,密钥生成完成

 

4、下载demo,开始配置

支付宝为我们提供了一个完整的demo的,可以先下载下来,测试一下,网址:https://opendocs.alipay.com/open/270/106291/

下载好java版本的demo后,导入到ecliipse(或者idea)里面

我们发A线,除了一个config外,都是jsp页面,因此,先看看config配置文件,我们可以看到,里面的内容还是比较多的,但是阿里的程序员,非常“贴心”的为我们列出了我们要改的地方:

ps(很明显,最后那个log_path的注释错了,应该是日志文件的路径,举报扣工资,233333333333333333333333)

那么,现在就很明显了,吧我们对应的值,复制进去即可

需要注意的地方,都用红色的框框起来了,注意端口号,注意更改即可

5、运行,模拟支付

配置完毕之后,就可以运行网页了

后面就没什么说的了,点击付款,然后在登录支付宝的地方,输入你沙箱环境里面的买家账号信息

(ps:没钱记得充钱哈)

然后就OK啦

  • 1
    点赞
  • 5
    收藏
  • 打赏
    打赏
  • 0
    评论
<h1> 技术选型 </h1> <h3> 1,前端 </h3> <p> 微信小程序原生框架 </p> <p> css </p> <p> JavaScript </p> <h3> 2,管理后台 </h3> <p> 云开发Cms内容管理系统 </p> <p> web网页 </p> <h3> 3,数据后台 </h3> <p> 小程序云开发 </p> <p> 云函数 </p> <p> 云数据库 </p> <p> 云存储 </p> <p>   </p> <h1> 1,小程序端 </h1> <p> 1-1,首页 </p> <p> 首页有以下几个功能点 </p> <ol> <li> 点餐 </li> <li> 菜单浏览 </li> <li> 排号等位 </li> <li> 拨打电话 </li> <li> 顶部轮播图 </li> <li> 搜索菜品 </li> </ol> <p> <img src="https://img-blog.csdnimg.cn/20210215134004183.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 这里点餐分两种 </p> <p> 1,可以设置直接点餐 </p> <p> 直接点餐:适合小型饭店,或者奶茶类的快餐店。直接就可以下单,不用识别桌号 </p> <p> 2,也可设置扫码点餐 </p> <p> 扫码点餐适合中大型饭店,可以区分桌号,方便管理 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215134222996.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 我后面会教大家如何生成桌号二维码,只需要把对应桌号的二维码贴在餐桌上,用户点击 扫码点餐 识别二维码,即可获取到桌号信息。 </p> <p> 1-2,菜品浏览页 </p> <p> 菜品浏览分两种 </p> <p> 1,不带分类 </p> <p> 适合菜品少的时候 </p> <p> 2,带分类 </p> <p> 菜品多的时候,带分类更方便客户选择 </p> <p> 不带分类 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215141637393.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 带分类 </p> <p>   </p> <p> <img src="https://img-blog.csdnimg.cn/20210215141502455.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 1-3,搜索功能 </p> <p> 我们这里搜索有两个触发方式 </p> <p> 1,直接点击搜索图标 </p> <p> 2,点击键盘上的搜索键 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215141852542.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 1-4,搜索结果,支持模糊查询 </p> <p> 如我这里只搜‘鱼’,那么菜品中所有包含鱼的都可以搜索到 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215142041898.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 1-5,购物车 </p> <p> 首先菜品列表页可以直接添加商品到购物车 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215142147749.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 购物车弹起后可以做如下操作 </p> <p> 1,增删单个菜品 </p> <p> 2,清空购物车 </p> <p> 3,删除菜品 </p> <p> 这些操作都和菜品列表是联动的,也就是菜品列表和购物车里增删个数,都是可以同步的。我会在项目预览章节的视频里做具体演示。 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215142211467.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 1-6,下单页 </p> <p> 下单页就是确认订单后进行下单支付的。有以下功能 </p> <ul> <li> 1,点餐明细 </li> <li> 2,价格计算 </li> <li> 3,桌号地址 </li> <li> 4,就餐人数 </li> <li> 5,添加备注 </li> <li> 6,点击下单 </li> </ul> <p> <img src="https://img-blog.csdnimg.cn/20210215142604579.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 1-7,支付页 </p> <p> 支付页分两种方式 </p> <ul> <li> 1,模拟支付 </li> </ul> <p> 适合前期学习,毕业设计等演示类的场景。 </p> <ul> <li> 2,真实微信支付 </li> </ul> <p> 适合商用,但是使用微信支付必须要有营业执照,所以前期如果只是学习的话,建议使用模拟支付。 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215142932366.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 1-8,我的订单页 </p> <p> 我的订单页分以下几个状态 </p> <ul> <li> 1,新下单待上餐 </li> <li> 2,已上餐待评价 </li> <li> 3,订单完成 </li> <li> 4,订单取消 </li> </ul> <p> <img src="https://img-blog.csdnimg.cn/20210215143331534.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 1-9,提交评论页 </p> <p> 我们可以对店家进行评论。 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215143806687.png" /> </p> <p>   </p> <p> 1-10,评价列表页 </p> <p> 可以查看所有评价和自己的评价 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215143905617.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 1-11,排号等位 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215144255324.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 可以看出,我们可以选择就餐人数,排大桌或者小桌。我这里已排小桌为例 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215144359822.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 通过上图可以看出 </p> <ul> <li> 1,当前排号情况 </li> <li> 2,我的排号 </li> <li> 3,可以重新排号 </li> <li> 4,到号时会有到号提示 </li> </ul> <p> 后面我会把订阅消息功能加进来,这样到号后会有订阅消息提示。 </p> <p>   </p> <p> 1-12,个人中心 </p> <p> 个人中心分登录和未登录两种状态 </p> <p> 未登录 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215144655159.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 已登录 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215144816439.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 1-13,微信授权登录小程序 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215144754936.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <h1> 2,后厨端和排号管理端 </h1> <p> 2-1,后厨端主要供后厨的厨师使用 </p> <ul> <li> 1,可以查看当前新下单 </li> <li> 2,完成后可以操作菜品完成 </li> <li> 3,可以监听用户新下单 </li> <li> 4,有新订单时会有语音提示 </li> <li> 5,厨师登录页 </li> </ul> <p> 语音提示我会在视频课里具体演示 </p> <p> 厨师登录页 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215145137398.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 厨师管理页 </p> <p> 可以查看待制作订单 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215145217753.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 用户新下单后,会有语音提示 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215145330324.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 2-2,排号管理页 </p> <p> 同样也有登录页,和上面厨师登录一样,这里重点看下排号管理页 </p> <p> 管理员可以查看当前排号情况,可以叫号。 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215145528136.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <h1> 3,cms管理后台 </h1> <p> 我们这里的可视化网页后台使用的时云开发自带的cms(内容管理) </p> <p> 3-1,登录页 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215151020437.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 3-2,管理后台 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215151101851.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 我们可以在这里 </p> <p>   </p> <ul> <li> 1,添加轮播图,删除轮播图,修改轮播图 </li> <li> 2,添加菜品,删除菜品,修改菜品,上架下架菜品 </li> <li> 3,管理订单 </li> <li> 4,查看评价 </li> <li> 5,管理后厨和排号管理员 </li> <li> 6,查看排号数据 </li> </ul> <p>   </p> <p>   </p> <p> <img src="https://img-blog.csdnimg.cn/20210215151322490.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p> 比如我查询某个用户的所有订单 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215151413808.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 查询所有新下单还未上菜的订单 </p> <p> <img src="https://img-blog.csdnimg.cn/20210215151510269.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p> <p> 还有更多的功能,我会在视频课里给大家用视频来演示,这样更直观。 </p> <p>   </p> <p> 4,数据库 </p> <p> 数据库我们这里用云开发自带的云数据库 </p> <p> <img src="https://img-blog.csdnimg.cn/2021021515161616.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70" /> </p> <p>   </p>

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论

打赏作者

源辰_付

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值