Jsrender初体验
支持一个活动,在以往项目基础上修修改改,通过这类小微项目快速熟悉开发、测试以及部署环境。
前端页面中看到了一段Js代码,从语法结构上看有点像模板引擎,最后确认是一个基于jquery的模板引擎-JsRender.官网
特定的js标签,通过API可以很方便生成html代码,ajax获取后端json数据后渲染为html代码,然后显示到容器中,简洁易用的API,今后的项目开发多了一个选择。
JsRender提供了常用的流程控制,非常方便,项目中主要用到了一个循环生成产品列表,后续根据实际情况再慢慢熟悉。
<script type="text/x-jsrender" id="scriptProductList">{{for ProductList}}<div class="product"><a target="_blank" href="{{>productURL}}" class="pro-name" title="{{>productName}}">{{>productName}}</a><a target="_blank" href="{{>companyURL}}" class="pro-com" title="{{>companyName}}">{{>companyName}}</a></div>{{/for}}</script>
var html = $("#scriptProductList").render({ "ProductList":data.results }); $("#divRender").html(html);
转载于:https://www.cnblogs.com/jingsha/p/5884852.html
Jsrender初体验相关推荐
- 苹果电脑安装python3密码_mac系统安装Python3初体验
前沿 对于iOS开发不要随便拆卸系统自带的Python,因为有很多 library 还是使用 Python2.7. 1 安装Xcode 1.1 App Store 搜索Xcode 并安装 1.2 安装 ...
- MapReduce编程初体验
需求:在给定的文本文件中统计输出每一个单词出现的总次数 第一步: 准备一个aaa.txt文本文档 第二步: 在文本文档中随便写入一些测试数据,这里我写入的是 hello,world,hadoop he ...
- 小程序 缩放_缩放流星应用程序的初体验
小程序 缩放 by Elie Steinbock 埃莉·斯坦博克(Elie Steinbock) 缩放流星应用程序的初体验 (First Experiences Scaling a Meteor Ap ...
- wxWidgets刚開始学习的人导引(3)——wxWidgets应用程序初体验
wxWidgets刚開始学习的人导引全文件夹 PDF版及附件下载 1 前言 2 下载.安装wxWidgets 3 wxWidgets应用程序初体验 4 wxWidgets学习资料及利用方法指导 5 ...
- 用鸿蒙跑了个 “hello world”!鸿蒙开发初体验
点击上方蓝色"方志朋",选择"设为星标" 回复"666"获取独家整理的学习资料! 来源 | https://my.oschina.net/u ...
- Windows Embedded Standard开发初体验(二)
支持Silverlight的Windows Embedded Standard 好了,完成安装之后,我们就可以来做Windows Embedded Standard的第一个操作系统镜像了.在开始菜单中 ...
- 深度探索Hyperledger技术与应用之超级账本初体验(附部署代码)
2019独角兽企业重金招聘Python工程师标准>>> 本章零基础地介绍了如何快速体验超级账本搭建的区块链网络,我们先绕过了比较复杂的初始化配置,用官方提供的fabric-sampl ...
- Spring环境搭建,IoC容器初体验~
由于最近的任务是关于IoC配置文件格式的转换,所以需要从Spring的IoC容器开始学起,今天根据网上的介绍搭建了Spring环境,并对其IoC容器进行了初体验.文章中涉及到的软件以及推荐的一本关于S ...
- 来自新手Banana Pi香蕉派初体验
2019独角兽企业重金招聘Python工程师标准>>> 一.前言 一段时间来对有强大的技术支持和完善的社区的Raspberry Pi很感兴趣,本想入一片学习学习,但转念一想Raspb ...
最新文章
- framebuffer的入门介绍-实现程序分析【转】
- 2011寒假-joomla学习笔记
- js 加alert后才能执行方法
- 关于SAP中物料双单位的解析
- phpcms9-6-0 一键getshell工具
- 4-2日装饰器,带参数的装饰器
- 计算机硬盘的扇区大小,硬盘扇区编辑功能概述 - DiskGenius
- es6 循环加载ES6模块
- 嘉年华回顾丨杜小勇教授带你解密One Size Does not Fit All?
- phpmyadmin mysql更新_mysql利用phpmyadmin实现数据库同步更新
- 天下的母亲都是一样的
- 商业模式画布模板——From 《商业模式新生代》
- YYKit系列之——YYModel使用
- DBSCAN聚类算法原理和伪代码
- R语言卡方检验最全总结
- python与分形0017 - 【教程】彩色色阶蛛网
- Java导出多个excel并压缩下载
- 【uni-app学习】uni-app低功耗蓝牙采坑记录
- Webex助力Innokids消除沟通隔阂,成就无边界创作
- 计算机网络基础之计算机网络
热门文章
- ORM框架之Mybatis(四)MyBatis生成器,逆向工程生成实体类和SQL
- 论文笔记--基于 FCM 聚类的跨模态人物图像标注方法-2015
- history模式 nginx配置_Vue history模式Nginx配置
- Custom UDP Packet Wrapper
- 多分支维护难题:如何提交 ChangeLog 变更日志?
- android开发那些事儿(四)--调用系统相机像素过低
- Android ListView常用用法(结合长按、数据库等)
- How to use the Feathers ScreenNavigator component
- 2.窗口大小改变和侧边栏收缩的时候,echarts图表的自适应
- 塞尔达盾反机器人_《塞尔达传说:荒野之息》新手盾反技巧详解攻略