PHP分帧后台模板页面css样式,js引入方法

一,首先把下载好的分帧后台模板放到对应的目录中,HTML显示页面放到View目录中,CSS和JS.img图片等公共资源放到include目录中

  

二.然后开始准备更改CSS和JS , img路径操作:(在操作之前要明白以下几点)

  1.     ./   表示是当前目录(表示当前文件所在的目录)

  2.     ../  表示是上一级目录(表示当前文件所在目录的上一级目录)

  3.    include(require) 引入(包含)      [引入(包含)相当于把引入(包含)的文件复制一份到需要引入的页面]

三.开始修改路径地址

  从 index.html   开始修改 href 跳转路径和  src 路径

    举例说明:

        index.php   引入 Control 目录下面的  IndexControl.class.php

          IndexControl.class.php  又引入了  View 目录下面的 index.html

        最终 index.html 要修改路径,就要以  index.php 所在的目录为当前目录 

  

  如果现在要 index.html 文件去加载 CSS和JS , img..等路径 就是以 index.php 文件所在的目录为当前目录 

   index.html 是分帧页面被分成了不同的多个页面   如果现在index.html 文件需要加载其他被分开显示的页面 

  比如: index.html 需要加载 left.html 文件, 而 left.html 文件在 include 目录下面

      那么 路径就是  当前目录下面的 include 目录下面的 left.html 文件     ./include/left.html        

四. 跳转的页面

      因为是分帧后台模板所以后台的整个页面被划分成了不同的多个页面(这里就以左边的为例)

    例:  index.html 被分成了  top.html  left.html 等...多个页面...   

      以 left.html 为例:    

         首先找到 left.html 文件所在的目录  然后以 left.html  文件所在的目录为当前目录

        比如: left.html 有一个 超链接 跳转页面需要跳转到 View 下面的 user.html 显示用户页面

       left.html文件在 include 目录中 那么路径就是  上一级目录 View 目录下的 user.html 文件   ../View/user.html

没有加载CSS JS img 前

找到对应的left.html 文件

 打开 left.html 文件 找到对应的 路径

修改对应的路径地址 这里面要点击跳转的页面是  balance.html ,  left.html 页面在 include 目录中  balance.html  这个页面是在 View 目录中  

那么他的路径就应该 改为                ../View/balance.html

路径更改完成后刷新还是不显示请 找到所在框架位置 鼠标右击重新加载次框架即可

 

原文地址:https://www.cnblogs.com/itxx/p/10291274.html

时间: 2024-10-23 11:31:21

PHP分帧后台模板页面css样式,js引入方法的相关文章

HTML引入CSS样式三种方法及优先级 CSS样式的写法

HTML引入CSS样式三种方法及优先级: 方法 css的样式引用由3种方式.分别为行内样式.内部样式(嵌入式)和外部样式: 行内样式:                  在对象的标记内使用对象的style属性定义适用的样式表属性,格式定义为 :<div style="内容"><div>: 内部样式(嵌入式):是由<style></style>标记对放在<head></head>中: 外部样式 :          

在html中引入css和js的方法

在html中引入css代码 在html中插入CSS样式表的方法有三种: 1.外部样式表(External style sheet):即所有的样式单独写在一个.css文件中,在html文件的head部分通过link进行链接 <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> 其中href表示的是外部css文件的路径和名

mime导致zabbix web页面css样式不能显示的问题

在一台新系统上yum装完zabbix后发现web页面不能正确显示css样式表.页面如下图: 看了下目录发现.css文件和图片文件都在,不是文件路径的问题.百度了下发现是mime把text/css解析成text/html造成的.于是干脆找了一份比较全的mime.types文件放到/etc下,重命名为apache_mime.types.然后修改Apache的配置文件修改mime文件路径为/etc/apache_mime.types. 重启httpd服务并清除缓存后页面显示正常. mime.types

php开发之js修改页面css样式

在我以前的印象里,页面的字体属性,背景,等样式在页面加载后基本上都是固定的了,但是今天看到可以通过js修改页面的样式,觉得有必要和大家分享下. test.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equi

ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字

有很多网站读者能换自己喜欢的样式,还有一些网站想多站点共享后端代码而只动前段样式,可以采用动态替换CSS样式和JS. 如果是webform 开发,可以用下列方法: 流程是首先从数据中或者xml读取数据,然后赋值给前端页面 HTML <meta> 标签添加 HtmlMeta mtdes = new HtmlMeta();//新建实例 mtdes.Name = "Description";//标签 mtdes.Content = this.Descriptionp;//内容 H

web前端(7)—— 了解CSS样式,引入css样式的方式

CSS 在前面大概的介绍了css,从本片博文开始,会详细的介绍它,在最开始介绍web前端时,打开百度首页,当时我提出了一个问题,为什么百度首页的输入框可以放在正中间,就是由于有css的控制,我们可以打开浏览器的调试界面查看这个输入框的css样式: 图中我圈出来的左边html代码的就是html属性的键值对,然后圈出的右边位置就是css样式,然后右边那个窗口你还可以所谓的线上编辑,在最后点击一下,就可以编辑: 这个此时就暂且不提了,以后学到的时候再添加,然后那些已经有的也可以去掉,把选项框里的“√”

Joomla T3模板启用CSS、JS优化

如何优化生成后的文件 当启用了优化选项,CSS和JS优化文件将在一个页面第一次被加载时自动生成.如果CSS或JS有改动,新生成的优化文件也会自动生成. 生成优化文件路径: XXX/t3-assets/css XXX/t3-assets/js XXX:项目名称

对于一些css样式的巧妙方法进行总结。

针对之前遇到过的一些特殊样式的实现,我今天做个总结,目的有二:一是将这些方法记录下来,以便将来需要用到时查找使用.二为将这些大神们智慧的结晶发扬光大,让广大前端程序猿们能够少走弯路.此贴为更新帖,以后若有好的css样式技巧,小哥我会不定期更新. 一.块元素水平垂直居中(特别鸣谢:鑫生活.鑫哥出品必属精品!小弟膜拜) 对于一个块元素的水平垂直居中,水平居中的方式不必多说,一般用margin:auto;等方法即可实现.而对于垂直居中,尽管有vertical-align:middle属性,但是由于其只

SpringMVC控制器 跳转到jsp页面 css img js等文件不起作用 不显示

今天在SpringMVC转发页面的时候发现跳转页面确实成功,但是JS,CSS等静态资源不起作用: 控制层代码: /** * 转发到查看培养方案详情的页面 * @return */ @RequestMapping("/2TrainSchemeDatail") public String forward2TrainSchemeDetail(@RequestParam(defaultValue = "1") String trainSchemeId, Model mode