智能建站前台开发说明书.docx

智能建站前台开发说明书.docx

《智能建站前台开发说明书.docx》由会员分享，可在线阅读，更多相关《智能建站前台开发说明书.docx（18页珍藏版）》请在冰豆网上搜索。

智能建站前台开发说明书

智能建站前台开发说明书

基础应用部分

例如网站的导航有公司简介、产品展示、公司动态、网上订购、联系我们这五个模块。

我们根据客户需求在智能建站创建这些模块。

定义：

一个网站有若干个模块，每个模块又有若干个元素。

模块如下：

模块名称{元素名称--元素备注}

公司简介{id--编号、content--内容、add_time--创建时间}►单页面

产品展示{id--编号、img--图片、title--产品名、type--分类、content--产品详细说明、is_home--是否显示在首页、is_hot--是否热卖、add_time--创建时间}►列表页

公司动态{id--编号、title--标题、content--内容、add_time--创建时间}►列表页

网上订购{id--编号、company--公司、man--联系人、tel--电话、m_tel--手机、fax--传真、address--地址、mail--邮件、content--订购信息、add_time--创建时间}►表单页

联系我们{id--编号、content_jj--缩略内容、content--完整内容、add_time--创建时间}►单页面

►有数据库基础的可以把模块理解成表，把元素理解成字段。

下面我们根据所定义的模块和元素，来进行案例开发

案例一：

分析：

从案例图上，我们已经看出，公司动态模块，显示七条新闻标题元素。

学习：

在解决这个案例前，我们需要先了解一下关于这个案例所使用的前台开发语法

语法一：

