aspcms教程笔记
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第一章:本地环境搭建与系统安装
一、aspcms 介绍
ASPCMS是完全开源的一套CMS建站系统,主要面向企业进行快速的建造简洁,高效,易用,安全的公司企业网站,一般的开发人员就能够使用本系统以最低的成本、最少的人力投入在最短的时间内架设一个功能齐全、性能优异的公司企业网站。
你在使用过程中可选择任意模块来建设您的网站。
学会aspcms 你能建站网赚(广告、流量)威客(在第三方平台接单做网站)……
二、win7家庭版能搭建ASP服务器
1、点击软件安装,一直next就可以了。
2、安装好了后,点击左下角“开始””程序“”NetBox System 2.8“就会看到Netbox主要的程序了
3、为了验证我们的程序现在是否支持ASP,我们可以先使用Samples看看效果。
双击Samples
4、再点击Webserver
5、点击main.box,此时托盘里会出现这样的图标
6、如果你在上网或者使用迅雷,点击的时候启动不鸟,那是因为端口被占用了,那么此时你需要在main.box上右击鼠标,选择记事本打开
7、需要把端口改成非80即可
9、那么如何搭建网站呢。
第一步,在你的任何盘下面新建一个文件夹,我命名为WEB(名字随意)
第二步:在WEB文件夹里面新建一个名为wwwroot的文件夹,注意这个文件夹名只能为wwwroot然后把前面Samples文件里面的mian.box复制过来
第三步:必须按照这个层次放置。
然后点击main.box就可以在win7家庭版上运行asp程序了(如果没修改端口的需要修改端口)
现在你只需要在wwwroot放入你的代码就可以访问了
现在你是不是可以保持win7家庭版系统又可以使用asp了呢。
三、系统安装
1、将aspcms程序安装包文件夹下的所有文件,复制到
文件夹下(注意NetBox 2.8安装的位置,这里是安装在D盘)
2、上面我们安装NetBox 2.8时的端口是83,在浏览器输入http://127.0.0.1:83,会弹出下面的窗口
3、点击立即安装(出现问题)
本错误是由于客户试图用非iis 服务器来承载网页解析asp,而这些程序并不能很好支持iis 的全部功能,例如:netbox(不支持此语法)。
解决方法:于是将
Response.CharSet = "GB2312" 替换成Response.Addheader "Content-Type","text/html; charset=gb2312"
4、刷新网页,又出现以下问题
问题根源:(因为调试工具是固定使用gb2312编码的)
解决方法:将这一行删掉或注释掉;
如果要上传到真实的服务器,再放上这条语句即可。
(session.codepage = 936)
/base.asp文件修改前修改后
5、刷新页面,点击“立即安装”,出现一个“中文版授权协议”
6、点击“接受协议”,出现“环境检测”:
7、虚拟空间必须支持读写权限和必选组件,然后点击“下一步”。
出现“配置数据库”,免费版只支持access数据库。
数据库名称可以修改,网站相应配置和管理员帐号密码设置完毕后,点击“下一步”(管理账户、密码自己随便设置)8、下一步选择合适的模板
9、点击下一步,客户信息无需填写。
在下一步,安装完成。
10、安装成功
四、访问中出现的问题:(前台访问地址:http://127.0.0.1:8080 后台访问地址:http://127.0.0.1:8080/admin_aspcms/)
解决办法:/AspCms_MainClass.asp Response.Charset = Charset_ 修改成Response.Addheader "Content-Type","text/html; charset=gb2312"
删除:Response.codepage = codepage_ session.codepage = codepage_
修改前修改后
OK 现在就能正常访问了
第三课下载要仿制的网站
案例用到的工具:谷歌浏览器、Dreamweaver
一、下载网页到本地
1、打开需要仿制的网页页面/index.htm
2、保存网页:在网页上点击鼠标右键----另存为----文件名(自己给文件命名,如首页index.html)、保存类型(网页,全部)、选择保
存的位置-----保存快捷键:Ctrl+S
此时会有两个文件:index_files文件夹(存放图片、css、js等)、index.html文档
3、双击打开index.html文档,此时会发现和原网站相比,有些图片没有显示出来,原因是css里面的图片没有下载下来;
二、下载css里面的图片
1、用谷歌浏览器打开保存下来的网页
2、打开开发者工具:在浏览器右上角点击(菜单按钮)-----更多工具-----开发者工具快捷键:Ctrl+Shift+I
3、对比原网站页面,看看哪些图片是没有显示出来的,审查元素时查看相应的位置,如下图(注意查看的是原网站的路径)
Body标签,样式:body {background: url('../img/main_bg.jpg') no-repeat center top;}
将鼠标移到('../img/main_bg.jpg')路径上,会显示这个图片的路径/_Template/ZnCms/img/main_bg.jpg 打开这个路径即可显示背景图片
保存这张图片:点击鼠标右键----另存为---点击相应的位置(index_files)----保存快捷键:Ctrl+S
保存图片后,打开网页相应的图片还是没有显示出来,原因是路径不对
三、建立图片、样式目录结构
1、新建图片文件夹:存放网页中所有图片images文件夹
2、新建样式文件夹:存放所有css样式css文件夹
3、新建js文件夹:存放所有js文件js文件夹
4、新建html模板文件夹:存放所有html模板html文件夹
图片全都剪切到images文件夹下、css全都剪切到css文件夹下、js全都剪切到js文件夹下、index.html存放到html文件夹下(注:机构的建设都是很灵活,可根据自己习惯建立,但是修改图片就要根据自己建立的目录机构进行修改)
四、修改路径(我们采用的是相当路径)
此时,打开index.html页面,出现的是没有经过排版的文字,因为此时所有的css、图片、js路径都不正确
css路径:../css/css文档名图片路径:../images/图片名
Js路径:../js/js文档名css里面图片的路径:../images/图片名
(操作:用Dreamweaver打开index.html和css文件-----Ctrl+F查找和替换---修改路径---保存----刷新网页)
五、将模板放置aspcms(假如当前使用的模板是007,包含文件夹右图)
(1)在原来的模板上进行修改
1、不修改index.htm路径放置
①将以上index.html文件内容复制到007/html/index.html文档中(注意编码为:gb2312)
②将以上images、css、js文件夹复制到跟文件夹下
将images里面的图片复制到跟文件夹wwwroot/images里面
将css里面的css文件复制到跟文件夹wwwroot/css里面
将js里面的js复制到跟文件夹wwwroot/js里面
③打开127.0.0.1即可看到模板替换成功
以上是不修改index.html的路径直接将模板首页仿制aspcms程序中,但是需要将图片、css、js里面的文档分别放置不同的文件夹如果不想移动图片、css、js文件,就要修改index.html里面的路径
2、不移动图片、css、js文件,修改index.html路径放置
①将整理好的images、css、js、html文件直接复制到077文件夹下
②修改index.html文档的路径
图片路径:{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/css/图片名
Css路径:{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/css/css文件名
Js路径:{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/js/js文件名
{aspcms:sitepath}表示wwwroot跟目录
{aspcms:defaulttemplate}表示007模板根目录
③修改之后保存刷新即可看到新的模板首页
2、创建新的模板文件夹
1. 模版目录文件夹标准
A. 模版( templates 的下级目录)名称可以自己任意命名,如官方默认命名cn 。
如图
B. 模版目录文件夹,如templates cn 下要放有模版封面的缩略图、html 模版文件夹以及template.xml 文件,template.xml 文件是对接后台的模板选择功能,有了这个文件后台才能直接选择和使用模板。
如图
C. templatescn 下template.xml 文件要替换成自己想要改的模版名和模版缩略图名。
如图
2. 模版标准
A. 模版文件位于templatescnhtml 目录下( cn 为自己的模版文件夹名称),如图
about.html---------------------------------------------------- 单页模版
album.html--------------------------------------------------- 相册详细模版
albumlist.html----------------------------------------------- 相册列表模版
apply.html---------------------------------------------------- 职位申请模版
down.html---------------------------------------------------- 下载模版
downlist.html------------------------------------------------ 下载列表模版
editpass.html------------------------------------------------- 资料修改模版
foot.html------------------------------------------------------ 底部模版
gbook.html--------------------------------------------------- 在线留言模版
head.html----------------------------------------------------- 头部模版
Index.html---------------------------------------------------- 首页模版
job.html------------------------------------------------------- 招聘详细模版
joblist.html---------------------------------------------------- 招聘列表模版
left.html-------------------------------------------------------- 辅助模版
login.html----------------------------------------------------- 登录模版
news.html----------------------------------------------------- 新闻详细模版
newslist.html------------------------------------------------- 新闻列表模版
product.html-------------------------------------------------- 产品详细模版
productbuy.html---------------------------------------------- 产品购买模版
productlist.html----------------------------------------------- 产品列表模版
reg.html-------------------------------------------------------- 注册模版
rssmap.html-----------------------------------------------------RSS 地图模版
search.html----------------------------------------------------- 搜索模版
sitemap.html--------------------------------------------------- 网站地图模版
taglist.html------------------------------------------------------tag 列表模版
tags.html------------------------------------------------------- 热门tag 列表模版
说明:
1.头部固定模板为head.html ,固定调用标签{aspcms:top}
2.底部固定模板为foot.html ,固定调用标签{aspcms:foot}
3.辅助模版名称可以自己定义,如left.html ,调用辅助模版的标签为:{aspcms:template src=left.html} 3.导航栏目标准导航条按官方的默认栏目id 来排列。
如图:
首页栏目调用标签:{aspcms:navlist}[navlist:name]{/aspcms:navlist}
4. 尾部信息标准
A. 版权信息:“系统设置”—》“网站信息设置”—》“版权信息”可以在后台添加。
调用代码{aspcms:copyright},显示结果如“Powered by ASPCMS ? 2001-2011 Comsenz Inc. ”
B. 备案号:“系统设置”—》“网站信息设置”—》“备案号”可以在后台添加。
调用代码{aspcms:companyicp},显示结果如“苏ICP00001”
C. 其他尾部信息。
可根据自己的实际需要来添加。
如
“公司名称: {aspcms:companyname}
公司地址: {aspcms:companyaddress}
邮政编码: {aspcms:companypostcode}
联系人: {aspcms:companycontact}
电话号码: {aspcms:companyphone}
手机号码: {aspcms:companymobile}
公司传真: {aspcms:companyfax}
电子邮箱: {aspcms:companyemail}”等等。
5. 如何使用模版
将模版文件夹拷到ASPCMS官方默认程序templates目录下,然后进入后台:“面风格”—》“模版选择“—》找到自己的模版,选择使用此模版。
如图。
然后进入网站首页,点击可以正常浏览。
第三章仿制标签的调用
一、首页标签的调用
(1)路径的修改
图片、css、js的路径修改{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}
(2)head部分标签的调用
标题<title>{aspcms:sitetitle}{aspcms:additiontitle}</title>
关键字<meta name="Keywords" content="{aspcms:sitekeywords}" >
描述<meta name="Description" content="{aspcms:sitedesc}" >
(3)网站通用标签
{aspcms:sitepath} 网站终极目录(可放在二级目录,其它语言则在三级目录) {aspcms:languagepath} 语言目录
{aspcms:siteurl} 网站地址
{aspcms:sitelogo} LOGO地址
{aspcms:sitetitle} 网站标题
{aspcms:additiontitle} 网站附加标题
{aspcms:sitekeywords} 网站关键词
{aspcms:sitedesc} 网站描述
{aspcms:defaulttemplate} 默认模板
{aspcms:companyname} 公司名称
{aspcms:companyaddress} 公司地址
{aspcms:companypostcode} 邮政编码
{aspcms:companycontact} 联系人
{aspcms:companyphone} 电话号码
{aspcms:companymobile} 手机号码
{aspcms:companyfax} 公司传真
{aspcms:companyemail} 电子邮箱
{aspcms:companyicp} 备案号
{aspcms:statisticalcode} 统计代码
{aspcms:copyright} 网站版权
{aspcms:languagepath} 语言目录(后台多语言设置中设置)
{label:****} 自定义标签
{aspcms:userright}
{aspcms:slide}
{aspcms:slideb}
{aspcms:slidec}
{aspcms:slided}
{aspcms:onlineservice}在线客服
{aspcms:kf}其它客服系统
{aspcms:floatad}漂浮广告
{aspcms:coupletad}对联广告
{aspcms:windowad}弹出广告
网站链接地址http://{aspcms:siteurl}
网站标题{aspcms:sitetitle}
(4)导航的调用(通常是ul li标签)
留前两个li,一个是首页,一个是导航的底层模板
例如:<ul>
<li><a href="{aspcms:sitepath}{aspcms:languagepath}">公司首页</a></li>
{aspcms:navlist}
<li><a href="[navlist:link]">[navlist:name]</a></li>
{/aspcms:navlist}
</ul>
标签说明:
开始标签{aspcms:navlist}
结束标签{/aspcms:navlist}
导航名称[navlist:name]
导航链接[navlist:link]
【注:设置后台栏目时,添加相关的栏目,将不用的栏目禁用】
(5)单页内容的调用如公司简介的调用
例如:
{aspcms:about sort=19 len=60}
<img src="[about:pic]" width="225" height="85" /> [about:info]
{/aspcms:about}
标签说明:
<img src="[about:pic]" width="225" height="85" /> 为公司简介缩略图,在后台添加公司简介时,可以上传图片;
{aspcms:about sort=19 len=60}为读取数据开始
{/aspcms:about}为读取数据结束
sort=19其中的19代表当前栏目如公司简介在后台添加后的ID值
(6)新闻列表的调用(通常是ul li标签)
留一个li,作为底层模板,其它的li删除
例如:<ul>
{aspcms:content sort=1 num=4 order=id}
<li><a href="[content:link]">[content:title len=28]</a><span>[content:date style=y-m-d]</span></li>
{/aspcms:content}
</ul>
标签说明:
{aspcms:content sort=1 num=4 order=id}为读取数据开始
{/aspcms:content}为读取数据结束
sort=1其中的1代表当前新闻栏目的ID
如公司新闻ID为2,公司公告ID为4,首页默认为1,若要调用公告的内容,则直接将sort=1改成sort=4即可num=4其中的4代表首页调用的新闻数量;若要调用10条,则将num=4改成num=10即可;
order=id是指按什么类型来调用对应栏目新闻;方式一共有以下几总
order=istop:置顶order=isrecommend 推荐order=isimage 图片order=isfeatured 特别推荐[content:date style=y-m-d] 表示调用的时间
(7)更多的链接
点击相应的导航栏目,将该页面的链接复制给“更多”即可如:产品列表/aspcms/productlist/list-1-1.html 如:
(8)公司新闻图文章列表调用
{aspcms:content sort=1 num=1 order=isimage}
< a href="[content:link]"><img src="[content:pic]" width="101" height="62"></a>
< a href="[content:link]"><span>[content:title len=28]</span></a>
[content:desc].....<a href="[content:link]" style="color:#9D0000">[查看详细]</a>
{/aspcms:content}
标签说明:[navlist:pic] 调用栏目图片
(9)首页产品目录的调用
1、首页产品一级目录调用
{aspcms:navlist type=1} /*其中type=1是指后台栏目ID为1的子栏目调用,循环开始*/
<a href="[navlist:link]">[navlist:name]</a> /* [navlist:name]调用子目录名称,[navlist:link]调用与子栏目名称对应的链接*/
2、首页产品二级目录调用
{aspcms:navlist type=1} /*其中type=1是指后台栏目ID为1的子栏目调用,循环开始*/
<a href="[navlist:link]">[navlist:name]</a> /* [navlist:name]调用子目录名称,[navlist:link]调用与子栏目名称对应的链接*/
{aspcms:1navlist type=[navlist:sortid]} /*二级栏目调用开始*/
<a href="[1navlist:link]">[1navlist:name]</a> /*[1navlist:name]指二级栏目名称,[1navlist:link]二级栏目对应链接地址*/
{/aspcms:1navlist} /*二级栏目循环调用结束*/
{/aspcms:navlist} /*循环调用结束*/
3、首页产品三级目录调用
{aspcms:navlist type=1} /*其中type=1是指后台栏目ID为1的子栏目调用,循环开始*/
<a href="[navlist:link]">[navlist:name]</a> /* [navlist:name]调用子目录名称,[navlist:link]调用与子栏目名称对应的链接*/
{aspcms:1navlist type=[navlist:sortid]} /*二级栏目调用开始*/
<a href="[1navlist:link]">[1navlist:name]</a> /*[1navlist:name]指二级栏目,[1navlist:link]二级栏目对应链接地址*/
{aspcms:2navlist type=[1navlist:sortid]} /*三级栏目调用开始*/
<a href="[2navlist:link]">[2navlist:name]</a> /*[2navlist:name]指三级栏目,[2navlist:link]三级栏目对应链接地址*/
{/aspcms:2navlist} /*三级栏目循环调用结束*/
{aspcms:1navlist} /*二级栏目循环调用结束*/
{/aspcms:navlist} /*循环调用结束*/
4、首页产品四级目录调用
{aspcms:navlist type=1} /*其中type=1是指后台栏目ID为1的子栏目调用,循环开始*/
<a href="[navlist:link]">[navlist:name]</a> /* [navlist:name]调用子目录名称,[navlist:link]调用子栏链接*/
{aspcms:1navlist type=[navlist:sortid]} /*二级栏目调用开始*/
<a href="[1navlist:link]">[1navlist:name]</a> /*[1navlist:name]指二级栏目名称,[1navlist:link]二级栏目对应链接*/
{aspcms:2navlist type=[1navlist:sortid]} /*三级栏目调用开始*/
<a href="[2navlist:link]">[2navlist:name]</a> /*[2navlist:name]指三级栏目名称,[2navlist:link]三级栏目链接*/
{aspcms:3navlist type=[2navlist:sortid]} /*四级栏目调用开始*/
<a href="[3navlist:link]">[3navlist:name]</a> /*[3navlist:name]指四级栏目名称,[3navlist:link]四级栏目链接*/
{/aspcms:3navlist} /*四级栏目循环调用结束*/
{/aspcms:2navlist} /*三级栏目循环调用结束*/
{aspcms:1navlist} /*二级栏目循环调用结束*/
{/aspcms:navlist} /*循环调用结束*/
(10)产品自定义首页调用
[content:P_jiage]
(11)网站站内搜索代码调用
例如:<form class="clearfix" action="{aspcms:sitepath}{aspcms:languagepath}search.asp" method="get"> 关键字:<input type="text" name="keys" /> /* 搜索文本框与提交按扭*/
<input type="submit" value=""/> /*提交按扭*/
</form>
标签说明:
action="{aspcms:sitepath}{aspcms:languagepath}search.asp" 指定提交方式
method="get"指定提交到的路径
(12)产品图片列表的调用(通常是ul li标签)
留一个li,作为底层模板,其它的li删除
例如:{aspcms:content sort=5 num=8 order=order}
<ul>
<li class="pic"><a href="[content:link]"><img src="[content:pic]" alt="" /></a></li>
<li class="text"><a href="[content:link]">[content:title len=10]</a></li>
</ul>
{/aspcms:content}
标签说明:
{aspcms:content sort=5 num=8 order=order}为开始,sort=5调用栏目的ID, num=8调用的条数,order=order 排列顺序[content:link] 调用说明页的链接
[content:pic] 调用的图片链接
[content:title len=10] 调用的标题,及显示的字数
{/aspcms:content} 结束标签
(13)友情链接的调用
调用文字链接
{aspcms:linklist type=font group=1}<a href="[linklist:link]">[linklist:name]</a> {/aspcms:linklist}
调用图片链接
{aspcms:linklist type=pic group=1}
<a href="[linklist:link]" target="_blank">
<img style="border: 1px solid #D6EAF1;" src="[linklist:pic]" border="0" height="33" width="100" > </a>
{/aspcms:linklist}
(14)尾部的相关调用
{aspcms:companyname} 公司名称
{aspcms:companyaddress} 公司地址
{aspcms:companycontact} 联系人
{aspcms:companyphone} 电话号码
{aspcms:companymobile} 手机号码
{aspcms:companyfax} 公司传真
{aspcms:copyright} 网站版权
{aspcms:statisticalcode} 统计代码
{aspcms:companyicp} 备案号
{label:****} 自定义标签
(15)头部和底部的调用
将页面相同部分代码分离出来,单独建立一个页面,如head.html
1、将每个页面的头部相同部分的代码挑选出来,新建一个head.html文档
头部模板为head.html 固定调用标签{aspcms:top}
包含形式调用:{aspcms:template src=head.html}
2、将每个页面的尾部相同部分的代码挑选出来,新建一个foot.html文档
底部模板为foot.html 固定调用标签{aspcms:foot}
3、将每个页面相同部分的代码挑选出来,新建一个html文档辅助模版
辅助模版名称可以自己定义,如left.html ,调用辅助模版的标签为:{aspcms:template src=left.html} 如果我们自定义的辅助模板为right.html,那我们调用辅助模板的标签就是:{aspcms:template src=right.html}
二、产品列表页的标签调用
(1)保存页面
保存页面html代码、图片、css、js等文件
(2)修改路径
替换css、images、js路径{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/
(3)head区域标签的调用
标题调用:<title>{aspcms:sorttitle}-{aspcms:sitetitle}- Powered by AspCms2.0</title>
关键字调用:<meta name="Keywords" content="{aspcms:sortkeyword}" >
描述调用:<meta name="Description" content="{aspcms:sortdesc}" >
(4)头部和尾部的调用
区分出头部和尾部标签,将其删除进行标签的调用
头部调用:{aspcms:top}
尾部调用:{aspcms:foot}
(4)产品列表调用
1、当前栏目名称的调用:{aspcms:sorttitle} 或{aspcms:sortname}
2、调用当前栏目的顶级栏目:
aspcms 二级页面获取顶级栏目名称、链接、id,顶级栏目分类,通常用在左侧和右侧小导航区域{aspcms:navlist}{if:[navlist:sortid]={aspcms:topsortid}}<a href="[navlist:link]">[navlist:name]</a>
{end if}{/aspcms:navlist}
3、当前所在位置:
您现在的位置:<a href="{aspcms:sitepath}{aspcms:languagepath}">首页</a>{aspcms:position} > [position:link]{/aspcms:position}
4、产品列表的调用
例如:{aspcms:list size=9 order=order}
<a href="[list:link]" title="[list:title]" ><img src="[list:pic]" title="[list:title]" alt="[list:title]" /></a>
<A href="[list:link]" title="[list:title]" class="product_name">[[list:id]][list:title len=50]</A>
{/aspcms:list}
标签说明:调用开始,order=order调用排序方式,size=9代表当前列表调用的产品数量
[list:title]指列表页面产品的标题,[list:title len=50] len=50表示显示标题的字符长度
[list:link]指列表页面产品对应的链接,
[list:pic]指列表页面产品的图片链接。
[list:title]指列表页面产品的标题,[list:link]指列表页面产品对应的链接。
[list:date style=yy-m-d]日期
{aspcms:list size=10 order=id}
[list:visits]浏览次数[list:author]作者[list:source]来源[list:tag]tag标签
[list:istop]置顶[list:isrecommend]推荐[list:isimage]图片新闻[list:isfeatured]特别推荐
[list:isheadline]头条[list:pic]图片[list:downurl]下载地址
{/aspcms:list}
(6)产品列表分页调用
[list:pagenumber len=5]
<DIV class=pageNavi><DIV class=wp-pagenavi>[list:pagenumber len=5]</DIV></DIV>
Css样式:pagenavi-css.css 文档
.wp-pagenavi {CLEAR: both}
.wp-pagenavi A {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none} .wp-pagenavi SPAN {BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px;
PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid;
TEXT-DECORATION: none}
.wp-pagenavi A:hover {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000} .wp-pagenavi SPAN.current {BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000;
BORDER-RIGHT-COLOR: #000}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}
(7)常用left页面的调用
例如:
<H3>{aspcms:sortname}</H3>
<UL class=sub>
{aspcms:navlist type={aspcms:topsortid}}
<li {if:[navlist:sortid]=[navlist:cursortid]}class="currentNav"{end if}>
<a title="[navlist:name]" href="[navlist:link]">[navlist:name]</a>
</li>
{/aspcms:navlist}
</UL>
标签说明:
{aspcms:sortname} 调用当前栏目名称
{aspcms:navlist type={aspcms:topsortid}} 一级栏目的子类调用开始
[navlist:name] 一级栏目名称
{/aspcms:navlist} 标签结束
【注:二级、三级、四级栏目的调用,请参阅:二级、三级、四级栏目的调用】
<H3>{aspcms:sortname}</H3> // 显示产品展示
<UL class=sub>
{aspcms:navlist type={aspcms:topsortid}}
<li><a href="[navlist:link]">[navlist:name]</a></li> // 显示实体产品
{aspcms:1navlist type=[navlist:sortid]}
<ul><li> <a title="[navlist:name]" href="[navlist:link]">[navlist:name]</a></li> // 显示产品二级测试
{/aspcms:1navlist}
</li>
{/aspcms:navlist}
</UL>
{aspcms:sortname} 当前栏目
{aspcms:navlist type={aspcms:topsortid}} 一级栏目
{aspcms:1navlist type=[navlist:sortid]} 二级栏目调用
(8)新闻列表的调用
{aspcms:content sort=1 num=1 order=isimage}
< a href="[content:link]"><img src="[content:pic]" width="101" height="62"></a>
< a href="[content:link]"><span>[content:title len=28]</span></a>
[content:desc].....<a href="[content:link]" style="color:#9D0000">[查看详细]</a>
{/aspcms:content}
三、产品列表详情页的标签调用
(1)保存页面
保存页面html代码、图片、css、js等文件
(2)修改路径
替换css、images、js路径{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/
(3)head区域标签的调用
标题调用:<title>[content:title]-{aspcms:sortname}-{aspcms:sitetitle}</title>
关键字调用:<meta name="Keywords" content="[content:keyword]" >
描述调用:<meta name="Description" content="[content:desc]" >
(4)头部和尾部的调用
区分出头部和尾部标签,将其删除进行标签的调用
头部调用:{aspcms:top}
尾部调用:{aspcms:foot}
(5)产品详细页面标签的调用
1、当前栏目名称:{aspcms:sortname}
2、您现在的位置:首页{aspcms:position} > [position:link]{/aspcms:position}
3、当前页面产品标题:[content:title]
4、产品单张图片调用:<IMG height=350 src="[content:pic]" jqimg="[content:pic]" width=350>
5、产品价格:[content:P_Price]
当数据调用不出来显示代码时的问题?
原因是因为[content: ]和[news: ]标签同时出现
解决方法:将[content: ]标签改为[news: ]标签即可
如[content:title]改为[news:title] 、[content:P_Price]改为[news:P_Price]、[content:info]改为[news:info]
6、浏览次数:
7、产品详细说明调用:[content:info]
8、发布时间
(6)上下篇的调用
{aspcms:prev}上一篇
{aspcms:next}下一篇
{aspcms:nexttitle} 下一篇的题目
{aspcms:prevtitle} 上一篇的题目
{aspcms:nextlink}下一篇的链接
{aspcms:prevlink}上一篇的链接
(7)相关产品调用
{aspcms:content sort={aspcms:sortid} num=9}
<a href="[content:link]"><img src="[content:pic]" alt="[content:title len=10]"></a>
<a href="[content:link]" title="[content:title len=10]">[content:title len=16]</a><br/>
{/aspcms:content}
标签说明:
sort={aspcms:sortid}是自动调用当前页面产品的分类ID,然后自动匹配除当前产品外的其它产品到相关产品里面来;num=9代表调用数量
[content:link]代表相关产品的链接
[content:title len=16]代表产品的名称,len=16指调用标题的长度,如果只需要8个字符,则将len=16改成len=8即可;【注:所有页面中,content和news均不能同时存在于一个页面,否则页面部分内容则无法显示】
(8)添加自定义标签
后台----内容维护---公司产品管理-----产品参数管理----添加参数
例如:
调用:[news:P_mobanbianhao]
四、新闻列表页
(1)
五、新闻详细页
详细页调用标签
[news::title]标题
[news:keyword]关键词在添加内容时可以设置
[news:desc]描述在添加内容时可以设置
[news:link]链接
[news:info]内容
[news:i]计数
[news:titlecolor]标题颜色
[news:sortname]分类名称
[news:sortlink]分类链接
[news:date]日期
[news:visits]浏览次数
[news:author]作者
[news:source]来源
[news:downurl]下载地址
[news:istop]置顶
[news:isrecommend]推荐
[news:isimage]图片新闻
[news:isfeatured]特别推荐
[news:isheadline]头条
[news:pic]图片
[news:videourl]视频
[news:pics]多图
[news:tag]tag标签
[news:linktag]带链接的tag标签
第二章:aspcms 系统文件及操作介绍
一、说明文件
1、AspCms2标签大全.txt
2、更新说明.txt
3、使用必读.txt (提示后台登录地址、用户名、密码)
二、程序文件Upload文件夹下的目录
1、about 单页面执行的文件夹
2、admin_aspcms 后台管理文件夹,------ 修改文件夹名,即可修改后台访问的地址
后台访问地址:http://127.0.0.1:8080/后台文件夹名/
2、templates 模板文件夹将网站的模板存放在这个文件夹
3、member会员注册文件夹(如果网站没有会员注册,可以删除此文件夹)
4、gbook 在线留言(执行、提交)文件夹
5、date 数据库文件夹,存放数据
6、upload 上传目录(存放上传的图片、视频等)
7、config 网站的配置文件夹
8、apply 在线申请执行的文件夹
9、content 内容(新闻、产品)执行的文件夹
10、css 系统样式文件夹
11、custom 自定义页面执行的文件夹
12、date 数据库保存目录
13、flash 系统默认的幻灯片文件
14、images 系统图片文件夹
15、js 系统js文件夹
16、list 列表页执行的文件夹
17、plug 系统插件目录
18、productbuy 产品购买执行的文件夹
三、aspcms 后台功能设置
1、网站信息设置:后台----系统设置-----网站信息设置-----网站标题、网站关键字、网站描述......等----保存
2、导航栏目设置:后台----系统设置----网站栏目管理----添加分类----填写相关内容----确定
填写相关内容:分类名称(导航栏目的名称)
顶级分类:顶级栏目
分类类型:单篇(单页面,如公司简介、关于我们)、文章、产品、下载、招聘、相册、链接、视频
列表页模板(文章列表、图片列表)
内容页模板(文章内容页、图片内容页)
如何禁用导航:不需要的导航,可以禁用掉调整导航的显示位置:修改排序即可(数字越小越排前)
3、首页轮播图的设置:后台----扩展功能----幻灯片设置----幻灯片个数、幻灯片高、幻灯片宽---保存----上传---保存
4、换模切换:后台-----界面风格----点击使用此模板(选择要使用的模板)
5、修改后台登录密码:后台----网站会员----管理员管理----修改(超级管理员)-----输入要修改的密码---修改
6、文章发布:后台----内容维护----文章新闻管理、公司产品管理等等
7、单页面:后台----内容维护----单篇文章
8、后台客服设置:后台----扩展功能----在线客服设置----点选显现、选择样式、显示位置、QQ......
9、54客服:申请网址/ 可以在多少网址上使用同一个号码将代码复制到底部模板即可
后台----扩展功能
10、在线制作logo和ico
后台----系统设置-----网站信息设置-----LOGO图片URL、ico图片URL
四、模板管理
1、模板是保存在templates 文件夹
2、换模切换:后台-----界面风格----点击使用此模板(选择要使用的模板)
3、编辑模板:后台-----界面风格----编辑模板/css文件----选择编辑的模板点击编辑
4、模板文件夹里面的文件:html(html模板文件)、images(存放图片)、css(存放样式)、js、index.gif(界面风格里显示的图片)、
template.xml(模板说明文件,对于显示的内容是模板管理列表的描述)
5、html模板
Index.html 首页模板head.html 头部模板foot.html 底部模板
about.html 单页模板newslist.html新闻列表页模板news.html 新闻详细页模板
productlist.html 产品列表页模板product.html 产品详细页模板
6、模板下载和安装
下载:可以在百度搜索免费模板,然后下载使用;
安装:将下载的模板文件夹放在文件夹下
后台-----界面风格----点击使用此模板(选择要使用的模板)
第三课标签调用介绍
一、网站通用标签
{aspcms:sitetitle} 网站标题。