前端
fly_鸡肉
开始到结束到底有多远
展开
-
bootstrap table分页(前后端两种方式实现)
bootstrap table分页的两种方式:前端分页:一次性从数据库查询所有的数据,在前端进行分页(数据量小的时候或者逻辑处理不复杂的话可以使用前端分页)服务器分页:每次只查询当前页面加载所需要的那几条数据bootstrap 下载地址:bootstrap下载bootstrap-table 下载地址:bootstrap-table下载jquery下载地址:jquer...原创 2018-01-25 17:32:38 · 90361 阅读 · 29 评论 -
WangEditor富文本编辑器(图片上传)
wangEditor基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费开发文档、demo、下载地址:http://www.wangeditor.com/效果展示:一:引入js<script type="text/javascript" src="./js/jquery.min.js"></script>...原创 2018-07-23 18:45:53 · 16516 阅读 · 10 评论 -
bootstrap-paginator分页(前后端实现)
分页效果: bootstrap-paginator下载地址:http://plugins.jquery.com/bootstrap-paginator/ 一:引入相关的js、css文件<link rel="stylesheet" href="css/bootstrap.min.css"><script src="js/jquery.min.js"...原创 2018-08-10 10:39:21 · 6682 阅读 · 3 评论 -
cropper:图像裁剪上传
最近项目需要上传用户图像,但是考虑到用户体验,需要提供用户裁剪功能,将裁剪好的图片上传服务器。一开始百度裁剪图片插件,接触了jcrop,学习后发现它是提供图片的坐标、宽和高,然后去后台用java进行裁剪,裁剪图片的效果并不怎么理想。后来换成cropper,该插件直接将裁剪好的图片转换成Base64上传,效果不错。效果截图:默认图像和选择文件按钮:点击选择图片效果:选中白衣服的柳岩:点击确定按钮:一...原创 2018-05-17 11:33:04 · 1592 阅读 · 0 评论 -
图表插件 echarts
一:下载 echarts.min.js 选择完整版进行下载,精简版和常用版限制的某些功能 二: echats入门案例1、引入 ECharts 和 JQuery<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script><script src="./...原创 2018-03-28 11:35:22 · 481 阅读 · 1 评论 -
js动态获取地址栏后的参数
js动态获取地址栏参数翻译 2017-12-21 18:45:41 · 1033 阅读 · 0 评论 -
js导出报表
需求:项目中有一个学生签到模块需要导出每天的签到数据,一开始用poi在后台导出,window下运行没什么问题,但是把项目部署到linux环境上,提示导出路径不存在,思索良久也没有找到解决的办法,最后只能在前端使用js导出表格。如果有童鞋实现了在linux下使用poi,还请高抬贵手将poi设置路径那一段代码打赏给我看一看,不胜感激,么么哒。 注意:js导出表格是利用浏览器自带的下载功能去...原创 2017-10-28 15:21:12 · 2653 阅读 · 0 评论 -
jquery file upload示例
jquery file uplaod示例原创 2018-02-05 13:50:42 · 39476 阅读 · 5 评论 -
ajax传递list集合
ajax传递list集合参数原创 2018-02-07 11:08:48 · 23457 阅读 · 4 评论 -
jquery pagination分页
效果图展示,因为只是一个简单的demo,所以代码和样式看起来比较简单 一:pagination插件相关文件的下载地址,以及方法参数介绍 下载地址:http://www.jq22.com/jquery-info19062名 描述 参数值 maxentries ...原创 2018-03-06 13:34:42 · 2008 阅读 · 0 评论 -
zTree异步加载(自定义图片)
zTree官网:点击打开链接 一:文件下载点击首页右下角的ztree download,选择Guihub下载点击Clone or download下载 二:相关包介绍jquery.ztree.core-3.x.js 核心包(必须)jquery.ztree.excheck-3.x.js 扩展包--实现复选框的功能(可选)jquery...原创 2017-11-02 21:37:17 · 1028 阅读 · 0 评论 -
js实现自动补全、上下键切换高亮、搜索等功能
搜索框展示:一:准备页面容器<div> <!-- 搜索输入框 --> <input type="text" id="search" class="form-control"> <!-- 搜索图标 --> <img src="./search.png" class="rig原创 2018-12-03 18:24:32 · 1457 阅读 · 0 评论