
前端 jsp ajax thymeleaf
独正己身
这个作者很懒,什么都没留下…
展开
-
javascript 出现Unexpected identifier问题
chrome下运行编写的javascript代码时,在工具javascript控制台下有时会出现“Uncaught SyntaxError: Unexpected identifier ”的报错,经过我反复查看代码最后得出,原来是代码中缺少一个“,”(英文逗号)。后经在网上查阅,也有文章指出,如果该异常出现在define里多半是因为你在该行的上一行缺少了逗号。原来如此简单!转载 2017-12-15 11:55:24 · 179805 阅读 · 6 评论 -
前端表格插件BootstrapTable入门二
1、下载:https://github.com/wenzhixin/bootstrap-table2、文档:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/3、引用:[html] view plain copy<link rel="stylesheet" href="bootstrap.min.css"> <...转载 2018-05-06 17:28:25 · 571 阅读 · 0 评论 -
html5 嵌入视频
前面谈到了网页怎么嵌入flash视频,就想到了另一个问题,flash格式视频在手机上播放,需要手机安装flash播放插件,而且flash视频绝对无法在苹果手机上播放,因为苹果对flash的不支持,导致现在flash前景堪忧。当然目前已经有些插件可以支持苹果手机播放flash视频。 这里就要谈一谈html5的video标签了。html5功能的强大是毋庸置疑的,而且作为一款为苹果量身定做的前端技术,...转载 2018-05-13 20:28:38 · 3870 阅读 · 0 评论 -
Date类型数据前端展示
方法一: 以前,显示Date类型的数据都习惯在服务器端通过SimpleDateFormat来进行转化,转化成一定类型格式的字符串,然后再通过EL表达式在JSP中显示。这一次突然心里想尝试一下,在前端通过js进行转化显示。 如果没进行任何转化的话,前端显示效果为,外国人应该没问题, 但国人肯定就不喜欢了。那如何转化呢? 我首先想到了js的Date对象,它有许多对时间进行...转载 2018-05-21 15:53:15 · 5986 阅读 · 1 评论 -
使用jQuery进行图片分页,每页形成九宫格
1.引入css文件(可根据自己页面的布局进行调整)/* 图片框样式设置 */ .list-main{width:100%;height:800px;position:relative;}.allImgList{ overflow: hidden; width: 30%; height: 230px; ...转载 2018-06-11 22:05:13 · 1505 阅读 · 2 评论 -
前端js控制角色div只可查看不可编辑
来自:https://bbs.youkuaiyun.com/topics/350020291比较先进的方法是在body体内加个div,设置其style的index值最大,比如9999,结合css和div技术可以实现当前页面上浮一个透明层,这样用户就不能操作了。比较彻底的方法,是遍历所有表单元素将其disabled,这个用jquery一个方法就能搞定。至于楼上兄弟提出的readonly属性,只对文本框、文本区域...原创 2018-06-04 22:29:36 · 16225 阅读 · 0 评论 -
项目部署到Tomcat后访问本地文件夹中的文件
最近项目中遇到<iframe>嵌套本地静态HTML文件的问题,开始的时候怎么搞都不行原因:浏览器处于安全考虑不允许加载本地资源解决办法:在Tomcat的server.xml和web.xml中配置虚拟路径路径信息:Tomcat安装路径下的conf文件夹 (D:\Program Files\Tomcat\apache-tomcat-7.0.73\conf) 第一步:在server.xm...转载 2018-06-14 21:33:12 · 13100 阅读 · 3 评论 -
@ResponseBody 返回null对象 ajax回调不成功
@ResponseBody 的返回处理都可以用一个继承ObjectMapper的类去处理 比如,过滤特殊字符,处理null(属性,不是对象),针对返回的null对象(如果ajax对设置了datetyp:"json",不会回调在success,而会在error中回调),我们可以包装返回结果为json,{result:"true",data:""}即保证是json,或者去了datatype:"json...转载 2018-06-27 14:48:36 · 1559 阅读 · 0 评论 -
百度地图初始化中心点偏移问题
最近做的项目涉及到了很多数据可视化的操作,所以用到了大量的ECharts以及百度地图,记录一下前两天刚刚遇到的一个问题。一个地图展示页面,其中包含一个tab切,展现数据的两种展现形式,(实际情况是tab切页面中还有子tab切,但这不是关键),两个地图实例都设置了相同的中心点point,但是当tab切换到第二个地图时,出现了中心点偏移。出现这种现象的原因是,页面初始化时,两个地图都会加载...转载 2018-08-04 22:19:36 · 3724 阅读 · 0 评论 -
前端js实现预览pdf文件
今天项目急需在线预览pdf功能,在网上搜了一堆,整合思路如下:一、采用PDFObeject.js插件,优点:支持pdf输入打开口令,缺点:不支持手机浏览器其实就光看这个网站也足够了,http://www.pdfobject.com/。主要代码:<script type="text/JavaScript" src="scripts/pdfobject/pdfobject.js"...原创 2018-08-19 21:10:52 · 16713 阅读 · 0 评论 -
summernote.js学习(一)
实例化后的summernote 是这样子的 很漂亮对吧,而我做成页面效果是这样的: 先说说实例化一个summernote 的方法把,其实也不难,jq 选择器选择一个要变成富文本编辑器的元素然后调用 summernote 方法传入一个对象作为参数便可,参数是一个对象,属性就是这个富文本的一些样式属性,如下: 上面的属性是一些比较常用的属性,更多属性可以查看官方文档...转载 2018-09-21 08:55:28 · 2924 阅读 · 1 评论 -
summernote.js学习(二)
http://www.jqcool.net/bootstrap-summernote.html 转载这个大神,写的很详细,但是,赋值这里错了。//取值var sHTML = $('.summernote').code();//同一页面多个summernote时,取第二个的值var sHTML = $('.summernote').eq(1).code();我查了官网,现在是...转载 2018-09-21 08:57:12 · 1341 阅读 · 0 评论 -
前端表格插件BootstrapTable入门一
官网地址: http://bootstrap-table.wenzhixin.net.cn/zh-cn/Github地址: https://github.com/wenzhixin/bootstrap-table官网介绍: 基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。主要功能支持 Bootst...转载 2018-05-06 16:40:31 · 1227 阅读 · 1 评论 -
Bootstrap Select使用
阅读目录一、组件开源地址以及API说明二、组件效果示例三、使用示例1、基础示例2、其他效果示例3、组件取值赋值4、组件其他用法5、组件封装四、源码下载五、总结 正文前言:之前分享过两篇bootstrap下拉框的组件:JS组件系列——两种bootstrap multiselect组件大比拼 和 JS组件系列——Bootstrap Select2组件使用小结 ,收到很多园友的关注和提问,最后总结这两...转载 2018-04-19 15:58:33 · 3379 阅读 · 0 评论 -
neo4j 网页开发
http://blog.youkuaiyun.com/zhongzhu2002/article/details/45843283转载 2017-12-30 22:06:25 · 2021 阅读 · 0 评论 -
Myeclipse 连接mysql
http://www.jb51.net/article/94265.htm一、配置Database Explorer1.打开MyEclipse Database。方法:Window-->Openperspective-->MyEclipse Database Explorer2.点击右上角的MyEclipse...在DB Browser空白处单击右键-->new 打开D转载 2018-01-29 09:56:30 · 517 阅读 · 0 评论 -
MAVEN 开发Spring boot应用
http://blog.youkuaiyun.com/webzhuce/article/details/54176004http://blog.youkuaiyun.com/myarrow/article/details/508247931、创建Maven工程打开Eclipse,点击File->New->Other,在弹出对话框中,选中Maven Project。 点击Next按钮,出转载 2018-01-30 11:29:43 · 168 阅读 · 0 评论 -
IDEA +Maven+Springboot入门
http://blog.youkuaiyun.com/myarrow/article/details/50824793http://blog.youkuaiyun.com/u013248535/article/details/55100979转载 2018-01-30 16:02:10 · 219 阅读 · 0 评论 -
ajax form提交表单信息
写在前面的话在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来操作页面的跳转或者数据变化。一般这种异步的操作,我们都会想到ajax方式,因此在实现了功能后就整理了这篇文章,通过ajax方法实现form表单的提交并进行转载 2018-02-06 22:09:35 · 2125 阅读 · 0 评论 -
Thymeleaf基础
一、在pom.xml中加入如下依赖 Xml代码 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> ...转载 2018-03-06 16:36:37 · 275 阅读 · 0 评论 -
jquery ajax向spring mvc controller中传值并接受及解析返回值
第一种传值:controller中是几个单独的基本类型参数Spring MVC-controller[java] view plain copy@RequestMapping("update") @ResponseBody//此注解不能省略 否则ajax无法接受返回值 public Map<String,Object> update(Long num, Long id, BigDe...转载 2018-03-30 10:13:17 · 180 阅读 · 0 评论 -
JS传递对象数组为参数给后端,后端获取的实例代码
123456789101112131415161718192021222324var conditons = [];var test1 = new Object();test1.name="1";test1.id="2";var test2 = new Object();test2.name="1";test2.id="2";conditons.push(test1);conditons.push...转载 2018-03-31 20:43:02 · 9965 阅读 · 1 评论 -
bootstrap-table的入门使用——从服务器获取数据
参考: Bootstrap Table 查询(服务器端)、刷新数据这里需要使用 bootstrap-table 插件。使用了CSS3loader显示加载过程。效果如下:index.html[html] view plain copy<!DOCTYPE html> <html> <head> <title>Refresh from url...转载 2018-04-16 22:26:04 · 1696 阅读 · 0 评论 -
下拉多选框bootstrap-multiselect教程
转自http://donald-draper.iteye.com/blog/2373860bootstrap-multiselect:https://github.com/davidstutz/bootstrap-multiselect bootstrap-multiselect doc:http://davidstutz.github.io/bootstrap-multiselect/ 项目中要...转载 2018-04-12 15:24:39 · 13075 阅读 · 0 评论 -
jquery iCheck的全选和获取value
jQuery iCheck 插件提供高度可定制的复选框和单选按钮(jQuery和Zepto)。最新版本1.0.2,有个最新的2.0预览版,但是发布之后没有再更新。 特点:在不同的浏览器和设备(桌面和移动)一致的输入体验,触摸设备支持(iOS、Android、Windows Phone、黑莓、亚马逊的Kindle),键盘可输入(制表符,空格键,向上或向下键和其他快捷键),屏幕阅读器可以输入(画...转载 2018-04-12 16:06:52 · 2526 阅读 · 0 评论 -
bootstrapTable基础操作
bootstrap Table API和一些简单使用方法官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/后端分页问题:后端返回”rows”、“”total,这样才能重新赋值{ "total": 35, "rows": [] } 先初始化表格$('#my-table').b...转载 2018-10-11 21:18:56 · 961 阅读 · 2 评论