美文网首页
引入前端html、style、images等

引入前端html、style、images等

作者: Rock_Yao | 来源:发表于2019-01-15 22:13 被阅读0次

一、准备好前端静态页面,如下图:

二、建立视图结构

在模块(如:application/index/)建立view文件夹,在该文件夹下建立与控制器同名的文件夹存放html,如下图:

三、建立静态样式结构

在public下建立static文件夹,再下面建立模块文件夹,模块文件夹中建立images和style文件夹,如下图:

四、定义路径

在模块下建立config.php(application下的config作用域为全局,模块下的config作用域只有该模块)

定义/Public在模板中显示http://127.0.0.1/tp5/public/static/index/的路径,

同理,admin模块中建立的config定义的/Public指向http://127.0.0.1/tp5/public/static/admin/

五、在模板中把相对路径改成绝对路径

<link href="./style/lady.css" type="text/css" rel="stylesheet" />

<script type='text/javascript' src='./style/ismobile.js'></script>

改成

<link href="/Public/style/lady.css" type="text/css" rel="stylesheet" />

<script type='text/javascript' src='/Public/style/ismobile.js'></script>

六、建立模板公共文件夹,存放头尾页面,如下图:

将头部代码剪切到header中:

在index.html头部位置写入:{include files="common/header"}

相关文章

  • 引入前端html、style、images等

    一、准备好前端静态页面,如下图: 二、建立视图结构 在模块(如:application/index/)建立view...

  • vue引入图片和背景图

    1、data(){}中引入图片 2、html中引入图片 3、style 中引入图片

  • css基础

    引入css 内联样式,style属性,在HTML标签中写入style=“属性:属性值” 内嵌样式,style标签,...

  • 前段面试题

    CSS Q: HTML引入CSS的方式有哪些? A: HTML element的style属性,HTML内部sty...

  • CSS

    一、 引入CSS的三种方式 在HTML标签内加style属性 运用style标签 用link标签引入 在CSS文件...

  • css的引入和选择器

    1.css的引入方式 内联样式:将css样式通过style属性引入,作为style属性值的方式写在html标签中。...

  • CSS3的引入和选择器

    一、HTML中引入css 1、行内样式 使用style引入html样式示例: 2、内联样式表 CSS代码写在 的 ...

  • Rxjs 的使用

    RxJS使用分: 前端Html 后端 前端使用方法 前端在Html中将RxJS作为普通Javascript库包引入...

  • html样式,链接,表格,表单

    1,HTML样式:样式是 HTML 4 引入的,通过 HTML 样式,能够通过使用 style 属性直接将样式添加...

  • React css 模块化在webpack中配置

    引入三个模块 css loader style loader babel-plugin-react-html-at...

网友评论

      本文标题:引入前端html、style、images等

      本文链接:https://www.haomeiwen.com/subject/cuuudqtx.html