前端模板引擎arttemplate,后端模板引擎Nvelocity

It‘s my first blog

  大家好,我叫曾岑,朋友们都叫我包子,今年21岁,湖北人,刚大学毕业,学的.net开发。去年一年,在南京工作了一年,那时候还没有拿到毕业证,找工作也是蛮难的,别人说没毕业证,也没经验,工资只能给个基础工资,不过还好,和几个朋友一起结伴去的,一起租的房子住的。在南京的工作经历就不说那么多了,至少让我看到了编程的这个世界。  今年7月份,辞掉了南京的工作,来到了深圳这个城市,重新开始找工作,运气还算不错,第二天就面试上了,第三天就正式上班了,工资待遇对于我这种新手来说还行, 至少能让我在深圳这个城市养得活自己。第一天上班大多数都差不多,装装系统,以及配置好电脑上必须品,然后,下午就开始工作。  经理给的第一个任务就是写一个代码生成器,之前他有用其他的技术完成了这个代码生成器,但是有些地方还是有些问题,需要调整,然后让我们用后端模板引擎Nvelocity做。一开始根本不知道这个是干嘛用的,然后慢慢接触了一点后,同事也给我一份资料让我看,我慢慢的对这个Nvelocity有了点了解,开始使用它对应前端的html页面。我对这个Nvelocity最深刻的印象就是,以前写界面,是界面对应的后端的一般处理程序,然后再将数据通过ajax,将ajax数据返回到界面。现在是一个一般处理程序对应一个界面,访问界面的时候,并不是像原来的输入xxxx.aspx,而是xxxx.ashx,然后一般处理程序对应着界面,实质上是通过一般处理程序查到的数据,通过Nvelocity将数据打印到静态界面上,http://www.cnblogs.com/hxling/archive/2011/10/23/2221918.html这个就是它的基础用法,它的语法也不难,容易掌握,并且它可以调用后台的方法,只要按照它的格式将方法名定义好,put出去,然后使用它的$mytool.GetuName(uId),上面给的链接里会有讲到,只要掌握了基础,熟悉了就蛮好用的,对于我这种菜鸟,一两天就可以掌握了,其实和MVC框架差不多,当你用了这个Nvelocity时候。  后端的Nvelocity粗略的讲了下,再说说前端模板引擎arttemplate。项目中有一个功能是,展示我关注的人,还有关注我的人,分别是两个数据,然后一开始经理让我设计怎么做这个模块,因为我的经验并不足,只能想到用一个div里面存关注的人的数据,一个div存关注我的人的数据,只不过通过控制div的style:display="none"(or "block"),然后经理说,你干嘛用两个div存,当你点击我关注的时候只显示我关注的人的数据,点击关注我的时候显示关注我的人数据。但只是在一个div里面显示,我真的想不到任何解决办法,直接跟经理说,我不会做,经理有什么好的方法吗,经理给我找出了这个前端模板引擎atrtemplate,给我写了个例子,然后让我参照着例子来写这个功能,首先要用定义一个我关注的人的数据格式,例如 list:{id:1,Name:"baozi"},然后定义一种我要该怎么展示在页面上的样式,就和html基础的定义一样,<script type="text/html"><input type=‘checkbox‘ name=‘chb‘/></script>附上https://github.com/aui/artTemplate链接,可下载下来参考。喔,对了,我用的是封装好后的语法,你也可以用原生的语法,其实差不多,只不过我发现,封装后的语法,竟然不能定义变量,也许是我没找到,如果有大牛知道,请给予指示(不像Nvelocity一样定义变量来存值可用#set来定义),当我完成了这一功能后,确实发现这个前端模板引擎很好用,是个不错的模板。还有你定义的数据格式,存的数据可以配合Nvelocity一起来绑定数据,将两种模板引擎一起使用,可提高项目程序的维护性,因为前端后端分开确实有利于维护,哪里有问题就改哪里(so easy~)。  最近由于公司美工来我这调样式与js的时候我无意间发现了layer这个弹出层,样式好看,功能健全,以后就可以不用alert来弹出,这个layer对于我这种新手来说,解决了美观和功能相结合的一个小细节。最后附上链接:http://layer.layui.com/。  这是我第一次写博客,今天2015年9月4号,阅兵后的一天,作为新手来的程序员的世界,未来的路还有很长,要学习的东西还有很多,作为程序员中的一员,我也想尽我的一份微薄之力分享我的心得,虽然写的不好,但我有在用心写,希望大牛们给予指点,我会以后定期的写写,作为我的成长之路中的一种记录,加油。
时间: 2025-01-02 14:19:42

前端模板引擎arttemplate,后端模板引擎Nvelocity的相关文章

模板引擎artTemplate及模板预编译器TmodJS的使用入门

