freemaker公共的header

2024-11-03

freemarker 定义公共header

<#--公共顶部--> <#macro header title="默认文字" keywords="默认文字" description="默认文字"> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport&q

由于用惯了tp3.2,改用tp5有些还是感觉别扭的直接上问题:项目中需要用到引入公共导航.头部.底部.右边部分等等首先要弄清楚thinkphp5的配置项是哪个文件,众所周知:config.php,如下图所示只需要在配置项里配置里如下内容即可 ‘template‘ => [ // 模板引擎类型支持 php think 支持扩展 ‘type‘ => ‘Think‘, // 模板路径 ‘view_path‘ => ‘‘, // 模板后缀 ‘view_suffix‘ => ‘htm

html 引入页面公共部分(header、footer)

html引入页面的公共部分,比如导航栏啊,页头页脚之类的. 1.将需要引入的公共html部分转换为js文件,这里推荐一个转换工具地址 http://tool.chinaz.com/Tools/Html_Js.aspx 2.在html页面引入这个js文件就可以了还有个简单粗暴的方法 $(".index").load("./pages/demo.html")

基于webpack实现多html页面开发框架八 html引入图片打包和公共页面模块复用

一.解决什么问题 1.html中img引入的图片地址没有被替换,找不到图片 2.html公共部分复用问题,如头部.底部.浮动层等二.html中img引入图片问题解决 1.在index.html插入img,引用图片<img src="../../assets/img/test.jpeg"> 2.npm run dev运行结果如下: 因为图片地址没有被替换为打包后的地址, 所以找不到图片 3.需要使用的包:html-withimg-loader,安装命令:npm inst

thinkphp3.2.3关于模板使用之一二

1.包含文件使用场景:比如我们在编写网页布局的时候,可能每一个网页的头和脚是相同的,此时如果给每一个网页分别设置,未免太麻烦了.此时就可以使用带包含文件. 首先检查配置文件查看我们的主题目录在哪儿,我们可以在核心配置文件中查看:'DEFAULT_THEME'=>'default',所以我的是在默认主题下.就也是说在: Home/View/default/User下面. (1)我们首先在default文件夹下面创建两个文件header.html /footer.html,分别为: header

转-decorators.xml的用法-http://blog.csdn.net/gavinloo/article/details/7458062

今天改前人做的项目,用struts2,spring,hibernate框架做的,对了,还有jQuery.我用jquery做异步请求到后台,生成json数据返回前台生成下拉输入框,请求到后台以后,成功生成了json数据并根据struts的映射文件返回到一个jsp页面,这个页面的作用只是生成文本数据,但是js方面一直没有反应...从网上查到jquery.ajax有一个参数error,它可以告诉我这中间出了什么问题,error代码加上以后,alert一下,果然有错误:parsererror 网上查了一

some experience duing wrting myweb in php

书写风格:一切以最高效, 最简单为标准!! 不必管格式的规范了! 在html中, 的属性是用双引号, 在php, tp中, 没有特殊情况, 都是用单引号. vim 下how to format codes? 格式化的命令是: 等号= 参考: http://www.cnblogs.com/gaoj87/archive/2013/02/28/2937209.html dw和dW的区别: dw删除到一些分割符号为止, 而dW 则删除到下一个空白符合处!! 使div水平居中? 直接写div的wid

【JQGRID DOCUMENTATION】.学习笔记.1.安装jqGrid

前面介绍了怎么使用其MVC方式,很好用.不过,觉得还是只使用前段比较好. 1.1 如何安装到http://www.trirand.com/blog/?page_id=6 下载. </html> 需要按以下顺序, 链接jQuery UI的的CSS文件,然后jqGrid的CSS文件. 然后引用jQuery脚本文件,i18n脚本文件,jqGrid脚本文件. 2 了解他是如何工作的理解jqGrid是如何工作的,会帮助你掌握插件的全部功能.要理解的第一件事情,是列表数据的两个方面: 客户端表现服务

decorators.xml的用法（转）

spring,hibernate框架做的,对了,还有jQuery. 我用jquery做异步请求到后台,生成json数据返回前台生成下拉输入框,请求到后台以后,成功生成了json数据并根据struts的映射文件返回到一个jsp页面,这个页面的作用只是生成文本数据,但是js方面一直没有反应...从网上查到jquery.ajax有一个参数error,它可以告诉我这中间出了什么问题,error代码加上以后,alert一下,果然有错误:parsererror 网上查了一下,这个错误大概有这样几种原因:

SiteMesh学习入门

http://www.java3z.com/cwbwebhome/article/article2/2962.html?id=1668 demo下载简介: sitemesh应用Decorator模式,用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图.通常我们都是用include标签在每个jsp页面中来不断的包含各种header, stylesheet, scripts and footer,现在,在sitemesh

基于express+mongodb+pug的博客系统——pug篇

很久之前就想自己搭一个博客了,最开始用hexo+github,但是换电脑后总是有些麻烦.后来使用WordPress,但是用WordPress总觉得没什么技术含量,前后端都是人家写好的,而且买的垃圾虚拟机老是出问题,动不动就要提交工单解决,所以最后干脆就直接在博客园上写了. 最近比较闲,所以正好抽时间简单看了下node.js,然后看了看express,顺便搭了个博客出来练手.当然也不仅是单纯的练手,更多的算是一种探路或者摸索吧,因为公司虽然有大牛,但更多的是忙于应付业务,基本上是没时间去学学新的东

一天搞定HTML----标签语义化04

根据页面里不同的内容,选择最适合它的标签,而不通篇只用一种标签标签语义化作用: 代码演示通过比较- - -H5布局和DIV+CSS 布局- - -体现标签语义化注意: 标签语义化,不仅仅只是指使用特定含义的标签.因此不能完全否定DIV+CSS布局是没有语义化的,以前用的都是DIV+CSS布局,它是存在标签语义化的. 这里只是为了说明语义化,使用两者比较. <!DOCTYPE html> <html> <head> <meta charset="UT

用vue开发一个app（3，三天的成果）

[转] 从零构建 vue2 + vue-router + vuex 开发环境到入门，实现基本的登录退出功能

这是一个创建于 738 天前的主题,其中的信息可能已经有所发展或是发生改变. 前言 vue2 正式版已经发布将近一个月了, 国庆过后就用在了公司的两个正式项目上, 还有一个项目下个月也会采用 vue2 进行重构选择它没什么理由,如果非要说一个理由那就是它的中文文档远比 react , angularjs 要友好 github:https://github.com/lzxb/vue2-demo 源码说明项目目录说明 . |-- config // 项目开发环境配置 | |-- index.j

vue.js+webpack在一个简单实例中的使用过程demo

这里主要记录vue.js+webpack在一个简单实例中的使用过程说明:本次搭建基于Win 7平台 Node.js 安装官网提供了支持多种平台的的LTS版本下载,我们根据需要来进行下载安装.对于Windows平台提供了.mis和.zip(二进制)两种选择,我们可以根据自己需要任选一种安装.具体安装过程就不详说. 注意:为了使用方便,我们需要检测PATH环境变量是否配置了Node.js.点击开始=>运行=>输入“cmd”=>输入命令“path”(我们也可以直接使用命令win+R输入“cm

webpack+vue+vueRouter模块化构建完整项目实例详细步骤-入门篇

新建项目开始(确认已经安装node环境和npm包管理工具) 1.新建项目文件名为start_vuedemo 2.npm init -y 初始化项目,我的win7系统,工程在d盘的vue_test_project文件夹下的名为start_vuedemo的工程文件夹如图所示: 在该工程下自动生成一个package.json文件. 安装项目依赖 3.npm install --save vue 默认安装最新版vue 4.npm install --save-dev webpack webpack-

vue实现部分页面导入底部 vue配置公用头部、底部，可控制显示隐藏

vue实现部分页面导入底部 vue配置公用头部.底部,可控制显示隐藏在app.vue文件里引入公共的header 和 footer header 和 footer 默认显示,例如某个页面不需要显示header 可以使用 this.$emit('header',false); 来控制header不显示例如:test页面不需要显示header,在页面被创建的时候广播(this.$emit)告诉上级不显示header, 并且在当前页面写自己的header代码,就可以了 app.vue 1 2 3

tp剩余未验证内容

new Image(宽度,高度) $(image).attr('src', ...).load(function(){....}) load表示浏览器从服务器下载(装载)对象完成, 这个load方法很重要, 可以由浏览器自动判断一个对象, 或者一个节点是否装载.下载完成了 new Image的时候, 内存缓存中的图像如何装载进来, 要加入到文档的某个节点中来才能生根,才能显示?? 使用 ajax事件:浏览器系统会自动检查 ajax的(全局)开始和结束, 以及每一次ajax请求的开始和结束,

webpack+vue+vueRouter模块化构建小demo实例超详细步骤（附截图、代码、入门篇）

说明:本demo使用yarn代替npm指令来下载一系列依赖,有详细指令说明:使用WebStorm下Terminal来输入指令: >开始(确认已经安装node环境和yarn包管理工具) 1.新建项目文件名为vuedemo 2.yarn add init 初始化项目 >安装项目依赖 3.yarn add vue 安装最新版vue 4.yarn add webpack webpack-dev-server 安装webpack,webpack-dev-server(是一个小型的Node.js Ex

jmeter解决登录token获取

1.以百度登录为例 2.打开console 3.根据console结果设置公共的header在test plan 4.建立测试计划-test plan 5.正则表达式提取器,获取token 6.登录token中账户.密码是通过csv文件中获取到的 7.token授权处引用提取的变量access_token 8.设置完成此处我们是将引用csv文件中的用户名密码来获取的token.由于百度token被隐藏,我们无法查看,实际项目中token我们是可以知道的

thinkphp导航高亮的方法

因为引入了公共的 header.html,所以需要使用 js来实现向 li 加入active的高亮属性,这里我通过url地址和href的地址进行判断 // 这里对当前页面导航高亮 $(function () { setHover(); }); function setHover() { var url = document.URL; var href = ""; $("#home_nav li").each(function(){ href = $(this).fi