layuimini,layuimini和layui

http://www.itjxue.com  2023-01-17 08:52  来源:未知  点击次数: 

layui回退页面不刷新

使用的layuimini后台模板,第一次点击左侧菜单栏的时候会刷新页面,然后切换别的菜单之后,再次点击原页面,页面不会刷新,例如当我每成功审核一条数据,跳转到审核历史页面,应该能看到刚才审核的那条数据,但是现在却要每次手动刷新之后,才能看到刚才审核的那条数据。=

在这里插入图片描述

解决方案

利用HTML5的storage事件

当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件,就会触发”

所以,localStorage 的例子运行需要如下条件:

同一浏览器打开了两个同源页面

其中一个网页修改了 localStorage

另一网页注册了 storage 事件

jq 框架 easyui miniui layui 哪个比较流行一些 2018

easyui适合做业务管理,miniui可用于迅速开发网页,layui只是一个迅速简易后台管理WEB界面框架。

后台JS数据怎么传入table

table class="layui-table"

caption文章列表/caption

thead

tr

th

input type="checkbox" id="checkAll"

/th

thID/th

th标题/th

th录入者/th

th data-OrderBy="UpdateTime"录入时间/th

th style="text-align:center;"操作/td

/tr

/thead

tbody id="view"/tbody

/table

div id="pagebox"/div

script id="demo" type="text/html"

