智能建站前台开发说明书.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总是写在最后，其它参数写在前面。
完结
升级会员 