1当后端将日期传到前段的时候 我们通常会需要将日期转为制定格式 除了平常我们使用的前段插件将日期转好 spring @datetimeFormat 注解 这些形式外 我们还可以在实体里通过get方法进行转换通过singleDateFormat对象将日期对象处理后 在前端${obj.属性}时候只要我们属性是我们get方法转化的那个get方法就可以实现后台到前端的展示

2 在开发注意的原则:新建、修改、删除操作后,要使用redirect方式转向的新页面,避免刷新页面导致页面重复提交,此时可能会导致一些控制状态数据错误,从而产生bug。

3 在使用的时候要多考虑 多想想 让我去掉项目地下的公司版本信息等 我做法去除了所有页的引用却没有考虑到新建一个footer.jsp 将原有的写成空 改一个文件就可以了

4 jquery tmpl() 函数收的是一个json数据 下面是一个弹出表单 展示数据的一个正确的使用方式

但是在这里还有一个值得思考的问题 让我在首页弹出之前判断ajax返回是否有值 如果有弹出表单没有就给一个alert弹出框提示 我第一次做的时候考虑返回调用layer.open弹出框将ajax与layer.open放在了同一个方法里,当ajxa返回值是空我也不能关掉弹出表单 后来技术总监说你将layer.open 封装一个函数用的时候调用 我才恍然大悟实现了应有的功能

<%--项目请款--%>
<script type="text/x-jquery-tmpl" id="teamList">
<div class="content">
<ul class="listbox">
{{each(i,item) list}}
<li>
<a href="${base}/fundinvestproject/mainInvestDetail?id={{= item.id }}&state=2">
<div class="li_tit">{{= item.project.name}}</div>
<div class="li_time">投资时间:{{= item.signTimeValue}}</div>
<span class="li_lable">项目</span>
</a>
</li>
{{/each}}
</ul>
</div>
</script>
/*项目请款*/
function teamLayerOpen(){
var index = layer.open({
type: 1,
title: '请选择项目 ',
skin: 'zjpopup',
shadeClose: false,
shade: [0.3, '#000'],
resize: false,
scrollbar: false,
area: ['650px', '650px'],
btn:['取消'],
content: '<div id="select_team_fund"></div>',
yes: function (index) { layer.close(index); }
});
}; function teamList(id) {
$.ajax({
type:'post',
url:"${base}/project/getProjectByFundId",
data:{"entity.fundId":id},
dataType:"json",
success:function (data) {
if(data != null && ""!=data ){
teamLayerOpen();
$("#teamList").tmpl({'list':data}).appendTo('#select_team_fund');
}else{
layer.confirm("暂无项目,是否创建项目?",['确定','取消'],function () {
location.href="${base}/fundinvestproject/investlistByFundId?entity.fundId="+id;
});
}
}
});
}

