BIWEB模板设计

来自站长百科
跳转至： 导航、​ 搜索

导航：返回上一页

BIWEB系统目录结构[ ]

  • 网站总体架构说明

Biweb1.jpg

  • 整站配置文件目录

Biweb2.jpg

  • 新闻栏目目录

Biweb3.jpg

  • 新闻栏目配置文件目录

Biweb4.jpg

  • 新闻栏目后台管理目录

Biweb5.jpg

红色文件代表系统框架重要文件，蓝色文件代表功能次重要文件，黑色文件代表系统使用文件。

  • 红色文件中，主要看系统框架文件。
  • 蓝色文件中，只需要了解调用关系。
  • 黑色文件中，全部不用看，都是系统自用文件。

BIWEB模版调用[ ]

BIWEB的视图主要由模板文件构成。模版文件在templates下，这里可以定义自己的模版文件，可以做到轻松切换各套模版。BIWEB的模版文件存储在frame.html文件中。所有模版文件路径调用都是从frame.html计算的。

BIWEB栏目的模版设置[ ]

  • $arrGWeb.module_name 和 $arrGWeb.module_id
  • $strTypeTitle-----为分类 ！！
  • $arrData.title---产品标题
  • $arrData.id---产品ID
  • $arrData.intro---产品详细情况
  • $arrData.clicktimes---点击数
  • $arrData.submit_date---提交时间
  • $arrData.photo---产品图片

<img src="<?{$FileCallPath}?>b/<?{$arrData.photo}?>"/>

很多时候代码出错是因为没加“$”符号造成的

  • 产品分类BLOCK--- <?{include file="product/block/_menu.html"}?>
  • templates/1/trade/

供求信息-----

  • 数据库的字段都是biweb模版变量 $arrInfoList 的子集
  • 详细页都是 $arrData 的子集
  • $arrData 包含 $arrInfoList， 但$arrData是一纬数组，通过ID取值
  • $arrInfoList 里需要用FOREACH 循环出数组

BIWEB模版制作初级教程[ ]

第一步：打开biweb的根目录templates、替换theme目录里的文件,在模板目录里的theme目录里大家可以看到title.html、head.html、foot.html。 Title.html 模板的页头文件 也就是普通的html文件的<head></head>中间部分。Head.html 模板文件的头部，正常的这里是导航，当然我们这里导航在左边，无需考虑那么多，将html页面里头部的文件相应部分复制就可以。Foot.html 模板的脚部。

操作：将<head></head>中间部分代码复制进title.html；将< div id=”header”>整体复制进head.html文件中；将

整体复制到foot.html文件中。 第二步：添加主内容，在模板文件里找到 index.html，将

部分整体复制进模板文件的index.html。

第三步：架构好frame.html文件，这个是biweb所有文件的框架文件，当然她并非是真正的框架，而是把页面各个部分整合到一起的文件。

第四步：将images里的图片、CSS文件搬到biweb模板目录相应的目录中。

第五步：稍作简单调整，主要是一些链接问题，包括 css链接。

取自“https://www.zzbaike.com/wiki/BIWEB模板设计?oldid=41337”