最近在以往的项目的页面的js内部追加了部分逻辑代码如下:

 1   // 自定义浮动框的显示内容
2 gantt.templates.tooltip_text = function (start, end, task) {
3 // 使用原始结束日期显示
4 var originalEndDate = task.original_end_date ? gantt.date.date_to_str("%Y-%m-%d")(task.original_end_date) : "";
5 return `<b>工作描述:</b> ${task.text}<br/>
6 <b>开始日期:</b> ${gantt.date.date_to_str("%Y-%m-%d")(task.start_date)}<br/>
7 <b>结束日期:</b> ${originalEndDate}<br/>
8 <b>工期:</b> ${task.duration + 1}天<br/>
9 <b>进度:</b> ${task.progress*100}%<br/>
10 <b>责任人:</b> ${task.username}<br/>
11 ` ;
12 };

在本地运行没有任何问题。可当代码提交到Jeesite框架下运行报HTTP 500错误,错误处定位在第一次出现`符号的下一行。

这是因为Jeesite框架无法识别`....` js模板字面量的写法,需要改成 普通字符串拼接的形式。

将以上js模板字面量的写法 修改成 js普通字符串拼接的形式:

 1     gantt.templates.tooltip_text = function (start, end, task) {
2 // 使用原始结束日期显示
3 var originalEndDate = task.original_end_date ? gantt.date.date_to_str("%Y-%m-%d")(task.original_end_date) : "";
4 return "<b>工作描述:</b> " + task.text + "<br/>" +
5 "<b>开始日期:</b> " + gantt.date.date_to_str("%Y-%m-%d")(task.start_date) + "<br/>" +
6 "<b>结束日期:</b> " + originalEndDate + "<br/>" +
7 "<b>工期:</b> " + (task.duration + 1) + "天<br/>" +
8 "<b>进度:</b> " + (task.progress * 100) + "%<br/>" +
9 "<b>责任人:</b> " + task.username + "<br/>";
10 };

页面可以正常显示。

解决自开发的js内部代码模板字面量的写法在JeeSite框架下报错的问题的更多相关文章

  1. js中对象字面量

    一.对象字面量语法 var person={ name:'小王', age:18, _pri:233 } 成员名称的单引号不是必须的 最后一个成员结尾不要用逗号,不然在某些浏览器中会抛出错误 成员名相 ...

  2. js插件设置innerHTML时,在IE8下报错“未知运行时错误”

    问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错“未知运行时错误”: <div id=”divContainer”> <a name=”link”> ...

  3. jquery.validate.js在IE8下报错不运行

    因为项目要表单验证,所以特意去找了jquery.validate这个应该是jquery官方团队出品的表单验证插件. 实际应用时,却在IE8调试时碰到了问题. 从jquery.validate官网下载了 ...

  4. ie7,ie8 js中变量名和页面元素ID重名,报错

    js变量名和一个div的id重名,报错.不知所以然...做个标记

  5. JS基础_字面量和变量

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. js拾遗: 函数字面量

    今天落叶同学发我一篇文章,我看到一个"新"名词 "函数字面量" (也可叫直接量),当时我就郁闷了,这是什么东西? 我怎么没听说过..回头翻了下权威指南,在第 4 ...

  7. JS基础二--字面量和变量

       /*       字面量,都是一些不可改变的值,       比如:1 2 3 4 5       字面量都是可以直接使用,但是我们一般不会直接使用字面量.       变量,变量可以用来保存字 ...

  8. Scala函数字面量简化写法

    Scala提供了多种方法来简化函数字面量中多余的部分,比如前面例子中filter方法中使用的函数字面量,完整的写法如下: (x :Int ) => x +1 首先可以省略到参数的类型,Scala ...

  9. 解决PyGObject在pydev下报错的问题

    使用PyGObject在eclispe+pydev下写代码,由于库是动态链接的,pydev无法识别,所以检查语法的时候会报错,但是并不影响代码运行. 不过对于我这样由轻微强迫症的患者来说,看见代码报错 ...

  10. Dubbo广播模式下报错:Can't assign requested address解决办法

    原因: 尝试使用Dubbo的multicast模式,发现一运行就报Can't assign requested address的错误,造成这种原因的主要是系统中开启了IPV6协议(比如window7) ...

随机推荐

  1. 远程登录Mysql,命令行登录Mysql的方法

    1.本地登录MySQL命令:mysql -u root -p   //root是用户名,输入这条命令按回车键后系统会提示你输入密码2.指定端口号登录MySQL数据库将以上命令:mysql -u roo ...

  2. 在Ubuntu上使用Let's Encrypt配置Nginx SSL证书并自动更新

    在Ubuntu上使用Let's Encrypt配置Nginx SSL证书并自动更新 绪言 这篇文章其实内容不多,难度不大,只是自己记录一下. Arisu拷打了我几次我在阿里云上花钱购买SSL证书一事. ...

  3. C++面试题:虚函数表(vtable)的底层实现机制与应用解析

    一.问题描述 ​请描述C++虚函数表的实现原理,并解释以下问题​: 虚函数表在内存中的存储位置及布局结构 多继承场景下虚函数表的组织形式 虚函数调用时的动态绑定过程 虚析构函数与虚函数表的关系 二.核 ...

  4. redis实现持久化存储的两种方案

    一.简单说明 redis是非关系型数据库,是一种内存型数据库.数据存储在内存中,所以当我们关掉软件,或者拔掉电源时,内存中的数据就会丢失.针对此场景,这里提出持久化的方案.它的核心就是将内存中的数据存 ...

  5. 2025盘古石决赛-计算机&手机

    手机取证 分析鸿蒙手机检材,打网球定的日期是?[标准格式:4月5日] 在日历数据中 3月3日 分析鸿蒙手机检材,哪个浏览器搜索过鸿蒙开发教程?[标准格式:百度浏览器] uc数据搜索过 UC浏览器 分析 ...

  6. 4.Java SDK源码分析系列笔记-LinkedList

    目录 1. 是什么 2. 如何使用 3. 原理分析 3.1. uml 3.2. 构造方法 3.3. add方法 3.3.1. 确保容量足够容纳新的元素 3.3.2. 把元素放入数组最后一个位置 3.4 ...

  7. AI应用实战课学习总结(12)Transformer

    大家好,我是Edison. 最近入坑黄佳老师的<AI应用实战课>,记录下我的学习之旅,也算是总结回顾. 今天是我们的第12站也是最后一站,一起了解下在DNN/CNN/RNN之后横空出世的T ...

  8. SpringBoot--简单入门

    简介 本质上说Spring是一个组件容器,它负责创建并管理容器中的组件(也被称为Bean),并管理组件之间的依赖关系. 为什么要用SpringBoot? Spring缺点是配置过多,SpringBoo ...

  9. 自动安装依赖的 ubuntu dpkg 的竞品gdebi

    简介 dpkg 安装的时候总会出现缺少依赖的情况要自己可能手动安装,但是有了gdebi就可以帮你轻松搞定. 例如坚果云的安装 使用gdebi安装,自动安装依赖 sudo gdebi nautilus_ ...

  10. 最近在做一个关于D3数据可视化的项目 知识点记录

    简介 RT 跑 Minist 数据集 安装 tensorflow & tensorboard 安装 CUDA cuDnn D3 优秀的例子 gallery例子 http://github.co ...