关键词：
话费充值
基于Vue2.0开发的话费充值APP，数据接口主要调用 聚合数据 提供的话费充值API实现。很关键的一点因为我聚合账户没有钱，所以没办法来真正的提交钱来测试，不过丝毫不影响，因为这里我前端已经模拟了下单成功后返回的数据(和真实的API返回数据一样)来开发测试，确保了功能没有问题。
适用于 商城出售手机充值卡，代充话费操作，中间商赚差价
技术选型
- Vue.js
- WebPack
- Node.js
- Npm
- ES5
- MuseUI
- Material-Icons
- …等
功能实现
主要实现以下两点功能：
- 1: 下单充值话费
- 2: 话费充值记录查询
- 3: 其他功能没有难度太懒不想再写…
功能1： 主要是前端提交充值用户的手机号和充值价格到后端，后端生成下单的订单号，签名sign参数，拼接AppKey等参数构成最终的URL，发送curl请求获取数据，然后后端返回给前端已经下单成功的订单id，状态等信息，前端将订单ID本地localStorage存储。然后弹窗提示用户下单成功，可查看充值订单进度状态
这里就不要问为什么后端来做这些事了，其实我也想写成纯前端的应用(不用再去写后端php多好)，但是前端调接口存在跨域呀，再说正常逻辑本就应该放到后端来处理订单相关的操作
功能2： 首先自然是读取存在本地的orderid，然后将orderid发送到后端，后端拼接orderid和AppKey发送curl post请求到第三方接口获取订单具体的状态，然后后端将数据给前端，前端拿到数据中的game_state字段，根据game_state(充值状态:0充值中,1成功,9撤销，刚提交都返回0)字段来v-if展示不同的页面给用户看告知用户订单的状态
前后端代码都是我自己写的，需要后端代码来研究的朋友可以联系我，很乐意开源，更多的软件介绍请看 这里
安装部署
1：下载
git clone https://github.com/helpcode/PhoneRecharge.git
cd PhoneRecharge/
2：解决依赖并运行
//初始化
npm install
//dev 运行网站
npm run dev
//build 构建发布
npm run build
demo
扫一扫即可查看效果，这里不推荐微信打开，别问原因！
网址：http://127.0.0.1/PhoneRecharge/
运行截图
侧边菜单
鸣谢
有需要的朋友可以自行研究，同时再次感谢开源感谢技术分享！
源码地址
点我下载.
小程序端，做类似于支付宝充值话费或流量的样式(代码片段)
1、js的data下，有一组数据：array:[25000,40000,50000,100000,150000,200000,300000,500000,1000000]（假设是从后台传过来的）2、先循环出来，获取index，设置data-id，便于获取当前点击位置<viewclass=‘swiper_con‘> <viewwx:for="array"wx:item=" 查看详情
聚合数据话费充值回调格式
聚合数据-手机话费充值接口文档：https://www.juhe.cn/docs/api/id/85聚合数据话费充值回调格式聚合账号：xxxxx推送地址：http://www.example.com/xxx推送形式：post推送参数内容格式(普通参数键值对，非json)：名称类型说明sporder_idstring聚合订... 查看详情
菜鸟系列fabric源码学习—创建通道(代码片段)
通道创建源码解析1.与通道创建相关配置及操作命令主要是configtx.yaml。通过应用通道的profile生成创建通道的配置文件。TwoOrgsChannel:Consortium:SampleConsortium<<:*ChannelDefaultsApplication:<<:*ApplicationDefaultsOrganizations:-*Org1-*Org 查看详情
10086登录js加解密充值讲解(代码片段)
...录1、10086登录JS加解密2、10086跳转Cookies存活3、如何请求充值话费提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言成品预览一、发送短信JS加密步骤二、编写代码短信... 查看详情
38t交易所可以用比特币充值话费了
市面上已经推出了支持比特币充值话费的应用。谁能想到有一天数字货币也能像法币一样去支付。比特币做到了，其他的币也不远了。并且国内已经有部分电子商城支持特定的数字货币支付。已经推出可支持用户使用比特币... 查看详情
android学习——vap源码(代码片段)
...中台使用的一个视频动画特效SDK，可以通过制作Alpha通道分离的视频素材，再在客户端上通过OpenGLES重新实现Alpha通道和RGB通道的混合，从而实现在端上播放带透明通道的视频。已经接入的app同原理实现也用在其他app抖... 查看详情
go源码阅读——chan.go(代码片段)
...博文目录>>>】【项目地址>>>】chan.go是go语言通道实现，通道结构的定义，接收和发送的操作都此文件中实现。通道的结构hchan是通道表示的基本结构，其内容表示如下：一些特殊情况当dataqsiz=0时&#x... 查看详情
区块链100例编写脚本快速搭建超级账本fabric(代码片段)
目录fabric网络搭建执行顺序1.下载镜像2.可执行文件3.crypto-config.yaml4.生成证书5.configtx.yaml6.创世块和通道文件7.docker-compose-cli.yaml8.链码9.启动容器10.进入cli容器11.创建通道12.peer节点加入通道13.安装链码14.实例化链码代码整合启动... 查看详情
kafka快速入门——rdkafka源码分析(代码片段)
Kafka快速入门（十一）——RdKafka源码分析一、RdKafkaC源码分析1、KafkaOP队列RdKafka将与KafkaBroke的交互、内部实现的操作都封装成Operator结构，然后放入OP处理队列里统一处理。KafkaOP队列是线程间通信的管道。RdKafka队列定义在rdkafka_q... 查看详情
c#复习笔记--c#2：解决c#1的问题（进入快速通道的委托）(代码片段)
委托前言：C#1中就已经有了委托的概念，但是其繁杂的用法并没有引起开发者太多的关注，在C#2中，进行了一些编译器上的优化，可以用匿名方法来创建一个委托。同时，还支持的方法组和委托的转换。顺便的，C#2中增加了委托... 查看详情
2023新年红包，兔年html红包页面代码2023新年快乐_附源码(代码片段)
...兔年HTML红包页面1.1资源获取和效果预览1.源码资源获取：快速通道：点击跳转下载新年红包，兔年HTML红包页面源码2.效果预览：3.如何打开：（电脑端，解压后双击index.html打开！）二.代码讲解（Html文件）1.我们想要构成这么一... 查看详情
golangruntime源码阅读channal实现(代码片段)
概念及使用场景通道(channal)是Golang实现CSP并发模型的关键，分为有缓冲通道和无缓冲通道。有缓冲管道：channal持有一个固定大小的队列，队列满时发送者将阻塞(反之亦然)。多用于数据共享。无缓冲管道：发送和... 查看详情
注册充值后如何设置金笛网关通道
...第一步需要安装web中间件，第二步在网关服务注册激活、充值，然后对网关进行设置就可以实现发短信，以下是对网关的设置。第一步：网关服务注册激活、充值，之前已经介绍过具体步骤，在这里不重复了；第二步：按照下图... 查看详情
注册充值后如何设置金笛网关通道
...第一步需要安装web中间件，第二步在网关服务注册激活、充值，然后对网关进行设置就可以实现发短信，以下是对网关的设置。第一步：网关服务注册激活、充值，之前已经介绍过具体步骤，在这里不重复了；第二步：按照下图... 查看详情
canny，先scharr得梯度再canny，三通道黑色背景展示结果（opencv案例源码edge.cpp）(代码片段)
有所更改，参数不求完备，但求实用。源码参考D:sourceopencv-3.4.9samplescppedge.cpp#include<opencv2opencv.hpp>#include<iostream>usingnamespacecv;usingnamespacestd;intedgeThresh=1;intedgeThreshScharr=1;Matim 查看详情
三网免挂轮询码支付,qq支付宝微信免挂商业版源码
三网免挂轮询码支付,QQ支付宝微信免挂商业版源码支付宝免挂,和QQ钱包免挂，都是扫码登录获取CK有详细教程,CK经过测试能半个月左右不失效，具体看，支付宝或者QQ钱包官方协议怎么变了，微信采用PC挂店员模式，用过... 查看详情
javanio通道和缓冲区(代码片段)
...使我们可以访问诸如内存映射，文件加锁机制以及文件间快速数据传递等特性；*@date:2018年7月5日*@author:zhangfs*/publicclassGetChannelpr 查看详情
json与聚合数据不解之缘<-;(代码片段)
...行卡三元素检测通讯/位置短信API服务移动联通基站充值/礼品卡话费充值 查看详情