文章分类 -  项目的各种技术问题实现

1
LayUI实现批量删除数据行
摘要：在对数据表格操作时，时常会出现一个需求，就是批量的删除数据行，那这个如何实现呢？ 其实思路很简单，就是对数据表格进行监听，然后对选择的数据行的长度锦绣柠判断，若是长度小于等于0的话，就不能实现删除，若是长度大于0的话，就将其存在到一个数组里面，然后在前端把数组转换成字符串，因为前端的ajax技术是不 阅读全文
posted @ 2021-11-11 18:51 心向未来 阅读(230) 评论(0) 推荐(0)
LayUI数据表格实现数据删除的一套流程
摘要：在LayUI的数据表格中有数据行工具栏，里面是有删除功能的，那如何实现呢？ 也是要通过事件的监听的，然后对其进行发送ajax异步请求给后端。 先看前端代码： <script type="text/html" id="hangbar"> <a class="layui-btn layui-btn-xs 阅读全文
posted @ 2021-11-11 11:45 心向未来 阅读(1575) 评论(0) 推荐(0)
LayUI弹出层的数据回显与数据清除功能实现
摘要：在数据表格中行工具栏一般都会有编辑的功能的，那这个点击编辑信息的按钮，需要的效果就是将数据进行回显，然后在回显的基础上在进行修改，最后修改好了，因为都是在form表单中，所以最后from表单提交给后台处理。 那这个数据的回显功能如何实现呢？ 一般情况下都是设置一个功能用于根据id查询数据库中的所有的 阅读全文
posted @ 2021-11-11 09:46 心向未来 阅读(3946) 评论(0) 推荐(0)
LayUI弹出层的学习
摘要：弹出层的学习 -- 以添加学生为例 先看结果的展示图： 那么，这个layui的弹出层的使用，自己之前在小项目中也是用过，所以用起来还是比较顺畅的，那么具体如何使用，具体如下分析： 先展示这两部分代码： <!-- 表头工具栏 --> <script type="text/html" id="headb 阅读全文
posted @ 2021-11-10 23:51 心向未来 阅读(41) 评论(0) 推荐(0)
Layui实现根据条件查询数据表格的结果
摘要：<div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="doSearch">立即搜索</button> <button type="r 阅读全文
posted @ 2021-11-10 23:18 心向未来 阅读(107) 评论(0) 推荐(0)
通过AJAX实现个人图像的上传与回显
摘要：通过AJAX实现个人图像的上传与回显 阅读全文
posted @ 2021-11-10 17:38 心向未来 阅读(10) 评论(0) 推荐(0)
Ajax异步请求数据下拉框
摘要：在做项目的时候，时常需要在后台获取一些数据，但是在若是在不刷新页面的前提下，就需要使用Ajax技术实现异步数据的请求。就比如：现在在页面上有一个下拉框，下拉框中的数据是需要来自数据库的，所以，我总不能每一次请求该页面时，都需要先执行controller中的处理，这样的话，会发现就是死情况、死代码，所 阅读全文
posted @ 2021-11-10 17:36 心向未来 阅读(604) 评论(0) 推荐(0)
LayUI添加表头工具栏和表行工具栏的实现
摘要：在前面实现了layui的数据表格的分页，现在就在原基础上添加数据表头栏与数据行栏实现监听事件。那我该咋做呢？ 首先，先上原基础代码： <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> < 阅读全文
posted @ 2021-11-10 15:45 心向未来 阅读(454) 评论(0) 推荐(0)
AJAX的系统学习
摘要：AJAX的系统学习 阅读全文
posted @ 2021-11-08 23:52 心向未来 阅读(9) 评论(0) 推荐(0)
ECharts的基本使用学习
摘要：ECharts的基本使用学习 阅读全文
posted @ 2021-11-08 23:51 心向未来 阅读(14) 评论(0) 推荐(0)
HighCharts的基本使用学习
摘要：HighCharts的基本使用学习 阅读全文
posted @ 2021-11-08 23:50 心向未来 阅读(10) 评论(0) 推荐(0)
使用POI实现数据的导入导出（Excel）
摘要：使用POI实现数据的导入导出（Excel） 阅读全文
posted @ 2021-11-08 23:49 心向未来 阅读(12) 评论(0) 推荐(0)
使用POI实现数据的导入导出（Word）
摘要：使用POI实现数据的导入导出（Word） 阅读全文
posted @ 2021-11-08 23:49 心向未来 阅读(25) 评论(0) 推荐(0)
数据表格信息的动态查询返回（用LayUI框架）
摘要：数据表格信息的动态查询返回（用LayUI框架） 阅读全文
posted @ 2021-11-08 23:48 心向未来 阅读(13) 评论(0) 推荐(0)
用Iframe标签实现菜单与内容的布局
摘要：用Iframe标签实现菜单与内容的布局 在做项目的时候会考虑一个问题，就是菜单与内容主题的布局划分。一般情况下都是把菜单作为一个单独的部分提取出来，以避免后期对菜单修改的时候，需要对每一个页面都要进行修改（新手很可能会出现，将菜单栏的代码在每一个页面都是会存在的，这样的话，缺点有二：1、代码的冗余很 阅读全文
posted @ 2021-11-08 23:46 心向未来 阅读(165) 评论(0) 推荐(0)
文件的上传与下载涉及个人图像等
摘要：文件的上传与下载涉及个人图像等 阅读全文
posted @ 2021-11-08 23:44 心向未来 阅读(10) 评论(0) 推荐(0)
数据表格信息的动态查询返回（不涉及框架）
摘要：数据表格信息的动态查询返回（不涉及框架） 阅读全文
posted @ 2021-11-08 23:43 心向未来 阅读(10) 评论(0) 推荐(0)
PageHelper分页的学习（使用layui实现分页）
摘要：通过layui实现分页，在做项目的时候，使用layui前端框架的数据表格实现分页，不知道如何实现的话，是会走很多的弯路的，现在我根据自己花了半天研究的时间研究和看各个视频学习，总结一下，具体不描述，只看过程咋实现。 第一、进入layui的页面，拉取数据表格的初始化代码：（这里的数据接口和列表的显示名 阅读全文
posted @ 2021-11-08 23:40 心向未来 阅读(430) 评论(0) 推荐(1)
PageHelper分页的学习（二）
摘要：PageHelper分页的学习（二） 继续上一节的学习，上一节是将基本的分页转换实现了，但是没有页面的互动的状况，每一次想要改变数据表格的信息就需要改变url中的参数的数据，但是现在在这一节，使用分页栏进行互动，实现更加方便的数据表格转换。 如图，实现的效果就像是这种，这里只是测试，没有设计好的样式 阅读全文
posted @ 2021-11-08 23:39 心向未来 阅读(29) 评论(0) 推荐(0)
PageHelper分页的学习（一）
摘要：PageHelper分页的学习（一） 在编写项目中，时常需要对来自后台返回的数据进行表格显示，当数据很多时，就需要进行分页，因为你总不能让用户一直往下滑动，这样很恶心。需要实现的就像是这样的操作界面。 （图片来自：layuimini的数据表格），就像是上面的样子，可以实现很好的数据交互。 那如何搞这 阅读全文
posted @ 2021-11-08 21:18 心向未来 阅读(131) 评论(0) 推荐(0)

1