美文网首页
引入前端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等

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