smarty中js的调用方法

最新推荐文章于 2022-03-22 08:45:46 发布
原创 最新推荐文章于 2022-03-22 08:45:46 发布 · 580 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#CSS

本文介绍了一个在使用Smarty模板引擎时遇到的问题：当JS代码直接嵌入模板时导致页面无法正常显示。解决方法是将JS代码移至独立文件并通过Smarty指令引入。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

有时候，在smarty中，包含js的时候，整个页面就不会显示，而程序员往往在页面中找错误，程序页面，模板页面检查了多次都没有错误，就很郁闷了。
解决办法：
把模板页面中的js代码拷贝出来放在新建的js文件中，然后在包含到模板页面里面，如：
{popup_init src="css/commen.js"}
这样，你在看看，问题是不是解决了.......

smarty中js的调用方法示例
10-25
主要介绍了smarty中js的调用方法示例,是smarty模板设计中经常会遇到的问题,非常实用,需要的朋友可以参考下
将FCKeditor导入PHP+SMARTY的实现方法
10-24
最终，在SMARTY模板文件中，通过assign函数将FCKeditor创建的HTML内容分配给模板变量，然后调用display函数输出模板内容，用户便可以看到并使用FCKeditor进行内容编辑。 在整个实现过程中，将FCKeditor集成进...
php Smarty模版引擎中引入javascript源文件
Pipi0714的专栏
11-03 3101
采用XAPM开发Php的网站,使用了Smarty模版引擎。 源码如下: define('WEB_INCLUDE',str_replace("\\", '/', dirname(__FILE__))); define('WEB_PHP', dirname(WEB_INCLUDE)); define('WEB_CLASS',WEB_PHP . '/class'); define('WEB
PHP笔记-JavaScript中使用Smarty变量
IT1995的博客
03-22 1618
如果Smarty传来的变量是字符串时： $strData = "abc"; $this->assign("strData", strData); JavaScript调用： <script type="text/javascript"> ...... ...... let strData = '{$strData}'; console.log(strData); ...... ...... </script> 如果Smarty传其他数据时，如数组，
biweb二次开发--巧用smarty中的forech结合js制作图片轮播效果.pdf
12-13
综上所述，这个文档提供了一种在BIWEB系统上利用Smarty模板和JavaScript实现图片轮播的方法，虽然可能不适用于所有现代浏览器，但可以作为了解过去技术实践的一个参考。在实际开发中，考虑到兼容性和性能，可能会...
smarty-parser:Smarty AST解析器
05-13
JavaScript作为 Smarty AST 解析器的实现语言，具有跨平台和动态性，使得该解析器可以在多种环境中运行，包括浏览器和Node.js服务器环境。这对于前端和后端开发者来说都非常方便，他们可以直接在JavaScript环境中...
js模板引擎（基于数据方式，仿smarty）
06-18
js模板引擎（基于数据方式，仿smarty），jQuery插件，有短标签，块标签，字段标签，简单易用
前端 后端 Fis3+Es6+Smarty+Tmpl
04-08
graduation 毕业设计代码，还没完成！但可以跑哦~ Fis3+Es6+Smarty+Tmpl 项目实战 阅读以下部分假定你已经了解： 构建工具 Fis3 基于Smarty的解决方案 Fis-Smarty 一些杂碎 Less, Tmpl, Es6 ... 微薄网站的设计与实现 功能 展示，留言，评论，评论量，访问量 后台CMS 瀑布流展示,懒加载数据 接入微博组件等 技术方案 前后端分离 构建: Fis3 结构: HTML,TMPL,Smarty 样式: Less 类库/框架: jQuery util: urlParam ... 数据: 假数据模拟，后期发布开发机联调 目录结构 前端目录 └─graduation ├─ README.md ├─ home └─ common ├─ plugin # Smarty 的插件放入这个目录 ├─ smarty.conf # 本地测试的 Smarty 引擎的配置文件 ├─ fis-conf.js # fis3 的配置文件 ├─ page # 放一些页面 ├─ server.conf # 本地测试的URL转发规则配置文件 ├─ static # 非组件静态资源 ├─ test # 假数据 └─ widget # 放一些 widget，里面代码最终会被组件化封装 ├─ header # 头部模块 │ ├─ header.js # js文件es6 │ ├─ header.less # css预处理 │ ├─ header.tmpl # JS模板 │ └─ header.tpl # Smarty 复用还是挺方便的 ├─ nav # 导航模块 ├─ article # 文章模块 └─ footer # 尾部模块 目录文件不是都必须需要，一般都会包含page、widget俩目录 前端预览或发布到本地模拟开发机预览该项目 发布到本地模拟开发机预览该项目 修改 fis-global-conf.js const RECEIVER = 'http://127.0.0.1/graduation-rd/receiver.php'; const to_path = '/graduation-rd'; const base_url = '/Applications/XAMPP/xamppfiles/htdocs/graduation-rd/'; 安装 npm install -g fis3 npm install -g fis3-smarty 后端环境下载 启动 fis3 release -r common xuecheng fis3 release -r home xuecheng fis3 release -r ... 发布成功后目录 └─ htdocs └─graduation-rd ├── application ├── home.php ├── license.txt ├── receiver.php ├── system ├── user_guide ├── template # .tpl 发布位置 ├── static # 静态资源发布位置 ├── plugin # plugin/*.php 发布位置 └── config # config/*.json 发布位置
javascript调用smarty变量的方法
热门推荐
wusuopuBUPT的专栏
11-28 1万+
1.方法1： {literal} var num = {/literal}{$number}{literal}; {/literal} 2.方法2： 将权限相关节点数据以json或者xml的方式，传给smarty的变量。js直接使用就可以了 var aData = ""; 3.数组情况： $smarty->assign('js_arr',json_encode($ar
在javascript中使用smarty变量的方法
zhq_zvik的博客
11-01 912
var a = '{$str}'; //在js中获取smarty变量，加字符变量加引号 var arr = {$json_arr}; //在js中获取smarty的json数据，不加引号
smarty 与 js 赋值 数组
透明
04-01 2144
$smarty->assign('js_arr',json_encode($arr)); var arr = {$js_arr};
smarty模板文件书写javascript代码
weixin_34361881的博客
03-12 149
在smarty文件里直接写javascript代码时候，造成500错误。 javascript代码有很多的{}在同一行，而{}也是smarty引擎解析模板的关键标识符，smarty将对其进行分析，这时候会造成500错误。 代码较少，可以将{和}分在两行写，多则可以用{literal}{/literal}将javascript代码夹在中间即可。 1 {literal} 2 &lt...
如何处理JS和Smarty标签的冲突
qq_41281571的博客
08-27 519
今天在写js的时候，一直一直报错最后上网查，发现是Smarty引擎于JS冲突问题。 smarty的默认标记符是大括号:{}， 假如我们页面上有JS且定义了函数或者对象，或者有CSS定义了样式，就会出现大括号， smary引擎就会把这些大括号当作smarty语法来解释， 很明显，这些CSS样式属性和JS里的语法，不是smarty的语法， smarty引擎就会报错。 ...
smarty-parser: 解析Smarty模板的JavaScript AST解析器
- **JavaScript**：是一种高级的、解释执行的编程语言，广泛用于网页浏览器中，也可以在服务器端（如Node.js）或桌面应用（Electron）中运行。JavaScript有着灵活的语法和对象模型，并支持面向对象、命令式和声明式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值