thinkphp框架(已有模板和tp框架做结合)

关于thinkphp框架的基本介绍

第一次访问后创建的目录

路由的四种形式

创建应用(在首个index.php中)

Controller里的自配需要文件

调用View视图的模板

注意:Controller和View里的视图名称保持一致,$this->display();就能直接调用;

设置登录网站的首页面

将写好的展示给用户的静态页面代码输入在内,就可访问

(本机的登录地址:localhost/xampp/shop/index.php/Home/Index/index)

访问到的界面

只是有简单的html代码,并不会显示css和js的效果。因为我们并没有设置这些代码的存放

接下来就开始启用css和js

首先在shop文件夹下设置一个新的Public文件夹

然后点开里面新建存放修饰html代码的js和css的文件夹

新建成功,将需要的代码和图片存入其中。

可是仅仅这样写入代码还是不能显示效果的哦,要注意在html页面中加入css和js的链接。也就是这段代码:

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

尤其要注意这段代码的路径问题,特别重要!!!

要使用绝对路径而不是相对路径,否则浏览器将不会显示出来。(这里的绝对路径并不是我们通常所说的那种绝对路径)

这样css的效果就可以出来了,可是图片仍然没有加载出来。

浏览网页出现这种效果

图片引入:

所以图片也要以这种方式写正确他的路径

<img class="logo" src="/xampp/shop/Public/images/logo.gif"></a>

这样其实只是打开了部分的图片,因为有许多图片是存储在css样式之中的,所以我们也需要将css里的样式全部改过来。

但是请注意!!!!

css的路径是相对路径而不是之前的绝对路径

background:url(../images/inputbg.gif)

同样的,其他的模板也可以通过这种方式得到。

但是这样一个一个的去改img\css路径是极其麻烦的,而且也不利于后期的维护,所以我们需要设置一个常量。

在index.php入口文件中,设置一个他的常量:

然后去静态页修改相应的css路径

之后修改相对应的img路径

已有模板与tp框架做结合

具体实现步骤:

1。复制模板文件到view指定目录

2.复制css\js\img静态资源文件到系统指定目录

3。把静态资源(css\js\img)文件的路径设置为“常量”信息(在index入口文件设置)

4.在模板文件中通过常量引入静态资源(css\js\img)文件,路径相对入口文件设置

  最好设置绝对地址(相对工作站点虚拟主机目录的绝对地址)

    为了后期维护模板方便,通过常量设置静态资源文件访问目录地址

5.css文件本身的图片设置,其路径相对css文件本身设置

  后续1、4重复实现即可

时间: 2024-08-09 22:34:31

thinkphp框架(已有模板和tp框架做结合)的相关文章

已有模板与tp框架结合

具体实现步骤: ①复制模板文件到view指定文件目录: ②复制css.js.img到view指定文件目录: ③把静态资源(css.js.img)文件的路径设置为“常量”信息(在index.php入口文件设置) ④在模板文件中引入静态资源(css.js.img)文件,路径相对入口文件设置,最好设置绝对地址(相对工作站点虚拟主机目录的绝度地址) 为了后期模板维护方便,通过常量设置静态资源文件目录地址+ ⑤css文件本身的图片设置,其路径相对css文件本身设置

tp框架总体学习总结(一)

一.TP框架的下载和安装 Tp框架下载网址:http://www.thinkphp.cn/ 在wamp的www目录下创建一个目录tpshop目录 1.  将下载好的包压缩后将文件包里的所有文件复制到创建项目的根目录(tpshop)中 |Application |Public |ThinkPHP |.htaccess |composer.json |index.php |README.md 2.index.php就是我们要创建的项目的入口文件   // 检测PHP环境        if(vers

TP框架---thinkphp基础知识

php框架    发瑞 一.真实项目开发步骤: 多人同时开发项目,协作开发项目.分工合理.效率有提高(代码风格不一样.分工不好) 测试阶段 上线运行 对项目进行维护.修改.升级(单个人维护项目,十分困难,代码风格不一样) 项目稳定的运行阶段 项目停止运行(旧项目的人员已经全部离职,新人开发新项目)   二.问题: 1. 多人开发项目,分工不合理,(html   php   mysql) 2. 代码风格不一样,后期维护十分困难 3. 项目生命周期十分短,项目生命没有延续性,造成资源浪费.人员浪费

tp框架视图层view——模板继承

在做网站的时候,每个网站都有头部和尾部,也就是菜单栏和页脚,网站的各个子网页的头部和尾部基本就是一样的,所以tp框架提供了一种模板继承的方法: 1.首先在View的Main文件夹下建立一个base.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ThinkPhp框架:有条件的数据库查询、tp框架的其他知识

上一篇的随笔写的是基本操作,现在可以做一些高级操作,例如有条件的查询数据,有分页的条件查询数据 一.一个条件的查询数据 查询数据自然是先要显示出数据,然后根据条件进行查询数据 (1)显示出表的数据 这个方法我还是写在了HomeController.class控制器文件中 (1.1)写了一个方法shouye() public function shouye() { $n = M("nation"); //数据库中的表 $arr = $n->select(); //查询表中的所有数据

tp框架---View视图层---模板继承(举例说明)

当我们做动态页面时,我们会发现一个网站的头部和尾部是相同的,那么我们如何用tp框架来做模板呢 ? 先看一下注意事项: (1)每个区块由<block></block>标签组成 (2)子模板中使用extend标签继承模板 (3)注释语法:{/* 注释内容 */ } 或 {// 注释内容 }  一.看一下基本的模板继承 (1)先做出模板页面  Ceshi/View/Main/base.html <!DOCTYPE html> <html> <head>

TP框架---thinkphp模型

1.获取系统常量信息的方法:在控制器DengLuController里面下写入下面的方法,然后调用该方法. public function test() { //echo "这是测试的" //$this->assign("a","world"); //$this->show(); var_dump(get_defined_constants());//获取系统常量信息.里面加上参数true,就会按照类把所有的信息显示出来. } 系统信

TP框架的模板路径问题以及常用的模板常量的定义

在TP框架中,为了各个模块加载静态文件方便,往往是不需要按照默认的方式放置静态文件到/app/模块名/VIEWS/下面,而是在顶级目录下创建一个新的目录(比如说./tpl目录下),来存放静态文件   设置方法:                  (1):在TP的入口文件中定义:                       define( 'TMPL_PATH' , './tpl/' ); //定义模板路径                  (2):手动创建./tpl目录(注意,框架不会自动生成该

TP框架学习(一)

www.thinkphp.cn TP官网 一个项目->应用->模块->[组->]控制器->方法(代码) TP框架:ThinkPHP 目录结构: Common核心公共函数目录 functions.php系统函数库 特点:用一个大写字母作为函数名.函数说明1.函数功能,2.参数,3.返回值. Conf核心配置目录 convention.php惯例配置 默认配置全是在这里配置. debug.php Lang核心语言包目录 Library框架类库目录 Behavior 行为的类库目录