PHP + MySQL 搭建网站-图片显示和 Page 页面

2018-09-28 20:13 更新

图片显示和 Page 页面

接着上一章节的看,我们现在的程序有了第一个主页面,但是我们会发现几个问题,一个是主页上的图片没法显示,二是点击 read more ... 之后的链接没有内容。

这两个页面的入口分别是下图里面的两个框出来的内容。

我们先来看图片显示的页面;

Resize_image.php

我们注意到其实这个链接的完整 URL 是: resize_image.php?image=...&max_width=...&max_height=...;也就是说这个链接有 3 个参数: image 是图片的名称,max_width 和 height 分别对应图片的宽和高。那么我们在这个页面我们该如何处理呢?

这是 resize_image.php 的完整代码,将原始的图片大小根据我们页面输入的 width 和 height 来进行压缩或者放大,然后重新生成一张新的图片,用于显示在页面上。

接下来我们来看 page.php 页面

page.php

因为点击 page 页面其实相当于打开了 3 个不同类型的 blog 内容的详细页面,所以我们肯定是需要到数据库里面进行 select 操作的。

上一篇里面有讲解过,我们只需要改变中间的显示内容,所以在第 10 行和第 47 行,我们分别引入了 header.php 和 footer.php ,中间的内容我们通过数据库查询以后再显示出来。

我们展示 page 页面的时候,可能有时候是用户点击了某一条 story,这时候参数里面会有 story,传入的是故事的 id;或者可能是某一类的只有 page 字段,所以根据参数中有没有 story,我们来决定我们的 select 该怎么写。

但是无论如何,我们最后得到的都是这样的表结构:

我们再来回顾下 stories 表的建立过程:

注意看到 id 字段不仅仅是 primary key,而且它还是 auto_increment 属性,在 MySQL 里面,auto_increment 就是自增字段,每次插入数据时,会自动查询当前序列的最大值,然后加 1,

大家看我的 stories 表中存的所有内容,1-7 都是我们通过教材手动 insert 进去的,然后会发现接下来就是 11 了,而并没有 8,9 和 10 ,是因为我在开发过程中进行了插入和删除操作,我把 id 为 8,9,10 的记录删除了,所以在表中没有显示,但是即便这时候你的表里面最大的 id 是 7,他的记录也会插进去 11,也就是说这个自增的序列是独立于当前的表的,和 oracle 的自增序列一样,但是我不太清楚 mysql 里面的自增序列和 oracle 有哪些区别。

oracle 中的自增序列的建立方法是:

CREATE SEQUENCE "SEQ_ID" MINVALUE 1 MAXVALUE 999999999999 INCREMENT BY 1 START WITH 1 CACHE 10 NOORDER NOCYCLE;  

然后使用的时候就直接 insert .... values(seq_id.nextval)就相当与插入了下一个自增序列的下一个值,所以在 oracle 里面可以有好几个自增序列,但是不太清楚 MySQL 里面自增序列这块是怎样的,目测是只有一个公用的自增序列。

好了我们回归正题,在 while 循环体内,我们能看到每个故事是由 4 部分组成的,

27 行:

显示每篇 story 的 headline,

29-35 行:

根据存储的 picture 名称来显示出图片,使用的方法仍然是我们上面提到的 resize_image.php

36-41 行:

这里我们需要用到 db_fns.php 中的新的函数:

把下面的函数添加进 db_fns.php 中,这个函数很简单,就是把当前 sotry 的 writer 信息找到。

然后显示文章修改的时间:

这里在数据库里面存储的是 10 位的时间戳形式的,显示的时候 根据格式做一下转换就好了:

date('M d, H: i', $story['modified']);  

44 行

显示故事的主题内容。

好了,这样我们就能看到界面上的图片,然后也能点击主界面上的大部分按钮了。

下一章节我们来进行用户登录,然后新增文章等操作。

本文由 kaka 创作,采用 知识共享署名-相同方式 3.0 (CC协议)中国大陆许可协议 进行许可。转载、引用前需联系作者,并署名作者且注明文章出处。

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号