tp框架之对列表的一系列操作及跳转页面(详细步骤)

时间:2021-12-18 23:31:06

依旧是在Main控制器里面写类方法,如果想看tp全部的话,可以从前几篇开始看,都是一整个步骤下来的

在控制器中重新写个类

tp框架之对列表的一系列操作及跳转页面(详细步骤)

 

然后再做个shouye.html页面

nation表的数据,将会在shou.html页面显示

tp框架之对列表的一系列操作及跳转页面(详细步骤)

这样写了之后,就差遍历了,把数据库的数据都遍历出来

可以参考一下手册

遍历部分可以这么写

tp框架之对列表的一系列操作及跳转页面(详细步骤)

然后运行一下

tp框架之对列表的一系列操作及跳转页面(详细步骤)

数据都被成功输出

再给它加个关键字查询

先来写html页面的代码

tp框架之对列表的一系列操作及跳转页面(详细步骤)

先运行一下看看

tp框架之对列表的一系列操作及跳转页面(详细步骤)

再在方法里面写逻辑

tp框架之对列表的一系列操作及跳转页面(详细步骤)

运行一下

tp框架之对列表的一系列操作及跳转页面(详细步骤)

 

 点击查询

tp框架之对列表的一系列操作及跳转页面(详细步骤)

在输入一个试,点击查询

tp框架之对列表的一系列操作及跳转页面(详细步骤)

运行成功

思路和之前的一模一样

就是写where的时候,不用单独写了,tp框架里有那个方法,直接调用就行

再来做一下分页

做分页之前,我们先把常用的两个类放在home模块里,在hone模块里先建一个shuju文件夹,然后把两个类放在那里面,要注意类的名字,要按照约定来写

tp框架之对列表的一系列操作及跳转页面(详细步骤)

然后打开page类文件,给它加上一句话

tp框架之对列表的一系列操作及跳转页面(详细步骤)

这里的Home是它的根

它是在shuju这个文件夹里,所以如果你是别的路径的话,就要写你自己的路径

然后方法里再写分页的逻辑

整个下来就是这样的

tp框架之对列表的一系列操作及跳转页面(详细步骤)

因为里面有个limit加进去了,所以我们还需要把page类里面的limit删掉

这里有个limit,把它删掉

tp框架之对列表的一系列操作及跳转页面(详细步骤)

最后再html页面写个div,让分页显示一下

tp框架之对列表的一系列操作及跳转页面(详细步骤)

刷新页面,运行一下

tp框架之对列表的一系列操作及跳转页面(详细步骤)

然后查询后再试一下

tp框架之对列表的一系列操作及跳转页面(详细步骤)

点击查询,会发现有问题,刚查询的时候可以,当点击查询后数据的第二页的时候,它又把全部的数据都显示出来的

所以这里要注意

做分页的时候,最好把提交方式改为get

来改一下

先改html里面的

tp框架之对列表的一系列操作及跳转页面(详细步骤)

然后再修改类里面的

tp框架之对列表的一系列操作及跳转页面(详细步骤)

 

 一共有三个地方需要改,改成get之后,再运行一下

tp框架之对列表的一系列操作及跳转页面(详细步骤)

 

tp框架之对列表的一系列操作及跳转页面(详细步骤)

 全部的数据没有问题

再来看查询的,还是族,点击查询

tp框架之对列表的一系列操作及跳转页面(详细步骤)

点第2页

tp框架之对列表的一系列操作及跳转页面(详细步骤)

没有问题,运行成功

如果想让查询的字继续保留在文本框的话,需要加几句代码就可以了

在方法类里面

在外层定义一个name

tp框架之对列表的一系列操作及跳转页面(详细步骤)

 

 然后把它的值放在模板里面

tp框架之对列表的一系列操作及跳转页面(详细步骤)

最后在html里面加个value就可以了

tp框架之对列表的一系列操作及跳转页面(详细步骤)

运行一下试试

tp框架之对列表的一系列操作及跳转页面(详细步骤)

再输个其他的

tp框架之对列表的一系列操作及跳转页面(详细步骤)

运行成功

说明mvc是支持这种传值方式的

tp框架之对列表的一系列操作及跳转页面(详细步骤)

再来看另一种方法,看看它支不支持

另写一个方法

tp框架之对列表的一系列操作及跳转页面(详细步骤)

然后在浏览器运行一下

tp框架之对列表的一系列操作及跳转页面(详细步骤)

什么都没有,证明它的值是空

然后用get方式,再它的浏览器上加写?name=hello

tp框架之对列表的一系列操作及跳转页面(详细步骤)

输出了hello

这是一种传值方式,我们之前常见的get传值方式

如果在mvc模式下,有没有特殊的传值方式,我们来看一下

这样也可以,也是get传值方式的一种

tp框架之对列表的一系列操作及跳转页面(详细步骤)

用斜杠的方式写,也是路径的模式写

第一个是名字,第二个是值

如果方法里面不写get方式的方法,还可以写参数

tp框架之对列表的一系列操作及跳转页面(详细步骤)

刷新页面,看一下

tp框架之对列表的一系列操作及跳转页面(详细步骤)

它的值一样可以输出

所以如果你不想用get方式取值,你可以这样来做

再来看session怎么在tp框架中显示

tp框架之对列表的一系列操作及跳转页面(详细步骤)

tp框架之对列表的一系列操作及跳转页面(详细步骤)

在tp手册里都可以看到,在tp里我们不用去写开始session了

tp框架之对列表的一系列操作及跳转页面(详细步骤)

在tp里还有一个cookie,它和session的用法一模一样

tp框架之对列表的一系列操作及跳转页面(详细步骤)

tp框架之对列表的一系列操作及跳转页面(详细步骤)

 

 tp框架之对列表的一系列操作及跳转页面(详细步骤)

 

 tp框架之对列表的一系列操作及跳转页面(详细步骤)

tp框架之对列表的一系列操作及跳转页面(详细步骤)

tp框架之对列表的一系列操作及跳转页面(详细步骤)

一些外部的js、css、还有图片就可以放在这个目录下

tp框架之对列表的一系列操作及跳转页面(详细步骤)

tp框架之对列表的一系列操作及跳转页面(详细步骤)

再来看一个效果

tp框架之对列表的一系列操作及跳转页面(详细步骤)

添加成功有提示应该怎么做

来看一下代码

tp框架之对列表的一系列操作及跳转页面(详细步骤)

括号里第一个参数是提示的语句

第二个参数是要跳转到哪个页面

第三个是等待的秒数

如果添加失败的话,发现它并没有提示,而是输出了那个错误

tp框架之对列表的一系列操作及跳转页面(详细步骤)

 

 我们只需要改个地方就好了

打开这个目录下的文件

tp框架之对列表的一系列操作及跳转页面(详细步骤)

tp框架之对列表的一系列操作及跳转页面(详细步骤)

再打开这个文件

找到第236行

tp框架之对列表的一系列操作及跳转页面(详细步骤)

把它下面那个错误注释掉

tp框架之对列表的一系列操作及跳转页面(详细步骤)

这样就可以了,在来重新走一下页面

tp框架之对列表的一系列操作及跳转页面(详细步骤)

还有一种跳转的方式

tp框架之对列表的一系列操作及跳转页面(详细步骤)

这个不显示倒计时,也可以给它设定跳转的时间

看一下代码部分

tp框架之对列表的一系列操作及跳转页面(详细步骤)

第一个是跳转的页面

第二个参数是它跳转是浏览器显示的值

第三个是它跳转的时间

最后一个是它显示的语句