设为首页收藏本站关注微信<<< 抵制 IE6 人人有责 >>>
搜索
热搜: 活动 交友 discuz
查看: 1571|回复: 1

[WEB前端] iwebshop模板开发

[复制链接]
发表于 2015-4-29 22:52:42 | 显示全部楼层 |阅读模式
  • 目的是做个简单的商城,需要定制模板。
  • 原来是想用shopxp,足够用了,但是安全性的问题,放弃。
  • 选php的,就选个精简的系统,省得做完了自己都没看懂。
  • 于是以前改过的iwebshop又搞出来了。
  • 开始改吧。

iWebShop 前端文件统一放置在程序根目录下的views 目录下,层次模型图:

      根据上述两张树状图我们可以很清晰了解整个shop的前端文件存放位置,shop系统中默认的主题和皮肤名称都是default。主题的组成:布局模板,普通模板,主题相关的javascript,皮肤。皮肤的组成:CSS,图片,皮肤相关的javascript。如果要新建主题或皮肤只需要在指定的目录位置中新建文件夹即可(文件夹名称就是方案的名称),系统允许存放多个主题,且每个主题又可以拥有多套皮肤,在网站运行时可以从中选择一种主题和一种皮肤进行使用。

       由于网站的控制器功能模块没有区分网站的前台和后台,所以主题和皮肤必须同时对应前后台,这也就是意味着用户可以自由修改网站后台的样式。新shop的模板分为两种类型:布局模板(layouts)和普通模板。可以简单的理解为共性化的公共模板和个性化的局部模板,对于一个网站来说,很多页面的head(网站头部,包括导航,广告,引入的js,css等)和foot(网站底部,包括备案信息)往往都是相同的,不同的是页面的主体部分,针对这种情况,shop的页面在绝大部分情况下采取布局模板和普通模板拼接组合而成(有些特殊情况可以没有布局)。布局模板的创建有利于模板代码共用,更便于模板的升级与维护,所以合理的使用布局是很重要的。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?免费注册

x
回复

使用道具 举报

 楼主| 发表于 2015-4-29 22:53:39 | 显示全部楼层
修改iWebShop商城首页模板头部

模板文件夹位置:/views/default/site/
在里面你很容易找到各个页面、版块的模板
其实在/site/里面的index.html不是首页的完整模板,只是去除head和footer以外的模板部分
iWebShop完整的首页模板位置:/views/default/layouts/site.html
这个才是完整的首页模板,这下你想怎样改就可以怎样改了。

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|手机版|Archiver|源于生活(个人生活娱乐工作的笔记)css3,html5,学习笔记    

GMT+8, 2024-3-28 23:36 , Processed in 0.093601 second(s), 30 queries .

Powered by Mr.Kevin-ying

© 2004-2015

快速回复 返回顶部 返回列表