前端知识
我喜欢山,也喜欢海
这个作者很懒,什么都没留下…
展开
-
【基础】layui form 的 verify 能做哪些功能
我们看一下官方的文档可以知道 它可以识别 title、required(必填属性)、手机、邮箱、数字、日期、链接、身份证、密码<form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">单行输入框&l...原创 2020-03-02 11:12:34 · 1055 阅读 · 0 评论 -
【基础】【前端】 HTML Select 框怎么做预选值
如果是普通的 option 的值, 是这样做 的<div class="layui-inline" style="width:260px"> <label for="" class="layui-form-label" style="display:">机器种类:</label> <div class="layui-input-block" s...原创 2020-02-26 09:47:33 · 957 阅读 · 0 评论 -
【问题解决】layui切换tab的时候下拉框不显示
切换tab的时候,form表格需要重新渲染,因此在script最后加上 layui.use('form', function(){ var form = layui.form; form.render(); })原创 2019-12-09 11:56:17 · 675 阅读 · 0 评论 -
如何让iframe铺满整个屏幕 , iframe 高度自适应
试了一圈方法都不好使,结果最后用的就是它本身的 width 和 height 属性啊1、定义一个父div 铺满屏幕2、定义 iframe 的 width 和height 为 100%代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-11-22 09:26:44 · 23115 阅读 · 2 评论 -
【基础练习】做个Servlet+JDBC+layui 的网上商城
这个网上购物商城系统的教程适用于 基础入门的同学,其中前端采用了一些layui的框架的知识,数据库用的也是原生的JDBC做连接。往后学习,大家会碰到很多的框架,例如JDBC的配置类不需要自己写,用mybatis就可以做连接和增删改查,例如servlet也会被spring boot的注解所代替,但是归根结底,它们都是要基于这类知识的。我会把我 拓展了的地方写在文章一开始的地方。1、在前端...原创 2019-08-15 10:36:48 · 2810 阅读 · 5 评论 -
前端删除表格某一行信息怎么实现
使用layui的方法1、监听行事件信息,使用的是lay-filter,table.on('tool(test)', function(obj){}2、删除按钮后面定义的lay-event是delete,通过lay-filter捕捉按钮事件,然后上面的 代码可以捕捉到行信息,里面的内容是var data = obj.data; //获得当前行数据 aler...原创 2019-07-18 14:31:57 · 2990 阅读 · 0 评论 -
使用layui监听select中的值,做相应的事件改变
要通过lay-filter来做事件的监听前端的代码如下: <div class="layui-inline"> <label class="layui-form-label">使用期限</label> <div class="layui-input-inl...原创 2019-07-03 16:50:47 · 5152 阅读 · 0 评论 -
使用layui做基础的VCD管理系统+JSON数据的封装
在数据库中,确定数据库的字段为vcdID,vcdName,vcdTotal(vcd藏量),vcdLendOut(借出的vcd数量),InputDate(置入日期)使用mybatis的逆向工程文件生成vcd的实体和mapper当然数据库查询的语句和方法也有其他的,这篇文章的主要侧重在layui的学习和应用。主要的页面主要分为两个,一个是用作展示数据表格的首页,另外一个是用来添...原创 2019-06-28 09:57:50 · 498 阅读 · 0 评论 -
layui.js 引用不成功
使用layui的组件,但是过程中发现,格式可以正确显示,但是涉及到内置模块的问题上的时候,不管是form 还是layer都没有办法正确显示,显示的情况如图所示:在那里的hello在代码里头是 layer.msg("hello"),很明显它弹出来了,但是不应该这个样子的。解决方法:下载官方的layer的文件。替换引用的js和css的路径。我原本是引用的js和css里头的l...原创 2019-06-25 09:57:06 · 8128 阅读 · 0 评论 -
JS无法跳到success:function(data)
检查前端是否打了断点然后把debug页面隐藏了,如果打了断点就把前端断点去掉,同时ctrl+f5刷新。值得一提的是:1、function(data) ,里头的data是指代后端返回的值,它可以是任何一个名称,然后我在前面的传值也是用的data $.post({ url:"/user/registerStatus",...原创 2019-09-20 13:54:04 · 4715 阅读 · 0 评论 -
Bootstrap table 计算总价的做法
总价 = 数量*单价 ,结算总价等于全部的总价加起来,这是我原本的思路,并且Bootstrap table 也提供了这样的做法,用的是 formatter 和 footformatter ,但是真正实践的时候就会出问题了。首先看行总价我是怎么做的。columns: [ {field: 'id', title: '订单号', sortable: tr...原创 2019-08-30 10:49:19 · 1259 阅读 · 0 评论 -
【基础练习】Bootstrap+Mybatis创建一个网上购物商城的Maven项目
前言:1、基本的功能包括登录、商品展示、商品添加、购物车展示、总价动态展示。2、前端的框架这次采用了Bootstrap,说一下用它的优点是什么 --- Bootstrap table可以自动分页、有搜索的按钮,都是基于前端就能实现的。3、mybatis逆向工程文件生成所需要的dao、mapper和entity。前端实现:1、login.html文件用于做登录功能,这里使用...原创 2019-08-29 16:07:52 · 1022 阅读 · 0 评论 -
计算总价监听layui table的某一列的值,动态改变layui table的值,获取layui table某一列全部的值
layui table的创建方式中有一种是通过js来渲染的,也是我们最熟悉的一种方式,那如果我们某一个列当中的数据不想通过后台数据传到所得,而是通过前端某个东西变化所得(例如说计算总价),应该怎么做呢?layui table 允许我们使用自定义的模板来显示表格。 var tableIns = table.render({ ...原创 2019-08-15 11:34:27 · 10113 阅读 · 1 评论