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. java 基础 03 运算符 分支结构 循环结构

    今天内容: (1)运算符 (2)分支结构 (3)循环结构 1运算符 1.1赋值运算符 (1)简单赋值 = 表示赋值运算符,用于将=右边的数据赋值给=左边的变量来覆盖原来的数值. 笔试题: ia == ...

  2. 50道CSS基础面试题(附答案)

    1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度 ...

  3. Consider everything deeply but still remain fearless.

    Consider everything deeply but still remain fearless.愿你能深思熟虑,但始终无所畏惧.

  4. 使用kvm制作Eucalyptus镜像(Windows Server 2008r2为例)

    1.前言 Elastic Utility Computing Architecture for Linking Your Programs To Useful Systems (Eucalyptus) ...

  5. unhandled event loop exception解决方案

    今天突然遇到这个问题,打开ADT就报unhandled event loop exception, 原因是ATI显卡的HydraDM.exe HydraDM64.exe进程somehow跟ADT起了冲 ...

  6. 实战:ADFS3.0单点登录系列-集成SharePoint

    这是本系列第四篇了,终于轮到SharePoint上场了,但是本文不会过多讲解SharePoint安装等话题,而是直入主题,讲解如何进行配置,让其于ADFS配合完成SSO的工作. 注意:本文使用的Sha ...

  7. 在IIS 7.5上安装WebDAV(http文件下载上传)

    WebDAV 简介 WebDAV (Web-based Distributed Authoring and Versioning) 一种基于 HTTP 1.1协议的通信协议.它扩展了HTTP 1.1, ...

  8. c++输入

    1. char c = getchar(); 输入单个字符,可输入空格.换行符. 2. cin >> s; 不读取空格或换行符. 3. getline(cin, s); 输入一行到字符串s ...

  9. linux 命令——20 find(转)

    find是我们很常用的一个Linux命令,但是我们一般查找出来的并不仅仅是看看而已,还会有进一步的操作,这个时候exec的作用就显现出来了. exec解释: -exec  参数后面跟的是command ...

  10. C++各大有名科学计算库(转)

    在 C++中,库的地位是非常高的.C++之父 Bjarne Stroustrup先生多次表示了设计库来扩充功能要好过设计更多的语法的言论.现实中,C++的库门类繁多,解决的问题也是极其广泛,库从轻量级 ...