叶子网络bbs论坛

标题: 布局排版 [打印本页]

作者: admin 时间: 2018-9-21 12:31
标题: 布局排版

一、布局排版(design)的概念。

布局布局排版，是整个mycncart的核心思想之一，它的基本意思是给客户展示的具体页面，也即具体的访问路由所呈现的页面。

比如，当我们访问mycncart系统建立的网站时，如果后面不加任何参数，则访问的布局为【首页】，其所代表的路由为"common/home"。

在mycncart系统后台，访问【规划设计】 -> 【布局排版】，会发现系统默认所带有的相关布局排版，每个布局排版都代表了一个路由。

二、布局排版之路由

布局所包含的路由，实际上是网站前台相关的控制器，比如我们的前台控制器(controller)下包含了不同的目录和控制器，比如common/home, information/contact, product/special, product/category等等，这些控制器就是我们在网站后台设置布局排版时所需要设定的，同时也是网站前台访问相关页面时要访问的URL地址。

三、布局排版的新增或编辑

在mycncart系统后台，访问【规划设计】 -> 【布局排版】，在此布局排版列表中，我们以布局排版【首页】为例，其路由是指向的网站前台catalog/contorller/common/home.php，我们在路由地方输入时，就直接输入后面的 common/home即可，后面无需带有扩展名字.php，系统会自动判断解析。

在此【首页】布局排版中，我们默认在网站前台首页会看到中部的【幻灯片】部分，【特色商品】部分，以及【品牌展示】部分，这三个部分其实是三个模组，在网站后台的【扩展功能】 -> 【模组管理】里面进行安装和设置。具体的模组部分，请详看【模组管理】教程。

mycncart针对每个布局排版页面，大体分为五个部分：网站头部(Header)、网站底部(Footer)、左列(Column Left)、网站右列(Column Right)、网站内容(顶部(Content Top)和(Content Bottom))，图示如下：

在网站后台所管理的各个模组，在特定的布局排版页面，均可以被自由配置于上面的 Column Left(左列),Column Right(右列),Content Top(内容顶部),Content Bottom(内容底部)，每个部分的模组的排列顺序由设置布局排版页面时填写的顺序数字来决定。
如果右列没有设置任何模组，则中间的content内容部分自动扩展至网站右边缘，如下图所示：

如果左列没有设置任何模组，则中间的content内容部分自动扩展至网站左边缘，如下图所示：

现在我们具体来看mycncart首页中间的三个部分是如何设置显示出来的。

首先访问网站后台【扩展功能】 -> 【模组管理】，会看到已经安装了模组【幻灯片】，同时也编辑新增了一个【幻灯片 > 首页】，后面的这个【幻灯片 > 首页】，就是为网站前台首页所新增的一个模组。
同样，你也会发现分别有【特色商品】模组和【特色商品 > 首页】，【品牌展示】模组和【品牌展示 > 首页】。

接下来，访问网站后台的【规划设计】 -> 【布局排版】，显示布局排版列表，编辑布局排版【首页】，会看到下图所示，结合网站前台的布局排版顺序，应该一目了然了。

欢迎光临叶子网络bbs论坛 (https://fob0.com/)