cowboy的动态页用的是erlydtl，需要先安装erlydtl模板引擎，或者你在dep里面添加

创建工程

rebar-creator create-app testCowboy

testCowboy_app.erl

-module(testCowboy_app).

-behaviour(application).

-export([start/, stop/]).

-define(C_ACCEPTORS,  ).

start(_StartType, _StartArgs) ->

    application:start(crypto),

    application:start(cowlib),

    application:start(ranch),

    application:start(cowboy),

    application:start(gproc),

    application:start(uuid),

    application:start(cowboy_session),

    Routes    = route_helper:get_routes(),

    Dispatch  = cowboy_router:compile(Routes),

    Port      = ,

    TransOpts = [{port, Port}],

    ProtoOpts = [

        {env, [

            {dispatch, Dispatch}]}

    ],

    cowboy:start_http(http, ?C_ACCEPTORS, TransOpts, ProtoOpts).

stop(_State) ->

    ok.

route_helper.erl

-module(route_helper).

-export([get_routes/]).

get_routes() ->

    [

        {'_', [

            {"/dtl", dtl_handler, []}

        ]}

    ].

dtl_handler.erl

-module(dtl_handler).

-export([init/]).

-export([handle/]).

-export([terminate/]).

init(_Transport, Req, []) ->

    {ok, Req, undefined}.

handle(Req, State) ->

%%     这里的toppage_dtl是我们编译好的模板名

%%     erlydtl:compile_file("../templates/toppage.dtl", toppage_dtl).

    {ok, Body} = toppage_dtl:render([

        {client, <<"Client123">>},

        {server, <<"Server123">>}

    ]),

    {ok, Req2} = cowboy_req:reply(,

        [{<<"content-type">>, <<"text/html">>}],

        Body, Req),

    {ok, Req2, State}.

terminate(_Reason, _Req, _State) ->

    ok.

toppage.dtl

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>Cowboy Cookie Example</title>

</head>

<body>

    <h1>Cowboy Cookie Example</h1>

    <p>Refresh the page to see the next cookie.</p>

    <h2>Cookie Set Server-Side</h2>

    <p>{{ server }}</p>

    <h2>Cookie Set Client-Side</h2>

    <p>{{ client }}</p>

    <script type="text/javascript">

// <![CDATA[

document.cookie="client=test=";

// ]]>

    </script>

</body>

</html>

这里注意，在build的时候，需要先编译模板

erlydtl:compile_file("../templates/toppage.dtl", toppage_dtl).

简单弄了个编译脚本

rebar clean;

erl -eval 'erlydtl:compile_file("./templates/toppage.dtl", toppage_dtl,[{out_dir,"./ebin"}]).' -noshell -s init stop;

rebar compile;

我的目录

mac:testCowboy mmc$ tree

.

├── build.sh

├── src

│   ├── dtl_handler.erl

│   ├── route_helper.erl

│   ├── testCowboy.app.src

│   └── testCowboy_app.erl

└── templates

    └── toppage.dtl

试试看看，现在是不是可以了

注：dtl模板编译以后就是beam，所以，修改动态页面以后，模板需要重新编译并且load

