网企通模板规范文档.doc

网企通模板规范说明文档 网企通模板规范说明目录1 每套模板的文件布局图：12 每套模板包含的页面（后缀名tpl省略）23 公共部分模板html规范33.1页面公共部分33.1.1 名称：header33.1.2名称：headertop33.1.3名称：menu43.1.4名称：banner53.1.5名称：footer53.2列表页面html代码63.2.1名称：articleprofilelist63.2.2名称：articlelist63.2.3名称：picturelist73.3首页、左侧（右侧）可调用html代码83.3.1名称：friendlink83.3.2名称：prductcategory83.3.3名称：inforadar93.3.4名称：ennews93.3.5名称：product93.3.6名称：photo103.3.7名称：contact103.3.8名称：search103.3.9名称：getfeedback113.3.10名称：scrolljs113.3.11名称：video113.4详细展示页面html代码123.4.1名称：ecouponview123.4.2名称：productview133.4.3名称：photoview143.4.4名称：feedback143.4.5名称：jobview173.4.6名称：articleview203.4.7名称：custom203.4.8名称：antifakeview214 html页面其他约束224.1 图片命名规范225模板示例与公共标签说明225.1 模板示例225.1.1 头部模板示例（_header）225.1.2 首页模板示例（enterprise_index）235.1.3 文章类型列表示例（list）245.1.4 图片类型列表示例（listpic）255.1.5 详细页面示例（view）265.2 公共标签说明261 每套模板的文件布局图：preview.gif为该主题预览缩略图 screenshot.jpg为该主题预览图, 命名不能改变。theme下为页面模板styles下的文件布局：每个风格下的文件布局：images为图片文件夹 shop.css为样式文件 命名不能改变。2 每套模板包含的页面（后缀名tpl省略）模板对应生成页面备注enterprise_index.tplenterprise_index.htmllist.tplnews_list.html, info_list.html,ecoupon_list.html,jobs_list.htmllistpic.tplproduct_list.html,photo_list.htmlview.tplnews_view.html,info_view.html,ecoupon_view.html,product_view.html,photo_view.html, feedback.html, antifake.html,self.html,about.html说明：该模板内部共用部分可以以下划线开头的名字制作成模板3 公共部分模板html规范3.1页面公共部分说明：页面公共部分是在所有页面都必须调用、显示的内容。3.1.1 名称：header 说明：html代码头部标签以前的代码（在页面html代码中直接设置的背景图片，而不是在样式文件中设置。）Html代码（html结构与样式名称不能修改）：$pagetitle3.1.2名称：headertop 说明：页面顶部设为首页与设为收藏夹等。其样式不能设置或修改，使用的是统一的样式结构。Html代码（html结构与样式名称不能修改）： 设为首页 加入收藏夹 在线留言 #if($Enterprise.IsAlliance=True) #else #end 企业编号：$Enterprise.EnterpriseId var entid=$Enterprise.EnterpriseId;3.1.3名称：menu说明：导航菜单Html代码（html结构与样式名称不能修改）： 网站首页 网站建设 软件开发 软件开发 电子优惠券 企业相册 留言板 3.1.4名称：banner说明：bannerHtml代码（html结构与样式名称不能修改）：3.1.5名称：footer说明：页面底部Html代码（html结构与样式名称不能修改）：企业名称 企业地址 企业联系方式 技术支持：经网 | 网企通管理入口 | 免责声明3.2列表页面html代码说明：此部分是用于分别展示产品、相册、文章等的列表的html代码。3.2.1名称：articleprofilelist说明：文章（供求、资讯、招聘、优惠券等）列表 包含简介Html代码（html结构与样式名称不能修改）：标题2009-11-25简介简介简介简介查看全文上一页12下一页3.2.2名称：articlelist说明：文章（供求、资讯、招聘、优惠券等）列表 不包含简介Html代码（html结构与样式名称不能修改）： 标题2009-11-25上一页12下一页3.2.3名称：picturelist说明：图片（产品、相册等）列表 Html代码（html结构与样式名称不能修改）：文字文字文字文字上一页12下一页3.3首页、左侧（右侧）可调用html代码说明：此部分是用于分别展示产品、相册、文章等的列表的html代码。3.3.1名称：friendlink说明：友情链接Html代码（html结构与样式名称不能修改）：$this.GetShortString($var.Name,34,)3.3.2名称：prductcategory说明：产品自定义分类 Html代码（html结构与样式名称不能修改）：待添加产品分类更多 父分类 子分类父分类 子分类 子分类 3.3.3名称：inforadar说明：行业资讯，的数量自定Html代码（html结构与样式名称不能修改）：行业资讯更多 资讯标题 资讯标题 资讯标题 资讯标题 3.3.4名称：ennews说明：企业资讯，的数量自定Html代码（html结构与样式名称不能修改）：企业资讯更多 资讯标题 资讯标题 资讯标题 资讯标题3.3.5名称：product说明：产品展示 ，的数量自定Html代码（html结构与样式名称不能修改）：文字文字3.3.6名称：photo说明：相册展示，的数量自定，结构与样式名与product相同Html代码（html结构与样式名称不能修改）：文字文字文字文字文字3.3.7名称：contact说明：联系方式，内容、结构不能做删减更改，样式自定义。Html代码（html结构与样式名称不能修改）：管理员：haidishijie所在地区：长沙 长沙市 芙蓉区登记时间：2009-7-25 14:11:02详细地址：近郊新世纪文化城内(浏阳河大桥东侧)联系人：易先生联系电话：0731-842550053.3.8名称：search说明：搜索框Html代码（html结构与样式名称不能修改）：站内搜索： 3.3.9名称：getfeedback说明：最新留言，的数量自定Html代码（html结构与样式名称不能修改）：最新留言更多 留言账号：留言内容3.3.10名称：scrolljs说明：产品滚动效果jsHtml代码（html结构与样式名称不能修改）： $(function() $(.cplist).jCarouselLite( auto: 2000, speed: 1000, visible:4, scroll:1, warp:both ); ); 3.3.11名称：video说明：视频Html代码（html结构与样式名称不能修改）：有视频时： 无视频时：3.4详细展示页面html代码说明：此部分是用于分别展示产品、相册、文章等的详细内容的html代码。3.4.1名称：ecouponview说明：电子优惠券，紫色部分样式可自定义，其他部分使用统一样式，不能修改。Html代码（html结构与样式名称不能修改）：页面名称 畅游海底世界 凭此券可享受优惠20元此卡仅限一次消费，每人每次限用一张。本卡不找零，不兑现，不能用于买卖 此券仅授权给经网专用，其他单位不得擅自使用本券最终解释权归海底世界所有。商家地址：三一大道485号联系电话：84296989 凭此券可以优惠 20本经网电子优惠券有效期至(2009-08-13) 生活由你，财富有我 经网 打印优惠券优惠券说明 $ElectronicCoupons.Remark3.4.2名称：productview说明：产品查看Html代码（html结构与样式名称不能修改）：页面名称产品名称价格库存地区产品详情文字介绍 3.4.3名称：photoview说明：相片查看，文字介绍部分与产品查看相同，图片查看部分需要另外定义样式。样式名为：xpckHtml代码（html结构与样式名称不能修改）：页面名称600)this.width=600相片详情文字介绍3.4.4名称：feedback说明：留言页面 红色部分为添加留言（addfeedback） 也能独立出来Html代码（html结构与样式名称不能修改）：页面名称 加载中. var pageSize = 5; function getFeedBack(page) var s = pageSize; $jquery.getJSON(http:/$domain/ajax$extension?jsonCallback=?,action:getfeedback,pagesize:pageSize,pageindex:page,uid:$Enterprise.UserId,mainid:$mainid,rnum:Math.random(),function(json) var html = ; for(var i=0 ; ijson.RecordSet.length; i+) var account = json.RecordSeti._account; html += + account + + convertJSonDate(json.RecordSeti._createDateTime) + + json.RecordSeti._content.replace(n,).replace(u000a,) + ; if(json.RecordSeti._status0) html += 管理员回复+ convertJSonDate(json.RecordSeti._replyDateTime) + + json.RecordSeti._replyContent.replace(n,).replace(u000a,) + ; html += ; $jquery(#feedbacklist).html(html); getPageStr(page,json.Count); ); /得到分页 function getPageStr(page,count) var pageCount =count/pageSize; var currentPage=page+1; var pagestr = ; var j = 1; for(var i=0; ipageCount; i+) j = i+1; if(j!=page) pagestr += +j + ; else pagestr += +j+; $jquery(#feedbackpage).html(pagestr); function convertJSonDate(json) return json.replace(/*Date(d+)+d+)/*/ig, function(o) return new Date(parseInt(o.replace(/*Date(d+)+d+)/*/,$jquery1).toLocaleDateString(); ); getFeedBack(1);留言标题:   留言内容:   联 系 人:   联系方式:        3.4.5名称：jobview说明：招聘查看，紫色部分需要自定义样式，其他内容使用统一样式，不做修改。Html代码（html结构与样式名称不能修改）：页面名称招聘标题     招聘人数 $Job.Number人      发布日期 $Job.AddTime      发布单位 $ename        截止日期 $Job.Deadline      工作方式 $instance.GetWorkType($Job.WorkType)      最低学历要求 $instance.GetEducation($Job.Education)      工作地区 $Job.Address      薪酬待遇 $instance.GetSalaryLevel($Job.SalaryLevel)       详细待遇