{#for显示条数|模块名称|元素条件|元素排序#}{$元素名称$}{#/for#}

语法一解注：

显示条数：

代表该模块从上往下显示的数条，例如：

1显示一条，7显示七条，唯有0代表显示全部

模块名称：

代表所显示的元素内容，出自该模块，例如：

“8我国水产发展整体形势向”这条数据是来自“公司动态”模块

元素条件：

代表显示的元素数据受到条件约束，例如：

只显示“公司动态”模块，id为3的元素内容，这时我们就需要写条件id=3。

当没有任何元素条件时，我们可以写1=1

元素排序：

代表显示的数据是升序，还是降序，通常用id（每个模块唯一编号）来进行。

例如升序（idasc），降序（iddesc）。

当然根据客户需求，还可以用其它元素来进行排序，如按时间排序：

dateasc（升序）、datedesc（降序）

元素名称：

代表要显示的是哪几个元素内容，可以写好多个。

例如：

{$id$}{$title$}，表示显示编号元素内容，标题元素内容

►这个语法就像跟标签一样，有起始标答，和结束标签：

{#for#}{#/for#}类似于

►有数据库基础的可以把

“{#for显示条数|模块名称|元素条件|元素排序#}{$元素名称$}{#/for#}”

理解成

“SELECTTOP显示条件FROM模块名称WHERE元素条件ORDERBY元素排序”

解决：

了解了上面的前台开发语法，我们将用前台开发语法来写案例一

说明：

这里有html的语言，如果写在for语法里面，将也被一起循坏，只是它的循环是一模一样的

案例二：

分析：

接下来我们再看看案例二，从案例图上，我们已经看出，产品展示模块，显示产品信息元素。

和案例一不同的是案例二有条件，条件是产品名要包含“南美白对虾”。

解决：

根据语法一规则，我们来写案例二

说明：

titlelike‘%南美白对虾%’表示显示只要包含“南美白对虾”的产品名，比如“123南美白对虾”、“南美白对虾123”、“132南美白对虾123”都是符合的的。

其中%代表任意个任意字符，而title=‘南美白对虾’，则表示必须匹配“南美白对虾”，其它字符均不符合

案例三：

分析：

和案例一比较，发现多了个分页，那我们该怎么做呢?

学习：

在解决这个案例前，我们需要先了解一下关于这个案例所使用的前台开发语法

语法二：

{#for显示条数page|模块名称|元素条件|元素排序#}{$元素名称$}{#/for#}

{#page#}

{#pifu=meneame#}►分页样式

{#shouye=首页#}

{#weiye=尾页#}

{#xiayiye=下一页#}

{#shangyiye=上一页#}

{#yematishi=第|页|总共|条记录#}

{#empty=无产品#}►当元素没有数据时，需要显示的内容告知用户

语法一解注：

显示条数：

代表该模块从上往下显示的数条，例如：

1显示一条，7显示七条，唯有0代表显示全部

模块名称：

代表所显示的元素内容，出自该模块，例如：

“8我国水产发展整体形势向”这条数据是来自“公司动态”模块

元素条件：

代表显示的元素数据受到条件约束，例如：

只显示“公司动态”模块，id为3的元素内容，这时我们就需要写条件id=3。

当没有任何元素条件时，我们可以写1=1

元素排序：

代表显示的数据是升序，还是降序，通常用id（每个模块唯一编号）来进行。

例如升序（idasc），降序（iddesc）。

当然根据客户需求，还可以用其它元素来进行排序，如按时间排序：

dateasc（升序）、datedesc（降序）

元素名称：

代表要显示的是哪几个元素内容，可以写好多个。

例如：

{$id$}{$title$}，表示显示编号元素内容，标题元素内容

分页方面语法：

其中下面一块是分页语法，它们二个必须一起使用

一般中文网站只需要{#page#}{#pifu=meneame#}{#empty=你要输入的内容#}就可以了，其它语法默认是中文，所以无需再去编辑

如果是英文网站，那除了{#page#}{#pifu=meneame#}{#empty=你要输入的内容#}还需要去编辑其它语法，比如{#shouye=Home#}#weiye=End#}等，这样网站分页分显示的是英文

Pifu样式如下

badoo

black2

black

black-red

digg

flickr

grayr

jogger

manu

megas512

meneame

msdn

quotes

sabrosus

scott

starcraft2

technorati

tres

viciao

yahoo2

yahoo

yellow

youtube

cshoe

解决：

了解了上面的前台开发语法，我们将用前台开发语法来写案例二

说明：

分页语法，写前写后，没有任何关系，比如：

{#empty=无新闻#}{#page#}{#pifu=manu#}这样写也没关系,分页语法一定要写在forpage语法外面。

条件的用法和for语法一样

►元素条件也和案例二一样

同样产品展示分页也是实现原理也是一样

案例四：

分析：

一看感觉和案例一一模一样，就是“产品展示”模块，显示“产品分类”元素数据。

那下面我们将一一讲解，看看到底是不是一样呢

在下一步讲解前，我们这里要说明一下“分类”元素和其它普通元素有什么区别?

说明：

普通元素如果要添加数据，只要直接输入进去就可以了。

例如：

但是“分类”元素，需要进行选择，所以“分类”元素的数据需要放在另外一个文件，只有选择后的才放到元素数据里。

例如：

学习：

在解决这个案例前，我们需要先了解一下关于这个案例所使用的前台开发语法

语法三：

{#for显示条数page|分类文件名|元素条件|元素排序#}

{$id$}►唯一字段

{$cp_id$}►父级id

{$name$}►类型名称

{$cc_id$}►子类id号，从顶级类开始的每一层的ID，如：

0,1,20，解释：

此类型的ID为20，上一层的ID为1，再上一层的ID为0，其中0为顶级层

{$c_paixu$}►为同一层下的排序号

{#/for#}

►分页语法的元素内容是固定的，就上面几个元素

语法一解注：

显示条数：

代表该模块从上往下显示的数条，例如：

1显示一条，7显示七条，唯有0代表显示全部

分类文件名：

代表所显示的元素内容，出自该文件，例如：

“冷东产品”这条分类数据是来自“type.xml”文件

元素条件：

代表显示的元素数据受到条件约束，例如：

只显示“冷东产品”模块，id为1的元素内容，这时我们就需要写条件id=1。

当没有任何元素条件时，我们可以写1=1

元素排序：

这里的元素排序无效，因为是根据c_paixu来排序的，可在后台设置

元素名称：

代表要显示的是哪几个元素内容，可以写好多个。

一般应用到的是{$id$}

{$name$}，代表该分类数据的编号和分类名

解决：

了解了上面的前台开发语法，我们将用前台开发语法来写案例四

案例五

分析：

从案例图上，我们已经看出，这是公司简价模块，显示公司简介元素内容。

还有一个重要的原因它就是单面页，单面页就是这该模块仅且只有一条元素数据。

解决：

所以我们根据语法一，就可以解决

说明：

碰到其它单页面，原理也是如此

案例六

点击其中一条新闻

分析：

这是从新闻列表里点击其中某一条新闻，跳到该条新闻详细内容页去实际上就是传递了该条新闻的id跳到详细内容页去

解决：

我们可以根据语法一，来解决此案例

说明：

这里的元素条件$new_id$，是地址栏上传来的参数，地址栏上传来的传数，一定要用$$括起来，而且只能放在{##}前台法语里

同样

搜索关键字也是地址栏传过去的，原理相同

其它类似同样：

原理也是一样的

案例七

分析：

点击上一篇，就会跳到上一篇的语法，点击下一篇就会跳到下一篇的语法，这样的案例，我们前台语法该怎么写呢?

学习：

在解决这个案例前，我们需要先了解一下关于这个案例所使用的前台开发语法

语法四：

{#for1|模块名称|id>$id$|idasc#}上一篇：

id={$id$}&f=#">{$元素名称$}{#/for#}

{#for1|模块名称|id<$id$|iddesc#}下一篇：

id={$id$}&f=#">{$元素名称$}{#/for#}

语法一解注：

这里除了“模块名称”、“元素名称”、“元素条件（还需要加条件，比如：

id>$id$andcheck='已审核'，添加多个条件需要用and来连接）”、“#（跳到页面，如：

new_content.html）”，可以修改，和在里面添加一些html代码，其它一模一样，不需要修改

解决：

了解了上面的前台开发语法，我们将用前台开发语法来写案例一

案例八

分析：

这是一个客户提交页面，当客户提交后，管理员就可以从后台看到客户提交的信息。

那么这样的界面我们该怎么做呢？

其实“智能建站”已经集成了这样的一个功能，用起来了简单、方便，我们只要复制一下套一套就可以了

在做之前，先要确认一下，这个是不是表单页

解决：

（第一部分）

f=order.html"type="hidden"/>

中间部分

（验证部分）

yzmcode=6&"onclick="this.src=this.src+'?

'"style="vertical-align:

bottom"/>

（提交按钮）

第一部分只要复制一下，改一下蓝色的字体，就行了，中间部分就是需要你自己放几个文本框上去，把里面的属性id，name改成后台元素名称就可以了

后台元素

验证部分、提交按钮，复制上去，样式改成你需要的就行了，就是class改一下就行了

完成的如下

上下二个连接

特殊实例：

从地址栏上获取参数，如果参数是1的话，输出内容

分析：

这无非是判断一下，判断是不是1，是的话输出来，不是的话就不输出来

学习：

在解决这个案例前，我们需要先了解一下关于这个案例所使用的前台开发语法

语法五：

{#if$地址栏参数名$==地址栏参数值#}

内容区

{#/if#}

语法一解注：

逻辑判断符有：

==、>=、<=、!

=、<、>

当条件成立时,则运行内容区

解决：

了解了上面的前台开发语法，我们将用前台开发语法来写特殊实例

前台连接地址写法

首页：

"/"►一个/就可以了。

无参地址：

"/?

f=about.html"►即/?

f=后面带模板文件名称（*.html）

有参地址：

"/?

id=5&f=news.html"►参数f总是写在最后，其它参数写在前面。

完结