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. [sqlite] 判断表、视图是否存在及常用C#操作语句

    1,判断表是否存在: SELECT name, sql FROM sqlite_master WHERE type="table" AND name = "Dom&quo ...

  2. SQL SERVER 算法执行效率

    较差的性能 <---没有索引(为每个表执行表扫描) --->非聚集非覆盖索引(seek+局部有序扫描+lookups) ---> 聚集索引(seek+局部扫描) ---> 非聚 ...

  3. C#笔记 -- 协变、逆变

    协变 理解:在泛型和委托中, 让使用某个泛型参数A的类型可以用一个使用由A派生的泛型参数B的类型实例化,(小=> 大)如 ​ // IEnumerable<Animal> 与 Lis ...

  4. new/delete工作机制

    body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...

  5. Win10启动盘制作工具

    Rufus https://rufus.akeo.ie/ http://www.iplaysoft.com/windows-10-udisk-install.html

  6. jquery表单验证插件 jquery.form.js-转

    来自:http://www.cnblogs.com/luluping/archive/2009/04/15/1436177.html Form插件,支持Ajax,支持Ajax文件上传,功能强大,基本满 ...

  7. RTP协议学习

    RTP协议是承载在UDP协议之上的应用协议 http://blog.csdn.net/chen495810242/article/details/39207305 http://blog.51cto. ...

  8. three.js入门系列之视角和辅助线

    假设你已经创建好了three.js的开发环境(我是写在vue项目中的),那么接下来,从头开始演示是如何用three.js来构建3D图形的.(笔记本写的代码,屏幕小,所以为了能够整屏看到完整代码,就将字 ...

  9. vue--踩坑

    1.通过computed计算属性,计算过的值,假如传递给子组件,在子组件中修改是不起作用的.

  10. 【跟着stackoverflow学Pandas】Renaming columns in pandas-列的重命名

    最近做一个系列博客,跟着stackoverflow学Pandas. 以 pandas作为关键词,在stackoverflow中进行搜索,随后安照 votes 数目进行排序: https://stack ...