![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Java前端
__扇子
这个作者很懒,什么都没留下…
展开
-
thymeleaf的内联th:inline(在javascript访问model中的数据)
范培忠 2018-05-02 thymeleaf模板引擎为前端数据的获取提供了较大的便利,在html标签内可通过th标签加${}表达式访问model里的对象数据。但如果不想通过th标签而是简单地访问model对象数据,或是想在javascript代码块里访问model中的数据,则要使用内联的方法。 比如,我们可以这样访问对象:<p>Hello, [[${session.user.n...原创 2018-05-02 23:06:18 · 51607 阅读 · 9 评论 -
Echarts AJAX异步加载tooltip明细数据
需求描述:使用热力图显示某活动的日期分布强度,并当鼠标移动到某日期方块时,显示该日的明细活动信息。 因为显示的时间周期以年为单位,一次性加载全年明细数据不太现实。故选择鼠标移动至某日期时,后台异步加载明细数据。加载期间显示Loading,待加载完成后,显示明细信息到echarts图表上。 另外发现echarts会在鼠标在同一个日期小方块上每移动1px时都会触发tooltip的加载过程,鼠标...原创 2018-05-10 22:55:32 · 2751 阅读 · 0 评论 -
Form表单自动转JSON对象、及解决AJAX调用时JSON对象数组成员key被修改问题
范培忠 2018-05-11 我们一般可以使用serializeArray()来组装用于AJAX提交的JSON对象。常见的写法如下:function serializeFormToJSON() { formObject = {}; x = $("form").serializeArray(); $.each(x, function (i, field) { ...原创 2018-05-11 14:28:59 · 1896 阅读 · 0 评论 -
SpringBoot WebJars:通过Maven管理jQuery前端资源,网页内引用路径
范培忠 2018-05-07 我们在项目中通过Maven来管理后端包依赖,既省空间又省时间。 前端包依赖Maven管理也可以借助WebJars来实现。就不需要下载Bootstrap和jQuery等资源就可直接引用,更不需要在Git库上传了。 WebJars支持的前端资源很多,具体可参考:All Deployed WebJars 使用WebJars示例如下(本示例以Spring boot为基...原创 2018-05-07 11:15:33 · 8363 阅读 · 2 评论 -
footer位置的自动适配(主内容不足一屏时显示在最底部,超出一屏时跟随主内容显示)
在项目中常常会遇到这样的问题:页面主要内容不足以铺满一个屏幕的高度,footer下面就会有白块剩余。如下图: 我们希望实现的效果是,在主要内容不足以铺满整个屏幕的情况下,footer居于屏幕低部显示,使得整个页面占满屏幕。而当主要内容高度大于整个屏幕高度的时候,footer跟随主要内容进行显示。如下图: 而当主内容超过一屏时,自动跟随显示: 方法如下。设置CSS:/*在主要内容不足以铺满整个...原创 2018-06-05 22:54:36 · 12185 阅读 · 0 评论 -
Thymeleaf中的日期格式化处理,使用内置对象
<td th:text="${#dates.format(contractInfo.datePostpone, 'yyyy-MM-dd')}"></td>其中的#dates是thymeleaf的内置工具对象。dates: methods for java.util.Date objects: formatting, component extraction, et...原创 2019-03-09 23:05:01 · 4189 阅读 · 0 评论 -
thymeleaf:如何在引入fragment时保留部分差异内容(保留原内容)
应用场景:同一工程里不同页面所需使用的script文件和css文件大同小异,若每页都写一遍,修改时成本很高,故设置一公共的head文件,再导入它。thymeleaf使用fragment语法进行导入。使用简介如下:定义公共fragment:<footer th:fragment="copy"> the content of footer </footer&...原创 2019-03-18 23:37:52 · 1668 阅读 · 0 评论