如何利用jquery在web应用程序中创建字符串资源管理系统
how to create string resource manager system in web application by jquery?
我正在开始一个web项目,我想阅读我的网站刺痛,如标签、页面标题、占位符和。。。来自json文件。我认为这种方法可以帮助我提高更改速度,并创建一个多语言网站。有什么jquery库可以做到这一点吗?如果没有,我如何通过jquery完成这项工作?
您可以制作胡子模板,并使用handlers.js用数据填充它们:http://handlebarsjs.com/
Mustache模板使用大括号作为占位符,而handlers使用json格式来保存数据。它可能看起来像这样(虽然不是一个完整的工作示例):
HTML:
<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>
Javascript:
var context = {title: "My New Post", body: "This is my first post!"};
var html = template(context);
结果:
<div class="entry">
<h1>My New Post</h1>
<div class="body">
This is my first post!
</div>
</div>
以下是一个工作示例:https://jsfiddle.net/k4u64exL/
您要搜索的是Javascript/jQuery模板引擎-有很多(例如http://www.sitepoint.com/10-javascript-jquery-templates-engines/)。
如果您想编写自己的模板引擎,请尝试以下操作:
1) 使用Ajax 获取JSON数据
2) 使用Ajax 获取模板
3) 将JSON文件中的变量应用到模板文件(简单替换)
4) 将结果附加到当前页面。
相关文章:
- 如何避免JSON.stringify在特殊情况下返回undefined,从而为JSON.parse创建字符串失败
- 为什么可以't JavaScript构造函数创建字符串或数字
- 如何利用jquery在web应用程序中创建字符串资源管理系统
- JavaScript:从字节数组创建图像资源
- 按钮 On在其他活动中创建资产/资源
- AngularJS,创建一个资源哈希
- 通过多次单击创建字符串
- 创建字符串中找到的所有图像的数组的最佳方法是什么
- 使用 join() 或 concat 创建字符串
- 为原型中的函数创建字符串名称
- 如何在AngularJS中创建字符串的Add/Remove数组
- 在AngularJS中创建新资源后,无法获取新对象属性
- 如何创建字符串“;替换所有“;作用
- Node.js如何根据目录中的文件名创建字符串数组
- 创建字符串筛选器比较的最佳方式
- 使用 .each 从表创建字符串,如何在每行后添加换行符
- 从占转义字符的字符数组创建字符串
- Javascript:通过不同的方法创建字符串
- 在另一个集合中存储引用会创建对象,但不会创建字符串Meteor
- 删除PHP中JSON数组的索引,创建字符串版本的索引