获取数据

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的简单应用的更多相关文章

  1. 利用Express和ejs编写简单页面

    1.创建临时文件夹ejsdemo $ mkdir ejsdemo 2.进入ejsdemo 初始化项目 $ npm init 3.安装express $ npm install express --sa ...

  2. nodejs 模板引擎ejs的简单使用

    ejs1.js /** * Created by ZXW on 2017/11/9. */ var ejs=require('ejs'); ejs.renderFile("},functio ...

  3. nodejs 模板引擎ejs的简单使用(3)

    1.ejs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit ...

  4. nodejs 模板引擎ejs的简单使用(2)

    test.ejs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...

  5. nodejs-5.1 ejs模板引擎

    ejs官方文档:https://ejs.bootcss.com/ 1.什么是 EJS? "E" 代表 "effective",即[高效]. EJS 是一套简单的 ...

  6. 模板引擎ejs入门学习

    1:利用 NPM 安装 EJS 很简单 npm install ejs 2:安装完成肯定就是使用了 var template = ejs.compile(str, options); template ...

  7. VUE -- ejs模板的书写

    1.EJS是一个简单高效的模板语言,通过数据和模板,可以生成HTML标记文本.可以说EJS是一个JavaScript库,EJS可以同时运行在客户端和服务器端,客户端安装直接引入文件即可,服务器端用np ...

  8. EJS 高效的 JavaScript 模板引擎

    什么是 EJS? "E" 代表 "effective",即[高效].EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面 ...

  9. 基于socket.io的实时在线选座系统

    基于socket.io的实时在线选座系统(demo) 前言 前段时间公司做一个关于剧院的项目,遇到了这样一种情况. 在高并发多用户同时选座的情况下,假设A用户进入选座页面,正在选择座位,此时还没有提交 ...

随机推荐

  1. activity状态的保存和恢复

    activity状态的保存和恢复 一.简介 1.保存activity状态 * 保存activity状态,onSaveInstanceState这个方法会自动保存有ID的组件的状态 * 没有ID的组件或 ...

  2. const 函数参数

    void func(int value); 这样的函数,不可以这样子使用: const int value =100; func(value ); 因为func里面可能会对value进行更改,将con ...

  3. MyEclipse安装git插件

    安装egit插件的步骤(安装egit不成功的原因主要是下载的egit版本不适合当前使用的eclipse版本).先检查自己MyEclipse适用egit的版本. 查看自己MyEclipse版本,如下图: ...

  4. android开发环境:使用Android Studio搭建Android集成开发环境(图文教程)

    开发环境情况: 物理机版本:Win 7旗舰版(64位) Java SDK版本:jdk1.8.0_25(64位) Android SDK版本:Android 7.1(API 25) Android St ...

  5. python中配置文件的使用

    一. 什么是配置文件?为什么要做配置文件? 将所有的代码和配置都变成模块化可配置化,这样就提高了代码的重用性,不再每次都去修改代码内部,这个就是我们逐步要做的事情,可配置化 二. python中的Co ...

  6. 跨平台TTS eSpeak Windows开发

    转摘请说明出处:http://www.cnblogs.com/luochengor/p/3511165.html以及作者,谢谢. eSpeak是最为流行的开源跨平台的文本转语音程序.这两天进行了简单的 ...

  7. SVN与Git优缺点比较

    1.SVN优缺点优点: 1. 管理方便,逻辑明确,符合一般人思维习惯. 2. 易于管理,集中式服务器更能保证安全性. 3. 代码一致性非常高. 4. 适合开发人数不多的项目开发. 缺点: 1. 服务器 ...

  8. Node.js权威指南学习记录

    学习nodeJS权威指南的学习记录 导航: 1.console模块 2.全局变量 3.Buffer对象 4.事件对象 5.网络请求 6.文件操作对象 一. COMMON.js的学习.(commonJS ...

  9. 003——VUE操作元素属性

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  10. LeetCode OJ:Find Peak Element(寻找峰值元素)

    A peak element is an element that is greater than its neighbors. Given an input array where num[i] ≠ ...