一.为什么要使用前端模板? 主要为了解决UI层与业务逻辑的纠缠不清.比如我们需要根据后端返回的数据动态生成一个表格或者类似表格的DOM(比如ul > li等)时,按照传统的方式,需要我们先获取数据,然后在页面的js中通过遍历数据.提取相关数值以及动态拼接html字串的方式,生成最终的DOM.这样就产生了UI与业务逻辑的纠缠.如果只是偶尔或者局部使用可能问题不明显,但如果代码量庞大.业务或数据十分复杂的情况下,这种方式产生的代码会十分不利于后期维护,这想必是每一个开发人员都不愿看到的.因此,便产生

node.js ejs模板引擎将后端数据赋值给前端js

使用node.js的Express脚手架生成项目默认是jade模板引擎,jade引擎实在是太难用了,这么难用还敢设为默认的模板引擎,过分了啊!用handlebars模板引擎写还说的过去,但笔者更愿意使用ejs,选它是因为跟Asp.Net的模板引擎有点相似吧. 先来看一下这几个模板引擎: jade模板 html head title #{title} meta(charset="UTF-8") body div.description #{description} ul - each d

js模板引擎--artTemplate

js模板引擎--artTemplate 以前研究过一段时间的handlebars,但因为其渲染性能略逊于腾讯的artTemplate(在artTemplate的GitHub官网上有推荐的性能测试地址),貌似最近耳边听到得最多的模板引擎也就是artTemplate了,所以就花个时间来研究下吧... artTemplate是新一代的javascript模板引擎,若采用拥有V8引擎的chrome浏览器进行测试,其渲染性能甚至能达到知名模板引擎Mustache的20倍以上以及模板引擎tmpl的40倍以上

性能卓越的js模板引擎--artTemplate

以前研究过一段时间的handlebars,但因为其渲染性能略逊于腾讯的artTemplate(在artTemplate的GitHub官网上有推荐的性能测试地址),貌似最近耳边听到得最多的模板引擎也就是artTemplate了,所以就花个时间来研究下吧... artTemplate是新一代的javascript模板引擎,若采用拥有V8引擎的chrome浏览器进行测试,其渲染性能甚至能达到知名模板引擎Mustache的20倍以上以及模板引擎tmpl的40倍以上,测试截图如下: 下面进入正题: 特性

前端学PHP之自定义模板引擎

什么是网站模板?准确地说,是指网站页面模板,即每个页面仅是一个板式,包括结构.样式和页面布局,是创建网页内容的样板,也可以理解为已有的网页框架.可以将模板中原有的内容替换成从服务器端数据库中动态内容,目的是可以保持页面风格一致 PHP是一种HTML内嵌式的在服务器端执行的脚本语言,所以大部分PHP开发出来的Web应用,初始的开发模板就是混合层的数据编程.虽然通过MVC设计模式可以把程序应用逻辑与网页呈现逻辑强制性分离,但也只是将应用程序的输入.处理和输出分开,网页呈现逻辑(视图)还会有HTML代

前后端模板引擎

页面模板化,直接加载json,循环替换即可,把页面变成js模板,加载json,生成页面即可 JS模板,前端模板引擎 把JS获取到的接口数据重新放进页面,进行数据更新 php模板引擎: feather view http://feather-team.github.io/blade是laravel提供的模板引擎http://www.golaravel.com/laravel/docs/5.1/blade/ laravel框架 java模板引擎:freemarker 前端模板引擎artTemplat

js模板引擎art-template使用方法

art-template是款性能卓越的 js 模板引擎 https://aui.github.io/art-template/ 特性 拥有接近 JavaScript 渲染极限的的性能 调试友好:语法.运行时错误日志精确到模板所在行:支持支持在模板文件上打断点(Webpack Loader) 支持压缩输出页面中的 HTML.CSS.JS 代码 支持 Express.Koa.Webpack 支持模板继承与子模板 兼容 EJS.Underscore.LoDash 模板语法 模板编译后的代码支持在严格模

js模板引擎-art-template常用

art-template javascript 模板引擎 分为原生语法和简洁语法,本文主要是讲简洁语法 基础数据渲染 输出HTML 流程控制 遍历 调用自定义函数方法 子模板引入 基础数据渲染 一.引入art-template.js文件 <script src="template-debug.js"></script> 二.编写HTML模板 <script id="test" type="text/html">

js模板引擎-art-template常用总结

art-template javascript 模板引擎,官网:https://github.com/aui/art-template 分为原生语法和简洁语法,本文主要是讲简洁语法 基础数据渲染 输出HTML 流程控制 遍历 调用自定义函数方法 子模板引入 基础数据渲染 一.引入art-template.js文件 <script src="template-debug.js"></script> 二.编写HTML模板 <script id="te