关于前后端日期处理 开发注意事项 jquery.tmpl()函数的使用的更多相关文章

  1. 利用grunt-contrib-connect和grunt-connect-proxy搭建前后端分离的开发环境

    前后端分离这个词一点都不新鲜,完全的前后端分离在岗位协作方面,前端不写任何后台,后台不写任何页面,双方通过接口传递数据完成软件的各个功能实现.此种情况下,前后端的项目都独立开发和独立部署,在开发期间有 ...

  2. node+vue进阶【课程学习系统项目实战详细讲解】打通前后端全栈开发(1):创建项目,完成登录功能

    第一章 建议学习时间8小时·分两次学习      总项目预计10章 学习方式:详细阅读,并手动实现相关代码(如果没有node和vue基础,请学习前面的vue和node基础博客[共10章]) 视频教程地 ...

  3. .Net Core与Vue.js模块化前后端分离快速开发解决方案(NetModular)

    NetModular是什么? NetModular不仅仅是一个框架,它也是一整套的模块化与前后端分离的快速开发的解决方案,目标是致力于开箱即用,让开发人员完全专注于业务开发,不需要关心底层封装和实现. ...

  4. Jeecg-Boot 2.0.1 版本发布,前后端分离快速开发平台

    Jeecg-Boot项目简介 Jeecg-boot 是一款基于代码生成器的快速开发平台! 采用前后端分离技术:SpringBoot,Mybatis,Shiro,JWT,Vue & Ant De ...

  5. Jeecg-Boot 2.0 版本发布,基于Springboot+Vue 前后端分离快速开发平台

    目录 Jeecg-Boot项目简介 源码下载 升级日志 Issues解决 v1.1升级到v2.0不兼容地方 系统截图 Jeecg-Boot项目简介 Jeecg-boot 是一款基于代码生成器的智能开发 ...

  6. 优秀开源平台,前后端分离快速开发平台,一站式多端开发(PC+APP)

    JNPF平台架构介绍 JNPF快速开发平台采用前后端分离技术.采用B/S架构开发,形成一站式开发多端(APP+PC)使用. PC端版本介绍 第一个当然是当下热门的.net core了,运行环境为Vis ...

  7. Java中json前后端日期传递处理

    这里推荐2种方式 依赖包 <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifa ...

  8. Django:前后端分离 djangorestframework开发API接口 serializer序列化认证组件

    参考:https://blog.csdn.net/zhangmengran/article/details/84887206 目的: 使用serializer序列化器将QuerySet数据序列化为js ...

  9. 【转】django 与 vue 的完美结合 实现前后端的分离开发之后在整合

    https://blog.csdn.net/guan__ye/article/details/80451318   最近接到一个任务,就是用django后端,前段用vue,做一个普通的简单系统,我就是 ...

随机推荐

  1. Django---ORM简介丶单表操作丶增删改查

    一丶ORM简介 MVC或者MVC框架中包括一个重要的部分,就是ORM,它实现了数据模型与数据库的解耦,即数据模型的设计不需要依赖于特定的数据库,通过简单的配置就可以轻松更换数据库,这极大的减轻了开发人 ...

  2. windows环境下Nginx部署及Https设置

    一.Nginx安装部署及常用命令. 1.1.其实Nginx是免安装的.直接在官网下载zip包,解压即可,下载地址:http://nginx.org/en/download.html,因为我这边的开发服 ...

  3. hadoop2.4 WARN util.NativeCodeLoader: Unable to load native-hadoop library for your platform... using builtin-java classes where applicable

    在Ubuntu上安装完hadoop2.4以后,使用以下命令: hadoop fs -ls // :: WARN util.NativeCodeLoader: Unable to load native ...

  4. HTML、CSS、JS、JQ速查笔记

      一.HTML  1.编写html文件 a.格式 <!DOCTYPE html> <html> <head> <title>标题</title& ...

  5. 初见微服务之RESTful API

    1. REST名称由来 REST全称为Representational State Transfer,即表述性状态转移,最早由Roy Feilding博士在世纪之交(2000年)提出,喜欢追根溯源的朋 ...

  6. PHP数组排序方法总结

    随着PHP的快速发展,用它的人越来越多,在PHP数组学习摘录部分了解到最基本的PHP数组的建立和数组元素的显示.需要深入学习下PHP数组的相关操作.首先接触的就是PHP数组排序.降序的排序问题. so ...

  7. 深入理解计算机系统_3e 第十章家庭作业 CS:APP3e chapter 10 homework

    10.6 1.若成功打开"foo.txt": -->1.1若成功打开"baz.txt": 输出"4\n" -->1.2若未能成功 ...

  8. double类型的小数,四舍五入保留两位小数

    import java.math.BigDecimal; public class Kewai{ public static void main(String[] args) { double f = ...

  9. 基于supersocket、C#对JT808协议进行解析构建gps监控平台服务端

    GPS监控平台.车联网.物联网系统中GPRS网络数据的并发通讯和处理解析,主要功能有socket的UDP和TCP链路建立和维持,网络数据协议包接收与解析,分发上传到其他业务规则服务器,在物联网以及位置 ...

  10. 洛谷P2468 [SDOI2010]粟粟的书架(二分答案 前缀和 主席树)

    题意 题目链接 给出一个矩形,每个点都有一些值,每次询问一个子矩阵最少需要拿几个数才能构成给出的值 Sol 这题是真坑啊.. 首先出题人强行把两个题拼到了一起, 对于前$50 \%$的数据,考虑二分答 ...