熟练使用artTemplate.helper()方法

zoukankan html css js c++ java

熟练使用artTemplate.helper()方法
最近，使用artTemplate模板比较频繁，也遇到了一些问题。使用artTemplate模板的时候，使用{{$index}}只能获取到小写的阿拉伯数字，但是，项目实际需要大写的，类似，"一、二、三、四"这样的数字写法。之前也使用过这个模板，但是并没有遇到这样的需求。更要紧的是模板提供的helper()方法不怎么会用。形势所逼，还是硬着头皮了解一下吧。如果有同行业遇到这样的问题，在网上搜索的到类似的，那肯定和写的不一样，仔细了解一下吧，代码贴在这儿了。
1. <!DOCTYPE html>
2. <html>
3. <headlang="zh-cn">
4. <metacharset="UTF-8">
5. <title>arttemplate</title>
6. <scriptsrc="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
7. <scriptsrc="template.js"></script>
8. </head>
9. <body>
10. <divid="content3"></div>
11. <scriptid="test3"type="text/html">
12. <p>{{numberToChar 11230}}</p>
14. </script>
15. </body>
16. <script>
17. var toChar =["零","一","二","三","四","五","六","七","八","九"];
18. var toUnitChar =["","十","百","千","万","亿","万亿","亿亿"];
19. template.helper('numberToChar',function(number){
20. var toStr ='', toLargeStr ='';
21. var toUnitStr =0;
22. var flag =true;
23. while(number >0){
24. var v = number %10;
25. if(v ===0){
26. if(!flag){
27. flag =true;
28. toLargeStr = toChar[v]+ toLargeStr;
29. }
30. }else{
31. flag =false;
32. toStr = toChar[v];
33. toStr += toUnitChar[toUnitStr];
34. toLargeStr = toStr + toLargeStr;
35. }
36. toUnitStr++;
37. number =Math.floor(number /10);
38. }
39. return toLargeStr;
40. });
42. $('#content3').html(template('test3'));
43. </script>
44. </html>
最近，使用artTemplate模板比较频繁，也遇到了一些问题。使用artTemplate模板的时候，使用{{$index}}只能获取到小写的阿拉伯数字，但是，项目实际需要大写的，类似，"一、二、三、四"这样的数字写法。之前也使用过这个模板，但是并没有遇到这样的需求。更要紧的是模板提供的helper()方法不怎么会用。形势所逼，还是硬着头皮了解一下吧。如果有同行业遇到这样的问题，在网上搜索的到类似的，那肯定和写的不一样，仔细了解一下吧，代码贴在这儿了。
1. <!DOCTYPE html>
2. <html>
3. <headlang="zh-cn">
4. <metacharset="UTF-8">
5. <title>arttemplate</title>
6. <scriptsrc="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
7. <scriptsrc="template.js"></script>
8. </head>
9. <body>
10. <divid="content3"></div>
11. <scriptid="test3"type="text/html">
12. <p>{{numberToChar 11230}}</p>
14. </script>
15. </body>
16. <script>
17. var toChar =["零","一","二","三","四","五","六","七","八","九"];
18. var toUnitChar =["","十","百","千","万","亿","万亿","亿亿"];
19. template.helper('numberToChar',function(number){
20. var toStr ='', toLargeStr ='';
21. var toUnitStr =0;
22. var flag =true;
23. while(number >0){
24. var v = number %10;
25. if(v ===0){
26. if(!flag){
27. flag =true;
28. toLargeStr = toChar[v]+ toLargeStr;
29. }
30. }else{
31. flag =false;
32. toStr = toChar[v];
33. toStr += toUnitChar[toUnitStr];
34. toLargeStr = toStr + toLargeStr;
35. }
36. toUnitStr++;
37. number =Math.floor(number /10);
38. }
39. return toLargeStr;
40. });
42. $('#content3').html(template('test3'));
43. </script>
44. </html>
查看全文

相关阅读:
MySQL数据库的基本数据类型
 Mybatis学习记录（八）----Mybatis整合Spring
Mybatis学习记录（七）----Mybatis查询缓存
 Mybatis学习记录（七）----Mybatis延迟加载
 Mybatis学习记录（六）----Mybatis的高级映射
 Mybatis学习记录（五）----Mybatis的动态SQL
Mybatis学习记录（四）----resultMap的使用
 Mybatis学习记录（三）----理解SqlMapConfig.xml文件
 Vue生命周期
 vue简单路由（二）

原文地址：https://www.cnblogs.com/myprogramer/p/10313090.html