ejs的简单应用
获取数据
var init = function(){
api.my_bean_list({
},function(datas){
console.log(datas);
if (datas.errno){
alert(datas.errdesc);
return;
} else {
var h = new EJS({element:bean_list_ejs}).render(datas);
$('#for_bean_list_ejs').html(h);
}
},function(){
console.log("网络错误");
return;
});
};
$(function(){
setTimeout(function(){
init();
},500);
});
展示数据
<section>
<div id="for_bean_list_ejs">
</div>
</section>
<script type="text/template" id="bean_list_ejs">
<div class="middle">
[% for(var i=0;i< my_bean.length;i++){ %]
<div class="every_div">
<div class="left_div">
<div class="top_div">
[%= my_bean[i]['info'] %]
</div>
<div class="bottom_div">
[%= timestampToTime(my_bean[i]['ctime']) %]
</div>
</div>
<div class="right_div">
[% if(my_bean[i]['type'] == '1'){ %]
+
[% } %]
[% if(my_bean[i]['type'] == '0'){ %]
-
[% } %]
[%= my_bean[i]['bean_nums'] %]
</div>
</div>
[% } %]
</div>
</script>
间接接口获取数据
public function my_bean_list(){
$json = new Json();
$token = $_POST['token'];
if(!$token) {
$token = $_COOKIE['token'];
}
$uid = $_POST['uid'];
if(!$uid){
$flag = $this->l_intercept();
if(!$flag){
$json->setErr(10015, '用户未登录');
$json->Send();
}
$uid = $_COOKIE['uid'];
}
if(!$uid){
$json->setErr(10015, '用户未登录');
$json->Send();
}
$url = C('MOUSE_HOST') . 'Bean/my_bean_list';
$param = array(
'token' => $token,
'uid' => $uid,
);
$result = Http::doPost($url, $param);
$result = json_decode($result, true);
$this->set_log($param, $result, 'my_bean_list');
if($result['errno'] == 0){
$json->setErr(0,'获取我的5号豆信息成功');
$json->setAttr('my_bean', $result['data']);
$json->Send();
} else {
$json->setErr($result['errno'], $result['errdesc']);
$json->Send();
}
}
直接接口获取数据
/***
* 我的5号豆信息
*/
public function my_bean_list(){
$this->checkLogin();
$bean_list = M('BeanList');
$uid = (int)$_POST['uid'];
if (!$uid){
$this->json->setErr('10022','缺少用户信息');
$this->json->Send();
}
$list_flag = $bean_list->where(['uid' => $uid])->order('id desc')->select();
$list_flag = $list_flag ?: [];
$this->json->setAttr('data',$list_flag);
$this->json->Send();
}
ejs的简单应用的更多相关文章
- 利用Express和ejs编写简单页面
1.创建临时文件夹ejsdemo $ mkdir ejsdemo 2.进入ejsdemo 初始化项目 $ npm init 3.安装express $ npm install express --sa ...
- nodejs 模板引擎ejs的简单使用
ejs1.js /** * Created by ZXW on 2017/11/9. */ var ejs=require('ejs'); ejs.renderFile("},functio ...
- nodejs 模板引擎ejs的简单使用(3)
1.ejs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit ...
- nodejs 模板引擎ejs的简单使用(2)
test.ejs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...
- nodejs-5.1 ejs模板引擎
ejs官方文档:https://ejs.bootcss.com/ 1.什么是 EJS? "E" 代表 "effective",即[高效]. EJS 是一套简单的 ...
- 模板引擎ejs入门学习
1:利用 NPM 安装 EJS 很简单 npm install ejs 2:安装完成肯定就是使用了 var template = ejs.compile(str, options); template ...
- VUE -- ejs模板的书写
1.EJS是一个简单高效的模板语言,通过数据和模板,可以生成HTML标记文本.可以说EJS是一个JavaScript库,EJS可以同时运行在客户端和服务器端,客户端安装直接引入文件即可,服务器端用np ...
- EJS 高效的 JavaScript 模板引擎
什么是 EJS? "E" 代表 "effective",即[高效].EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面 ...
- 基于socket.io的实时在线选座系统
基于socket.io的实时在线选座系统(demo) 前言 前段时间公司做一个关于剧院的项目,遇到了这样一种情况. 在高并发多用户同时选座的情况下,假设A用户进入选座页面,正在选择座位,此时还没有提交 ...
随机推荐
- [日常训练]Z国特色社会路
Description 小$W$非常喜欢社会主义,这天他开始研究它的优越性. 他发现它们国家十分乐于修建特色的社会主义道路.具体的说,$Z$国有$n$座城市,由$m$条有向边连接,城市从$1$编号. ...
- PowerDesigner之SQL表格设计
设计表格我觉得用PowerDesigner比起在SQL Server中设计表格简单快捷许多. 首先,我们新建一个Model(可以使用快捷键Ctrl + N) 在PowerDesigner中侧边栏有浮动 ...
- 关于Spring3 MVC的 HttpMediaTypeNotSupportedException
使用框架:Spring3 MVC + dojo1.8 前提:配置Spring MVC以JSON数据形式响应请求 使用场景:dojo向Spring MVC发送ajax请求 异常信息: org.sprin ...
- hdu 5980 Find Small A(水,模拟)
Find Small A Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others)Tota ...
- ORACLE expdp \ impdp \ exp \ imp
(转自:http://www.cnblogs.com/lanzi/archive/2011/01/06/1927731.html) EXPDP命令行选项1. ATTACH该选项用于在客户会话与已存在导 ...
- Selenium2+Python自动化学习笔记(第1天)
参考[http://blog.csdn.net/henni_719/article/details/51096531]大神写的笔记,多谢大神共享. 哈哈,今天又找到一位大神写的Selenium2+Py ...
- VBox自动启动websrv 并开机启动所有的虚拟机
由于项目需要,在Ubuntu 16.04的Server版本中安装了一个virtualbox,并利用phpvirtualbox来管理虚拟机 需要在宿主机启动之后将所有的虚拟机也启动,因此用以下方式进行处 ...
- [Scala]Scala学习笔记二 数组
1. 定长数组 如果你需要一个长度不变的数组,可以使用Scala中的Array. val nums = new Array[Int](10) // 10个整数的数组 所有元素初始化为0 val str ...
- Java并发编程总结
基础概念 1.什么是原子操作?在Java Concurrency API中有哪些原子类(atomic classes)?原子操作(atomic operation)意为"不可被中断的一个或一 ...
- ORM 关键
1. 老师的增删改查 1. teacher_obj.cid.add(*[1, 2, 3]) 添加(必须打散) 2. teacher_obj.cid.set([1, 2, 3]) 设置(不用打散) 2. ...