使用layui来写前端一般效果功能让工作减轻了不少，但是在实际的开发中还是遇到了一些个问题，今天就遇到一个问题，本博客文只是用来记录和简单分析下这个问题我在同时使用模板引擎和其他模块遇到了其他模块失效的问题因为使用模板引擎以后如果将绑定元素的ID放在模板引擎中进行绑定会出现绑定不上的情况，所以我们在需要操作的dom上绑定的ID，这个dom最好写在html中而不是模板引擎中，例如我的代码<div class="layui-warp"> <div cl...
layui第三方扩展插件，现在也有一些比较好用的插件了，但是大家可能还没能了解怎么使用第三方扩展插件，今天这里给大家讲下如何使用第三方插件官方这里有说明https://www.layui.com/doc/base/modules.html，但是我们看的还是有点晕，需要一个实例来清醒下头脑layui.config({ base: '/static/js/'});layui.use(['form', 'multiSelect',&nb...
由于前端页面的需求不一样，有些页面使用的layui的数据表格监听传递数据，有些则是使用分页模块自行编写的ajax提交方式，前者通过重载表格种的where条件添加参数来提交到后端进行数据的重新渲染，后者根据ajax写的方式有两种接收方法，真是实践了一下，写法稍有不通，后面传递的参数名也是不一样的1.数据表格的重载方式，我的代码如下，主要是接收id复选框的值htmL代码：<div class="layui-inline" style="width: 300px;">&nbs...
layui的模板引擎可以将数据和模板进行分离，这样我们可以把逻辑放在view层，不用在js中写一大堆模板标签代码，模板引擎的默认分隔符是{{}}，正好和我的flask模板分隔符冲突了，以下是我的代码{% include 'public/header.html' %}<div id="view"></div><script id="sur_detail" type="text/html"...
layui表格使用后，那么同时也需要按时间内容等搜索功能，这里就一个实例来看看layui如何根据搜索条件来重载数据表格的。<div class="layui-warp"> <div class="py_table layui-form"> <div class="layui-inline&q...
使用layui写前端也有一段时间了，但是还是有好多模块没有使用过，然后这几天试了下layui的laypage模块，然后遇到问题，顺便记录下来使用方法和解决办法当我们看官方文档还是有点不明白的一个地方，就是layui的laypage模块如何配合接口的数据来渲染数据到页面？这里给大家上一个实例<script>layui.use(['element', 'laypage', 'laydate', 'layer', 'jquery...
layui的上传默认是没有添加上传的监听，我们需要在layui的upload.js模块中先添加上传监听事件的句柄找到static\layui\lay\modules下的upload.js文件，为了方便添加代码，我将里面压缩的样式格式化了下，然后添加以下代码xhr:function () { var newXhr = i.ajaxSettings.xhr(); // 给xhr的upload添加pro...
整体基本和Flask一样，笔记地址：https://sulao.cn/post/625.html，语言都是相通的，不多介绍，直接看代码吧，layui都封装好了用法，直接用即可Thinkphp控制器代码<?phpnamespace app\index\controller;class Index extends Base{ //首页 public function index(){...
之前用thinkphp+layui写过，随后会补上php版的下拉加载，当然使用的是layui模块化js框架，无需自己编写，只需要按照layui接口的格式返回数据即可，我们看代码吧Flask接口#!/usr/bin/python3#coding:utf-8__author__ = 'yang.su''''手机版'''from flask import Flask,Blueprint,request,jsonify,rende...
刚才有发一个flask+layui上传的方法，现在发布一个tp5.0+layui的上传方法，注意了tp5.0和tp5.1还是有些微差别，这是tp5.0的控制器代码：<?phpnamespace app\admin\controller;class Attchment extends Base{public function upload(){ $file = request()->file(&#...