cowboy动态页面的例子的更多相关文章

  1. Python开发入门与实战3-Django动态页面

    3.Django动态页面 上一章节我们实现的helloworld视图是用来演示Django网页是创建的,它不是一个动态网页,每次运行/helloworld/,我们都将看到相同的内容,它类似一个静态HT ...

  2. Scrapy 爬取动态页面

    目前绝大多数的网站的页面都是冬天页面,动态页面中的部分内容是浏览器运行页面中的JavaScript 脚本动态生成的,爬取相对比较困难 先来看一个很简单的动态页面的例子,在浏览器中打开 http://q ...

  3. scrapy实战4 GET方法抓取ajax动态页面(以糗事百科APP为例子)：

    一般来说爬虫类框架抓取Ajax动态页面都是通过一些第三方的webkit库去手动执行html页面中的js代码, 最后将生产的html代码交给spider分析.本篇文章则是通过利用fiddler抓包获取j ...

  4. ASM:《X86汇编语言-从实模式到保护模式》第16章：Intel处理器的分页机制和动态页面分配

    第16章讲的是分页机制和动态页面分配的问题,说实话这个一开始接触是会把人绕晕的,但是这个的确太重要了,有了分页机制内存管理就变得很简单,而且能直接实现平坦模式. ★PART1:Intel X86基础分 ...

  5. 利用scrapy-splash爬取JS生成的动态页面

    目前,为了加速页面的加载速度,页面的很多部分都是用JS生成的,而对于用scrapy爬虫来说就是一个很大的问题,因为scrapy没有JS engine,所以爬取的都是静态页面,对于JS生成的动态页面都无 ...

  6. Spring MVC 学习总结（七）——FreeMarker模板引擎与动态页面静态化

    模板引擎可以让程序实现界面与数据分离,业务代码与逻辑代码的分离,这就提升了开发效率,良好的设计也使得代码复用变得更加容易.一般的模板引擎都包含一个模板解析器和一套标记语言,好的模板引擎有简洁的语法规则 ...

  7. 自己写的一个关于Linq to Entity 动态查询的例子

    这两天一直想写一个动态查询的方式,先是晚上查询了一下,发现大家写的差不多都是一样的[如:http://www.cnblogs.com/ASPNET2008/archive/2012/10/28/274 ...

  8. 【图文详解】scrapy爬虫与动态页面——爬取拉勾网职位信息（2）

    上次挖了一个坑,今天终于填上了,还记得之前我们做的拉勾爬虫吗?那时我们实现了一页的爬取,今天让我们再接再厉,实现多页爬取,顺便实现职位和公司的关键词搜索功能. 之前的内容就不再介绍了,不熟悉的请一定要 ...

  9. Apache指南：CGI动态页面

    概要 相关模块 相关指令 mod_alias mod_cgi AddHandler Options ScriptAlias CGI(公共网关接口[Common Gateway Interface])定 ...

随机推荐

  1. ansible入门三（Ansible的基础元素和YAML介绍）

    Ansible的基础元素和YAML介绍   本节内容: YAML Ansible常用的数据类型 Ansible基础元素 一.YAML 1. YAML介绍 YAML是一个可读性高的用来表达资料序列的格式 ...

  2. 文件上传及时显示， 前端js和后端php相互结合使用

    文件读取 javascript 绑定文件上传变化事件 onchange 利用window对象 FileReader 调用方法 readerAsDataURL onload 方法 异步读取 属性:fil ...

  3. 2016年度，这40项IT技能年薪轻松超过10万美元

    众所周知,科技行业聚集了大批高薪职位,但这同样也是一个快速变化的市场.今天的热门技能明天就有可能惨遭淘汰. 求职网站Dice.com最近发布了<2016薪酬调查>, 列举了年薪最高的各种科 ...

  4. LeetCode OJ：Implement Stack using Queues（队列实现栈）

    Implement the following operations of a stack using queues. push(x) -- Push element x onto stack. po ...

  5. html5: 新特性（表单）

    表单: 在html4中,表单内的从属元素必须写在表单内部.在html5中,可以吧他们书写在页面任何位置,然后指定form属性,属性值为表单ID,这样就指定表单了. formaction,formmet ...

  6. windows的虚拟磁盘（vhd，vhdx）使用

    以前一直使用u盘或者移动硬盘接上usb直接拷贝文件,发觉速度一般.而且一般只有一个盘,分类也很不方便. 后来发现windows的虚拟磁盘可以解决我的问题... 经过一段时间的使用后发觉使用虚拟磁盘的方 ...

  7. LINUX中的DNS服务---DNS集群

    一.DNS集群的理解 在使用DNS的时候,为了缓解服务器的压力,会使用多个辅助DNS服务器来分担主DNS的工作.这些DNS就叫做DNS集群. 二.配置过程 1)在辅DNS中操作如下:(主机号为172. ...

  8. Happy Swifting!

    Happy Swifting! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ...

  9. 【剑指offer】输入一颗二叉树的根节点，求二叉树的深度，C++实现

    原创博文,转载请注明出处! # 题目 # 举例        下图二叉树的深度为4,最长路径为1-2-5-7. # 思路(递归)       如果一个树只有一个节点,它的深度为1: 如果根节点只有左子 ...

  10. 【剑指offer12】矩阵中的路径（回朔法）,C++实现

    1.题目 请设计一个函数,用来判断在一个矩阵中是否存在一条包含某字符串所有字符的路径.路径可以从矩阵中的任意一个格子开始,每一步可以在矩阵中向左,向右,向上,向下移动一个格子.如果一条路径经过了矩阵中 ...