{{# layui.each(d.articlelist, function(index, item){ }}

tr data-channelid="{{ item.ChannelID }}"

td

input type="checkbox" name="checkchild" class="checkchild" value="{{ item.ID }}"

/td

td{{ item.ID }}/td

td

{{ item.Title }}

/td

td{{ item.Inputer }}/td

td{{ item.UpdateTime }}/td

td class="doAction"

button class="layui-btn layui-btn-mini layui-btn-normal" data-id="edit"i class="layui-icon"?/i 修改/button

/td

/tr

{{# }); }}

{{# if(!d.articlelist || d.articlelist.length == 0){ }}

tr class="noArticle"td colspan="6"{{ d.msg||"没找到相关记录" }}/td/tr

{{# } }}

/script

下面是js代码

function demo(curr){

$.getJSON('data.json', {"page":curr||1},function(data){

//显示分页

laypage({

cont: 'pagebox' //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:div id="page1"/div

,pages: data.pages //通过后台拿到的总页数

,curr: curr || 1 //当前页

,jump: function(obj, first){ //触发分页后的回调

if(!first){ //点击跳页触发函数自身,并传递当前页:obj.curr

demo(obj.curr);

}

}

});

var getTpl = $("#demo").html();

laytpl(getTpl).render(data, function(html){

$("#view").html(html);

});

});

}

layuimini怎么二次开发

layuimini二次开发需要申请工作权限。

第一,你要有这个开源产品的所用语言的语言基础,能看懂代码是最基本的。

第二,你要对这个开源产品的功能和使用要有比较熟悉,因为你熟悉了,你才知道一个需求下来,你要改什么,什么是系统自带的,大概要怎么改。

第三,你要熟悉这个开源产品的数据结构,代码结构,系统的框架结构,核心是哪里,附属功能是在哪里。简单点说,就是数据库,代码逻辑,文件目录的熟悉。

第四,根据你的需求,然后利用开源产品的内核,进行系统的扩展和修改,以达到你的需求。

微信支付lavel是什么?

Laravel 微信开发组件-WeChat 微信支付

一、介绍

本教程是LAMP开发环境下基于larvel5.1LTS版进行的开发实例。

由于现在国内有很多优秀且具备开源精神的php开发者,因此出于节约时间成本和维护成本的考虑,微信开发采用组件化开发,我们没必要重复造轮子。本教程采用 overtrue 团队的 easywechat 组件进行微信的支付功能开发和实现。

由于这个组件功能过多 本篇博客主要介绍“扫码支付”的主要流程和思路。

二、composer安装

默认大家已经在自己的开发环境上已经安装了composer,并会一些简单的操作,安装命令:

composer require "overtrue/laravel-wechat:~3.0"

* 如果你用了 laravel-debugbar,请禁用或者关掉,否则这模块别想正常使用!!! * (但是composer提示是否可以关闭x-debug,会影响安装之类的提示,可以不去管它)

三、在laravel中进行配置

1.注册 ServiceProvider (找到 config/app.php 配置文件中,key为 providers 的数组,在数组中添加服务提供者):

Overtrue\LaravelWechat\ServiceProvider::class,

2.(可选)添加 * 外观 * 在app/config/app.php 的 aliases 数组里,添加 * 别名 * :

'wechat' =Overtrue\LaravelWechat\ServiceProvider::class,

3.创建配置文件(在项目根目录中运行 artisan 命令,发布配置文件到你的项目中):

php artisan vendor:publish

此时在/config目录下会生成配置文件wechat.php,在里面输入你的微信商家信息,这里请注意保护隐私。

四、 微信支付飞起

1.配置微信商家信息,laravel根目录下的.ENV文件支持以下配置:

WECHAT_APPID

WECHAT_SECRET

WECHAT_TOKEN

WECHAT_AES_KEY

WECHAT_LOG_LEVEL

WECHAT_LOG_FILE

WECHAT_OAUTH_SCOPES

WECHAT_OAUTH_CALLBACK

WECHAT_PAYMENT_MERCHANT_ID

WECHAT_PAYMENT_KEY

WECHAT_PAYMENT_CERT_PATH

WECHAT_PAYMENT_KEY_PATH

WECHAT_PAYMENT_DEVICE_INFO

WECHAT_PAYMENT_SUB_APP_ID

WECHAT_PAYMENT_SUB_MERCHANT_ID

WECHAT_ENABLE_MOCK

你可以在/config/wechat.php中进行相关参数配置,也可以写在.ENV文件中,然后,wechat.php具体读取方法:

'notify_url' = env('NOTIFY_URL', ''), // 回调地址

env()默认读取.env文件中常量的值,如果.env中没有定义该常量,则返回env()的第二个参数的值。

2.wechat.php文件中需要注意的地方

(1).'log'数组内是日志配置。

(2).'payment'数组是主要配置的数组,主要配置商户的信息和证书。

3.(重点)创建订单

(1).引入命名空间

use EasyWeChat\Foundation\Application;

use EasyWeChat\Payment\Order;

(2).填写订单信息

$attributes = [

'trade_type' = 'JSAPI', // JSAPI,NATIVE,APP...

'body' = 'iPad mini 16G 白色',

'detail' = 'iPad mini 16G 白色',

'out_trade_no' = '1217752501201407033233368018',

'total_fee' = 5388,

'notify_url' = '', // 支付结果通知网址,如果不设置则会使用配置里的默认地址,我就没有在这里配,因为在.env内已经配置了。

// ...

];

// 创建订单

$order = new Order($attributes);

$result = $payment-prepare($order);

if ($result-return_code == 'SUCCESS' $result-result_code == 'SUCCESS')

{

//生产那个订单后的逻辑

\Log::info('生成订单号..'.$data-order_guid);

//这一块是以ajax形式返回到页面上。

//用户的体验就是点击【确认支付】,验证码以弹层页面出来了(没错,还需要一个好用的弹层js)。

$ajax_data=[

'html' = json_encode(\QrCode::size(250)-generate($result['code_url'])),

'out_trade_no' = $data-order_guid,

'price' = $data-price

];

return $ajax_data;

}else{

return back()-withErrors('生成订单错误!');

}

五、渲染页面

这里创建了订单,需要生成二维码图片,可以参考一下这个二维码图片组件。

Composer 设置

首先,添加 QrCode 包添加到你的 composer.json 文件的 require 里:

composer require "simplesoftwareio/simple-qrcode"

添加 Service Provider

注册 SimpleSoftwareIO\QrCode\QrCodeServiceProvider::class 至 config/app.php 的 providers 数组里.

添加 Aliases

最后,注册 'QrCode' = SimpleSoftwareIO\QrCode\Facades\QrCode::class 至 config/app.php 的 aliases 数组里.

pay.blade.php内容

script type="text/javascript" src="{{ asset('vendor/jquery.js') }}"/script

script type="text/javascript" src="{{ asset('layer/layer.js') }}"/script

input class="wechat_btn" type="button" value="确认支付"/

{!-- 这个页面需要有一些js代码,才能使支付功能更加美观可用无bug,比如ajax轮询,点击支付后的btn失效,放弃支付时关闭弹层等等 --}

js内容

$('.wechat_btn').click(function() {

$('.my_order_guid').val('');

$('#code').val('');

//ajax生成二维码

data={

'_token':$(".token").val(),//令牌

'money':$(".money").val(),//商品价格

}

sendAjax(data, "/order", function (data) {

//发送二维码过来(此处使用优美的layer弹层库)

layer.open({

type: 1,

title:'微信支付',

skin: 'layui-layer-rim', //加上边框

area: ['270px', '340px'], //宽高

content: "p style='color:red;text-align: center;'支付金额:"+data['price']

+"元/p input type='hidden' class='my_order_guid' value='"+data['out_trade_no']

+"'/div id='code' style='text-align: center;'"+JSON.parse(data['html'])+

"/divp style='text-align: center;'请使用微信扫码支付/pscript $('.layui-layer-close').click(function() { layer.msg('您已放弃本次支付');setTimeout('window.location.reload()',3000); });/script"

//这里我把弹层库有关的一点点js写到content里面去了。

});

getInfo();

//这里写一个轮询,可以异步查询订单是否支付完成的信息,从而进行逻辑处理(比如轮询支付状态,成功了跳转页面),仅仅提点一下我的想法,轮询的代码不用找,没有贴。

});

});

六、回调函数

先放上主要代码再说:

public function notifyUrl(Request $request)

{

$app = new Application(config('wechat'));

$response = $app-payment-handleNotify(function($notify, $successful){

if ($successful) {

$order_arr=json_decode($notify,true);

$order_guid=$order_arr['out_trade_no'];//订单号

//回调成功的逻辑

}

});

}

注意

(1).wechat发送回调是通过post方式,在路由处定义了之后,还需要在laravel项目中排除token验证,我建议在中间件中VerifyCsrfToken.php进行排除路由。

protected $except = [

//

'/pay_success_notify',

'/To_rule_out_route'

];

(2). * 重点!重点!重点! * 回调这里的处理可以说是重中之重,这里出岔子,可能会造成 用户支付成功后,微信的 * 回调没有进来 * ,后台回调的逻辑就没有执行,导致用户钱花了,东西没买上(即你的服务器上没有执行给付费用户修改支付状态等数据库操作)。另一种后果,如果没有正确返回微信参数,微信会多次发送回调信息来提醒你支付成功了,导致你的服务器 * 接受回调函数多遍 * 。而此时你也马马虎虎,没有在支付成功的逻辑上对用户的支付状态进行判断,导致逻辑用户充一次钱,在数据库却重复执行了好几次相关数据库操作。前者坑了付费用户,后者坑了你的公司,这里如果不注意的话,后果只会很严重,涉及到钱的地方要倍加小心。

(2).在回调路由指向的方法内,如果你的支付成功的逻辑成功运行了,需要return true;如果没有成功进行数据库操作,需要返回false;或不返回,微信会再一次发送回调信息(post方式)。

七、一些easywechat官方的建议:

这里需要注意的有几个点:

1.handleNotify 只接收一个 callable 参数,通常用一个匿名函数即可。

2.该匿名函数接收两个参数,这两个参数分别为:

$notify 为封装了通知信息的 EasyWeChat\Support\Collection 对象,前面已经讲过这里就不赘述了,你可以以对象或者数组形式来读取通知内容,比如:$notify-totalfee 或者 $notify['totalfee']。

$successful 这个参数其实就是判断 用户是否付款成功了(result_code == ‘SUCCESS’)

3.该函数返回值就是告诉微信 “我是否处理完成”,如果你返回一个 false 或者一个具体的错误消息,那么微信会在稍后再次继续通知你,直到你明确的告诉它:“我已经处理完成了”,在函数里 return true; 代表处理完成。

4.handleNotify 返回值 $response 是一个 Response 对象,如果你要直接输出,使用 $response-send(), 在一些框架里不是输出而是返回:return $response。

5.注意:请把 “支付成功与否” 与 “是否处理完成” 分开,它俩没有必然关系。

比如:微信通知你用户支付完成,但是支付失败了(result_code 为 ‘FAIL’),你应该更新你的订单为支付失败,但是要告诉微信处理完成。

后记

1.在微信开发中,大量用到了laravel自带的Log查错的方法,当var_dump(),echo(),dd()等方法不能查看错误信息是,使用日志查错就可以解决了。怎样使用laravel的log服务,这个以后会讲。

2.本项目开发可以说是组件化开发,有开发速度快,代码质量高,维护成本低等优点,本例的微信开发是一个缩影。

[原文地址]()

(责任编辑:IT教学网)

更多

相关MYSQL文章

推荐MYSQL文章