精华内容
下载资源
问答
  • HTML模板

    千次阅读 2019-01-04 11:06:40
    免费前端后台模板  1. templatemo  2. 模板之家

    免费前端后台模板 
    1. templatemo 
    2. 模板之家

    展开全文
  • 全网html模板模板免费下载

    千次阅读 2019-03-01 10:49:00
    全网html模板模板免费下载 网站模板

    全网html模板模板免费下载
    网站模板

    展开全文
  • HTML 模板继承

    千次阅读 2016-04-07 15:49:54
    HTML 模板继承

    网站模板的设计,一般的,我们做网站有一些通用的部分,比如 导航,底部,访问统计代码等。合理的规划模板往往会减少工作量,同时也使得罗乱、难以阅读的静态页面布局变得优雅。

    假设,我们的网站主页面除了正文是由导航条,低栏,统计栏构成。也就是nav.html,bottom.html,tongji.html。

    在构建页面的时候,可以写一个base.html来包含(include)这些通用文件,如下:

    <!DOCTYPE html> <html> <head>     <title>{% block title %}默认标题{% endblock %}</title> </head> <body>   {% include 'nav.html' %} {% block content %}     <div>这里是默认内容,所有继承自这个模板的,如果不覆盖就显示这里的默认内容。</div> {% endblock %} {% include 'bottom.html' %} {% include 'tongji.html' %} </body> </html>

    在这里,所有的include都是引入通用文件,而block都是定义默认模块,其他继承base.html的页面,都可以在自己的页面中重新定义这些模块,达到覆盖替换的作用。

    比如我们设计一个主页面index.html,继承自base.html,同时替换base.html中的title和content两个模块。以下是index.html文件的内容:

    {% extends 'base.html' %} {% block title %}欢迎光临首页{% endblock %} {% block content %} {% include 'ad.html' %} 这里是首页,欢迎光临 {% endblock %}

    运行这个页面,你就会发现,原有的base.html中的模块被替换掉了。

    展开全文
  • HTML模板引擎

    千次阅读 2017-10-22 11:03:49
    HTML模板引擎支持特性 根据页面内嵌节点作为模板 根据嵌入式代码文件作为模板 从文件加载模板 include标签的支持(页面嵌套) 下载模板下载地址:https://github.com/vervet/dee.template安装 npm install dee-template...

    支持特性

    1. 根据页面内嵌节点作为模板
    2. 根据嵌入式代码文件作为模板
    3. 从文件加载模板
    4. include标签的支持(页面嵌套)

    下载

    模板下载地址:https://github.com/vervet/dee.template

    安装

      npm install dee-template
    

    用法1. 根据页面内嵌节点作为模板

    模板代码 (将模板放在当前代码页面)

    <TEXTAREA id='tpl_1' style='display:none'>
       日期:<span>${date}</span>
       姓名:<span>${name}</span>
       照片:<img src='${body.photo}'>
       体重:<span>${body.weight}</span>
       身高:<span>${body.length}</span>
    
    </TEXTAREA>
    
    <div id='babyInformation'>
    </div>

    用法

      require("dee-template");
      var data ={
          date:'2017-06-02',
          name:'Allen,Ding',
          body:{
             'weight':3.45,
             'length':50,
          }
      }
      var node = Template.makeNode('#tpl_1', data);
      $('#babyInformation').append(node);
    
      //或者
      Template.makeNodeTo('#tpl_1',data,'#babyInformation');
    

    用法2. 根据嵌入式代码文件作为模板

    主页面代码:

    <object id='obj_1' data='include.inc.html'
    type='text/plain' style='disply:none'></object>

    模板文件 include.inc.html代码:

    <TEXTAREA id='tpl_1'>
       日期:<span>${date}</span>
       姓名:<span>${name}</span>
       照片:<img src='${body.photo}'>
       体重:<span>${body.weight}</span>
       身高:<span>${body.length}</span>
        <% 
            for(var i =0; i < 5; i++)
            {
        %>
            ${i} is <%=i %> 
         <%
            }
        %>
    </TEXTAREA>
    <TEXTAREA id='tpl_2'>
    .....
    </TEXTAREA>

    用法:

     require("dee-template");
      var data ={
          date:'2017-06-02',
          name:'Allen,Ding',
          body:{
             'weight':3.45,
             'length':50,
          }
      }
      var maker = Template.fromEmbededObject('#obj_1');
      var html = maker.template('#tpl_1', data);
    

    用法3. 从文件加载模板(node)

    (依赖 FS 组件,只适合于nodeJs环境)

    主页面代码:

    模板文件 include.inc.html代码:

    <div id='tpl_1'>
       日期:<span>${date}</span>
       姓名:<span>${name}</span>
       照片:<img src='${body.photo}'>
       体重:<span>${body.weight}</span>
       身高:<span>${body.length}</span>
        <% 
            for(var i =0; i < 5; i++)
            {
        %>
            ${i} is <%=i %> 
         <%
            }
        %>
    </div>
    <div id='tpl_2'>
    ...
    </div>

    主界面js用法:

      require("dee-template");
      var data ={
          date:'2017-06-02',
          name:'Allen,Ding',
          body:{
             'weight':3.45,
             'length':50,
          }
      }
      var maker = Template.fromFile('include.inc.html');
      var html = maker.template('#tpl_1', data);
    
    

    4. include 标签的支持(html文件引用)

    本方法适用于HTML的模块化
    ,本功能特别适合于大型项目,进行模块划分
    include 功能的深度嵌入

    主界面代码,
    举例1

    <INCLUDE node='tpl_1' src='include.inc.html' script='hello.js'></INCLUDE>

    举例2

    <INCLUDE module='inc_1' src='include.inc.html'></INCLUDE>
    <INCLUDE module='inc_1' node='tpl_1' ></INCLUDE>
    <INCLUDE module='inc_1' node='tpl_2' data='{a:1,b:2}'></INCLUDE>

    模板文件 include.inc.html代码:

    <div id='tpl_1' >
       日期:<span>${date}</span>
       姓名:<span>${name}</span>
       照片:<img src='${body.photo}'>
       体重:<span>${body.weight}</span>
       身高:<span>${body.length}</span>
    </div>
    <div id='tpl_2'>
       ...
    </div>

    主界面JS代码

    4.1 include标签的属性

    属性 说明
    src 所嵌入的html代码所在文件名
    node 所使用的子模板的id(在模板文件内的节点id)
    module include模板的实例id
    data 向模板填充的值
    script 需要执行的代码 (书写规则另见)

    如果一个模板文件 有多个子模板节点被使用,
    可以参考include功能的举例2,先将模板文件实例化,再分别使用各子模板

    4.2 支持循环嵌套

    include 支持循环嵌套

    4.3 支持运行js代码

    script 指向模块需要运行的内嵌代码,规则举例

    class MyModule  {
      constructor($) { 
           this.$=$;
           //  $选中的节点,为局部HTML模块的节点
           var name = $('#username').html(); 
           myOldCode($);
      }
      publicMethod (){
         //公开的函数
         //使用方法,见下文
      }
    } //class
    function myOldCode($){
        //all my old code
    }
    module.exports = MyModule;
    

    4.3.1 调用公共函数

    //调用公共函数
    $('include')[0].runtime.publicMethod();
    //访问节点的类实例的函数
    

    4.3.2 绑定自定义事件

    //绑定自定义事件
    $('include')[0].runtime.on('myevent',function(param){
        //.....
    })

    4.3.3 触发自定义事件

    //类内部触发事件
    this.trigger('myevent',123);
    //或  
    this.myevent.trigger(123);
    //或从外部触发
    $('include')[0].runtime.trigger('myevent',123);
    //或
    $('include')[0].runtime.myevent.trigger(123)

    data 属性应用:

    没有node值的include标签不会被实例化,
    可以为该节点设置 node, data, module,甚至src 后,
    使用activeInclude方法,动态激活该标签

    <include id='inc_1'> </include>
    $('#inc_1').attr('src','xxx.inc.html');
    $('#inc_1').attr('node','tpl_10');
    $('#inc_1').attr('data','{a:100,b:200}');
    Template.activeInclude('#inc_1');
    //或者
    Template.activeInclude(
         '#inc_1',
         {node:'', src:'', data:''}
    );

    4.4 事件制造器 Template.EventFactory

    Template.EventFactory(obj, event)
    //为对象声明事件
    Template.EventFactory(mainObj, 'myevent');
    
    //触发事件
    mainObj.myevent.trigger(111);
    

    使用者
    “`js
    mainObj.myevent(function(param){
    //接收到参数

    });

    展开全文
  • HTML模板、DIV+CSS模板、个人博客模板、简单、安静、清爽、快速
  • egg渲染html模板

    万次阅读 2018-10-16 14:35:50
    1、安装模板插件egg-view-ejs,虽然是ejs模板插件,但是后面会设置成html模板 npm i egg-view-nunjucks -S 2、在config/plugin.js里声明该插件 exports.nunjucks = { enable: true, package: 'egg-view-nunju...
  • APP下载页面HTML模板

    千次下载 热门讨论 2014-11-04 20:01:28
    APP下载页面HTML模板,大家可以参考,直接修改图片即可。
  • gin html模板调用js函数

    万次阅读 2020-02-26 16:50:45
    最近想用gin写个web服务器,发现gin提供了html模板这个功能,感觉贼方便,可以前后端一块开发了~ 可是,用着用着发现一个问题,就是,不能在html模板里直接定义js函数。。。 对这个问题,我的理解是,html模板是个...
  • Intellij IDEA 配置HTML模板

    千次阅读 2020-03-12 11:44:02
    最近在学习vue,每次写html代码模板的的时候有些浪费时间,自己配了个html模板,这样就方便多啦 步骤 Mac上IntelliJ IEDA->preferences ( win上file->settings),找到File and Code Templates 点击 + 号新建...
  • html模板
  • 非常多的后台登录界面HTML模板,而且很漂亮

    千次下载 热门讨论 2011-06-18 09:17:10
    非常多的后台登录界面HTML模板,而且很漂亮,好不容易一个一个搜的,花了我好多分啊
  • vs code 配置html模板

    千次阅读 2019-07-10 16:47:31
    vs code 配置html模板 找到配置位置 首选项 - 用户代码片段 - 输入html.json 2. 写入代码段 // html.json { // Place your snippets for html here. Each snippet is defined under a snippet name and has a ...
  • 2021年新年快乐HTML模板

    千次阅读 2021-01-11 15:35:20
    2021年新年快乐HTML模板是一款窄屏小巧好看的新年庆祝网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。 下载地址: http://www.bytepan.com/xLg7c4HkvcK 图片预览: ...
  • nodejs express使用HTML模板

    千次阅读 2019-09-11 10:49:40
    一般我们在做node web项目的时候,想使用我们平时常用的html模板,express默认使用jade模板,本身是没有HTML的,那么如何实现呢? ejs模板配置 使用 var app = express(); app.set('views', path.join(__dirname, '...
  • Express使用html模板

    千次阅读 2017-03-09 15:51:30
    express默认使用jade模板,可以配置让其支持使用ejs或html模板。   1. 安装ejs  在项目根目录安装ejs. npm install ejs 2、引入ejs var ejs = require('ejs'); //我是新引入的ejs插件 3、设置html...
  • JavaMail结合Freemarker生成邮件HTML模板

    千次阅读 2020-04-15 10:26:14
    HTML模板方面,当时在考虑Thymeleaf和Freemarker选用两个组件之一,最后还是选用freemarker;并不是说thymeleaf差,而是就个人而言觉得freemarker上手还是比较快,而且官方文档资料齐全;同样也考虑可能模板后续的...
  • Java读取根据HTML模板生成HTML页面

    万次阅读 2018-01-23 10:58:54
    首先,我们需要一个html模板: ###title### ###title### ###author### ###content### ###html### 其次:我们编写java代码实现模板读取,页面生成: import javax.servle
  • node渲染html模板的两种方法

    千次阅读 2019-03-10 15:14:11
    Nodejs在进行渲染前端文件的时候,可以...方式二:使用swig进行渲染HTML模板 后台JS文件 HTML模板文件 总结: 引擎设置 接收参数 方式一:使用ejs渲染引擎 后台JS文件 var express=require('exp...
  • Sublime快速生成HTML模板

    千次阅读 2019-06-28 15:08:19
    生成方法: 新建文档(Ctrl +N) Ctrl + Shift +P,打开命令模式,输入sshtml 进行模糊匹配,将语法切换成html模式 3. 输入 !,再按下Tab 或者 Ctrl + E,即可生成HTML模板。 ...
  • HTML模板语言

    万次阅读 2018-05-22 14:18:01
    1)作为Web框架,Django提供了模板,可以很便利的动态生HTML 2)模版系统致力于表达外观,而不是程序逻辑。 3)模板的设计实现了业务逻辑(view)与显示内容(template)的分离,一个视图可以使用任意一个模板,一个...
  • 50电影模板Html模板! 56个游戏Html模板 86个体育项目Html模板 95个音乐网站Html模板 116个时尚Html模板 50电影模板Html模板! 儿童电影动画片主题网站模板.rar 卡通html5电影网站模板.rar 钢铁侠电影...
  • 使用Thymeleaf渲染html模板

    千次阅读 2018-12-10 14:10:30
    使用Thymeleaf来渲染html模板 step1:添加Thymeleaf依赖 &lt;!-- Thymeleaf 模板引擎 --&gt; &lt;dependency&gt; &lt;groupId&gt;org.thymeleaf&lt;/groupId&gt; &lt;...
  • 基于layui后台html模板免费下载 下载地址:https://www.yujianni.top/news/comp_artinfo.html?id=131
  • vscode配置vue及html模板

    千次阅读 2020-02-07 20:47:37
    vscode配置vue及html模板 1.找到File— preferences — User Snippets 2.在搜素框里输入vue或者html 3.在html.json或者vue.json输入以下代码 “vue-template”: { “prefix”: “vue”, “body”: [ “”, “<...
  • html页面嵌入模板html模板

    千次阅读 2018-07-06 11:54:30
    &lt;iframe width="100%" height="225px" src="/search/frameDisplay_searchTop.action?mode=${param.mode }&amp;dimension=${param.dimension}&amp;... id=fr
  • python(Django之html模板继承)

    千次阅读 2017-12-13 18:47:45
    Django之html模板继承简单案例 1 构建母板,确定不变内容和可变内容 2 构建子板,对可变内容进行填充 结果: Django下静态模板的继承对应模页面样式①. 定义一个基础模板,该框架之后由子模板继承。命名为...
  • GO语言读取HTML模板后显示到浏览器中成HTML源码,无法显示成页面的效果,尝试各种,方式,切换方法都不可以,后找了一个可以正常显示页面的模板和不可以的比较,所有内容都一至,可还是不行,最后,比对到编码项,...
  • java发送html模板的高逼格邮件

    千次阅读 2019-06-25 15:11:04
    java发送html模板的高逼格邮件
  • sublime Text 3 emmet自定义HTML模板

    千次阅读 2017-09-04 15:18:26
    sublime Emmet 自定义HTML模板
  • 使用itext将HTML模板生成PDF文件

    千次阅读 2018-09-06 18:01:39
    使用itext将HTML模板生成PDF文件 HTML模板注意事项: 所有标签按语法正确闭合,否则会报错 table用border设置表格 如果下载到空白文件,看看整体XML的宽度 width使用%来设置,itext解析% 获取HTML模板 我...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 78,490
精华内容 31,396
关键字:

html模板