滁州高端响应式网站设计

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

建站案例

电子商务类网站主页面的制作

管理站点

准备好先前的网站程序基本数据表来定义新建的站点,首先请用户进入DreamweaverCS6后选择主菜单的[站点]\管理站点创建站点ch14 。

网站广告管理主页面的制作

下面针对完成文件页面制作过程中的步骤和数据绑定进行讲解。

1、数据库连接的设置

在[文件]面板中选择要编辑的网页<index.PHP>,双击,将其在编辑区打开。接着切换到[数据库] 面板。 单击[+]按钮,在弹出的菜单中选择[MySQL连接]命令,在打开的[MySQL连接]对话框中输入连接的名称和MySQL的连接信息,单击[确定] 按钮,如下图所示。

2、主要数据绑定实现

在首页中有三处需要动态调用数据的地方,分别是图片新闻、文字新闻、促销产品。这样就有一个问题,同样是新闻,怎样区分图片新闻和文字新闻呢?怎样区分哪种商品出现在首页呢?,打开数据绑定面板,下 面有三个数据绑定记录集,分别对应图片新闻、文字新闻、促销产品,如图下图所示。

(1)图片新闻记录集( Recnewstop)

点击打开Recnewstop,在SQL语句后面有一个limit 1指令,这个指令是从数据表中取出一-条数据,整个sq1语句的意思是从news表中取出推荐的图片不为空的最新发布的一条数据。如果数据量比较大,使用limit 指令就显得非常有必要,可以大大提高数据的检索效率,在实际项目中要特别注意这个问题,如下图所示。

由于仅获取一条信息,无须设置重复区域,接着设定跳转详细页面,如下图所示。

(2)文字新闻记录集( Recnews)

点击打开Recnews,该记录集设置的目的是为了获取6条最新的企业新闻。SQL 语句的意义是从news表中取出6条最新发布的新闻信息,如下图所示。

在设定重复区域时设定记录条数为6, 如图下图所示。

设定跳转详细页面,如下图所示

(3)促销产品记录集( Recprotop)

点击打开Recprotop,该记录集的目的是为了从产品数据表product中取出最新一- 条推荐到首页的产品信息,如下图所示。

仅获取一条记录,无须设置重复区域。设定跳转详细页面,如下图所示。

注意事项:

在首页中没有设定显示区域,实际过程中也要设定,避免出现页面的不友好。



相关文章