Skip to content

juincen/jbjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 

Repository files navigation

JB.js

一个基于jQuery的前端渲染框架,路由功能正在开发中...

用法

引用了jb.min.js就不用引入jQuery了,其中已经包含了jQuery,JB.js是基于art-template的封装,语法相同。 模板语法请看art-template文档:https://aui.github.io/art-template/zh-cn/docs/

<html>

<head>
	<title>demo</title>
	<script src="./jb.min.js"></script>
</head>
<body>
	
	<div class="test">
		<h2>{{name}}</h2>
		<p>{{content}}</p>
		<ul>
			{{if isShow}}
			
			{{each users item idx}}
				<li>{{idx}} {{item.name}}</li>
			{{/each}}
			
			{{/if}}
		</ul>
	</div>
	
	<script>
		$(function(){
			
			JB.render({
				element:".test",
				data:{
					name:"我的简介",
					content:"我们是XXXXX,自从1998创立年以来...",
					users: [{name: 'juincen'},{name: 'mike'},{name: 'candy'}],
					isShow:true
				}
			});
		});
	</script>
</body>
</html>

注意

向上面这样用JB这个对象,使用render方法,传入参数后即可自动渲染,请不要直接传body 建议使用id选择器,或者类选择器。
QQ:709197459

About

一个基于jQuery的前端渲染框架

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages