---恢复内容开始---
以前没有怎么接触过shopnc,感觉界面挺漂亮的,不过后来自己需要开发一个电商系统,就顺便参考了下,感觉构架垃圾的一塌糊涂。不过平时做这个系统二次开发的业务比较多,所以简单的总结下。
shopnc有三款产品,b2b2c,c2c和o2o,用的同一个mvc框架和相同的开发规范,所以了解了其中一个,其他两款产品也就算理解了。
shopnc使用的自己开发的mvc框架,粗略的看了下,还是比较简单的。
先从文件结构说起
├─admin
│ ├─config
│ ├─control
│ ├─framework
│ │ └─libraries
│ ├─include
│ ├─language
│ │ ├─zh
│ │ └─zh_cn
│ └─templates
│ └─default
│ ├─css
│ │ └─font
│ │ └─font-awesome
│ │ ├─css
│ │ └─font
│ ├─images
│ │ ├─login
│ │ ├─mac
│ │ ├─member
│ │ └─sky
│ └─layout
├─chat
│ ├─config
│ ├─control
│ ├─language
│ │ └─zh_cn
│ ├─resource
│ │ └─js
│ └─templates
│ └─default
│ ├─css
│ └─images
├─circle
│ ├─config
│ ├─control
│ ├─framework
│ │ ├─function
│ │ └─libraries
│ ├─language
│ │ ├─zh
│ │ └─zh_cn
│ ├─model
│ ├─resource
│ │ └─js
│ │ └─miniditor
│ └─templates
│ └─default
│ ├─css
│ ├─images
│ │ ├─member-card
│ │ ├─shareicon
│ │ └─smilier
│ └─layout
├─cms
│ ├─config
│ ├─control
│ ├─framework
│ │ ├─function
│ │ └─libraries
│ ├─language
│ │ └─zh_cn
│ ├─model
│ ├─resource
│ │ └─js
│ └─templates
│ └─default
│ ├─css
│ ├─images
│ │ ├─attitude
│ │ ├─dialog
│ │ └─shareicon
│ └─layout
├─core
│ ├─framework
│ │ ├─cache
│ │ ├─core
│ │ ├─db
│ │ ├─function
│ │ └─libraries
│ └─language
├─data
│ ├─api
│ │ ├─snsapi
│ │ │ ├─qqweibo
│ │ │ ├─qqzone
│ │ │ │ ├─comm
│ │ │ │ ├─oauth
│ │ │ │ ├─share
│ │ │ │ └─user
│ │ │ └─sinaweibo
│ │ ├─taobao
│ │ │ └─request
│ │ └─xs
│ │ ├─app
│ │ ├─lib
│ │ └─util
│ │ └─skel
│ │ ├─css
│ │ └─img
│ ├─area
│ ├─cache
│ │ ├─adv
│ │ ├─fields
│ │ ├─index
│ │ ├─rec_position
│ │ └─tpl
│ ├─config
│ ├─crontab
│ │ └─include
│ ├─log
│ ├─model
│ ├─resource
│ │ ├─examples
│ │ ├─font
│ │ ├─highcharts
│ │ ├─js
│ │ │ ├─ajaxfileupload
│ │ │ ├─cms
│ │ │ ├─colorpicker
│ │ │ ├─dialog
│ │ │ │ └─images
│ │ │ ├─fileupload
│ │ │ ├─jcarousel
│ │ │ │ └─skins
│ │ │ │ ├─ie7
│ │ │ │ ├─personal
│ │ │ │ └─tango
│ │ │ ├─jquery-ui
│ │ │ │ ├─i18n
│ │ │ │ └─themes
│ │ │ │ ├─smoothness
│ │ │ │ │ └─images
│ │ │ │ └─ui-lightness
│ │ │ │ └─images
│ │ │ ├─jquery-ui-timepicker-addon
│ │ │ ├─jquery.imgareaselect
│ │ │ ├─jquery.Jcrop
│ │ │ ├─jquery.nyroModal
│ │ │ │ ├─img
│ │ │ │ └─styles
│ │ │ ├─jquery.raty
│ │ │ │ └─img
│ │ │ ├─map
│ │ │ ├─qtip
│ │ │ ├─slidesjs
│ │ │ └─smilies
│ │ │ └─images
│ │ ├─kindeditor
│ │ │ ├─attached
│ │ │ ├─lang
│ │ │ ├─php
│ │ │ ├─plugins
│ │ │ │ ├─anchor
│ │ │ │ ├─autoheight
│ │ │ │ ├─baidumap
│ │ │ │ ├─clearhtml
│ │ │ │ ├─code
│ │ │ │ ├─emoticons
│ │ │ │ │ └─images
│ │ │ │ ├─filemanager
│ │ │ │ │ └─images
│ │ │ │ ├─flash
│ │ │ │ ├─image
│ │ │ │ │ └─images
│ │ │ │ ├─insertfile
│ │ │ │ ├─lineheight
│ │ │ │ ├─link
│ │ │ │ ├─map
│ │ │ │ ├─media
│ │ │ │ ├─multiimage
│ │ │ │ │ └─images
│ │ │ │ ├─pagebreak
│ │ │ │ ├─plainpaste
│ │ │ │ ├─preview
│ │ │ │ ├─quickformat
│ │ │ │ ├─table
│ │ │ │ ├─template
│ │ │ │ │ └─html
│ │ │ │ └─wordpaste
│ │ │ └─themes
│ │ │ ├─common
│ │ │ ├─default
│ │ │ ├─qq
│ │ │ └─simple
│ │ ├─phpqrcode
│ │ │ ├─bindings
│ │ │ │ └─tcpdf
│ │ │ ├─cache
│ │ │ │ ├─mask_0
│ │ │ │ ├─mask_1
│ │ │ │ ├─mask_2
│ │ │ │ ├─mask_3
│ │ │ │ ├─mask_4
│ │ │ │ ├─mask_5
│ │ │ │ ├─mask_6
│ │ │ │ └─mask_7
│ │ │ ├─temp
│ │ │ └─tools
│ │ ├─seccode
│ │ │ ├─font
│ │ │ │ ├─ch
│ │ │ │ └─en
│ │ │ └─gif
│ │ │ └─ShopNC
│ │ └─web_config
│ ├─session
│ ├─smilies
│ └─upload
│ ├─circle
│ │ └─group
│ ├─cms
│ │ ├─article
│ │ └─index_html
│ ├─microshop
│ └─shop
│ ├─activity
│ ├─adv
│ ├─article
│ ├─auth
│ ├─avatar
│ ├─brand
│ ├─common
│ ├─complain
│ ├─editor
│ ├─groupbuy
│ │ └─1
│ ├─inform
│ ├─login
│ ├─member
│ ├─membertag
│ ├─mobile
│ │ ├─ad
│ │ └─category
│ ├─pointprod
│ ├─rec_position
│ ├─store
│ │ ├─1
│ │ ├─2
│ │ ├─goods
│ │ │ ├─1
│ │ │ └─2
│ │ └─slide
│ ├─store_joinin
│ ├─voucher
│ └─watermark
├─microshop
│ ├─config
│ ├─control
│ ├─framework
│ │ ├─function
│ │ └─libraries
│ ├─language
│ │ └─zh_cn
│ ├─model
│ ├─resource
│ │ └─js
│ │ ├─fileupload
│ │ ├─jcarousel
│ │ │ └─skins
│ │ │ └─personal
│ │ └─smilies
│ │ └─images
│ └─templates
│ └─default
│ ├─css
│ ├─images
│ │ ├─dialog
│ │ ├─ie6
│ │ ├─index-temp
│ │ ├─member-card
│ │ └─shareicon
│ └─layout
├─mobile
│ ├─api
│ │ └─payment
│ │ └─alipay
│ │ ├─images
│ │ ├─key
│ │ └─lib
│ ├─config
│ ├─control
│ ├─framework
│ │ └─function
│ ├─language
│ │ └─zh_cn
│ ├─model
│ ├─readme
│ │ ├─api_files
│ │ └─sql
│ └─templates
│ └─default
│ └─layout
├─shop
│ ├─api
│ │ ├─payment
│ │ │ ├─alipay
│ │ │ ├─chinabank
│ │ │ └─tenpay
│ │ │ └─classes
│ │ ├─qq
│ │ │ ├─comm
│ │ │ ├─oauth
│ │ │ └─user
│ │ └─sina
│ ├─config
│ ├─control
│ ├─framework
│ │ ├─function
│ │ └─libraries
│ ├─install
│ │ ├─css
│ │ ├─data
│ │ ├─images
│ │ └─include
│ ├─language
│ │ ├─zh
│ │ └─zh_cn
│ ├─resource
│ │ ├─font
│ │ │ └─font-awesome
│ │ │ ├─css
│ │ │ └─font
│ │ └─js
│ └─templates
│ └─default
│ ├─buy
│ ├─css
│ ├─home
│ ├─images
│ │ ├─buy
│ │ ├─ie6
│ │ ├─member
│ │ │ └─shareicon
│ │ ├─member-card
│ │ ├─payment
│ │ ├─seller
│ │ │ └─login
│ │ ├─shop
│ │ ├─sns
│ │ ├─store_joinin
│ │ └─treetable
│ ├─layout
│ ├─member
│ ├─seller
│ ├─sns
│ │ └─style
│ │ ├─skin01
│ │ ├─skin02
│ │ ├─skin03
│ │ ├─skin04
│ │ ├─skin05
│ │ └─skin06
│ └─store
│ └─style
│ ├─default
│ │ └─images
│ ├─style1
│ │ └─images
│ ├─style2
│ │ └─images
│ ├─style3
│ │ └─images
│ ├─style4
│ │ └─images
│ └─style5
│ └─images
└─wap
├─bug
├─css
├─html
│ └─web
│ ├─css
│ ├─images
│ ├─js
│ │ └─tmpl
│ ├─tmpl
│ │ ├─member
│ │ └─order
│ └─upload
├─images
├─js
│ └─tmpl
├─tmpl
│ ├─member
│ └─order
└─upload
文件夹功能如下
admin 后台
chat 在线im
circle 圈子
cms cms文章系统
core 公共文件
data 数据存放
microshop 微商城
mobile 手机app服务端
shop 前台
wap wap端
先看前台,前台的逻辑和模板都在shop目录中,web目录中index.php会自动转向到shop目录
shop的目录文件功能如下:
api 外部api调用
config 配置文件
control 控制器(业务逻辑)
framework 框架
install 安装文件
language 多语言配置文件目录
resource 素材
templates 模板目录
mvc 框架中的 m 在上级目录中 data/model 中,v 在当前目录 templates 中 ,而 c 就是 control 文件夹
明白了文件夹含义,修改相对应的逻辑就比较简单了
一般来说二次开发,多数就是修改界面和增加功能这两个需求
先说修改界面
mvc 架构的程序,在界面这里,基本就是调用数据。
常见的界面数据构架有三种
1.是业务端或者是控制端数据驱动界面,基本上是后台输出啥数据,界面表现啥数据。这样麻烦的地方在于如果要更换模板的话动刀会动的比较大,除非没有更换模板的需求。如果不修改控制端的数据的话,那么界面设计这里受到的限制就比较多。
2.是界面驱动数据,界面自定义调用数据,多数的 cms 基本都是这样搞的,通过标签或者定义个通用的 php 调用数据函数来获取数据。这样对界面设计这里比较友好,但是切图套代码的话就会比较麻烦些。
3.第三种难度有点大,就是后台通过所见即所得的模式,定义前端调用模块,并通过系统配置或者手动配置来定义数据,然后生成 html 数据,前台一次性读取即可,设定合理缓存的间隔即可。像淘宝,shopex就是这样的模式,对后台开发的压力比较大。
shopnc的程序属于第一种,后台数据驱动界面的。所以要改界面,通常要改控制器和视图两个地方,最好是记录好修改的文件,否则将来升级了,源文件被替换了,就会非常麻烦。
shopnc的url通常是这样的
http://localhost/shopnc/shop/index.php?act=show_groupbuy&op=index
act 参数代表的是控制器,而 op 则代表的是控制器中的业务函数名称
回顾下 shopnc 的目录结构,我们到控制器目录中寻找 show_groupbuy.php ,这就是控制器的业务逻辑
简单的看下代码
class show_groupbuyControl extends BaseHomeControl { ... }
控制器的名称跟一个 Control 字符串并继承于 BaseHomeControl
而 op 就是 show_groupbuyControl 类中的函数
/** * 默认跳转到进行中的团购列表 */ public function indexOp() { $this->groupbuy_listOp(); }
命名以 url 中的 op 参数加 Op 字符串组合而成
如果要更改前台显示的数据,则需要找到对应的控制器和函数,修改其中的代码
前台的模板也有规律
templates/default 目录下的文件夹功能含义如下:
buy 购买功能模板,比如购物车、订单等模板
css 样式文件夹
home 前台展示功能模块的模板都在这里
images 模板图片文件夹
layout 布局文件夹,如果要找各个功能区的头文件都在这里
member 会员中心模板
seller 卖家中心模板
sns sns 功能模板
store 卖家店铺模板
到对应的文件夹中寻找相关的文件模板即可修改视图逻辑
刚开始找对应视图可能有点蒙,因为视图和控制器并不对应,不过从 op 参数上判断也比较好找,当然还是建议从控制器代码中找
找到对应 op 函数
在函数最后末尾,找到类似 Tpl::showpage('index'); 的字样,有这样的字样就代表从对应的文件夹中调用 index 的视图,所以我们找到 index.php 就是对应的视图文件了
如果没有 Tpl::showpage('index'); 的字样,通常是调用了其他函数或者不输出视图文件,比如说直接输出字符串或者输出 json 。
找到了视图文件,就需要找到对应的数据显示模块才可以修改。
我们先返回找到对应的控制器看下代码,我们找到首页文件,以团购为例
//团购专区 Language::read('member_groupbuy'); $model_groupbuy = Model('groupbuy'); $group_list = $model_groupbuy->getGroupbuyCommendedList(array(), null, '', '*', 4); Tpl::output('group_list', $group_list);
除去注释的第一句,不用看也能猜出来,是调用语言文件的
第二句是调用 model 的,model 的位置在上层目录中的 data 里,而 model 文件的文件名就是 Model('groupbuy'); 中的 groupbuy 加上 .php 后缀
第三句调用 model 中的函数获取想要取得的数据
第四句则是将已取得的数据赋值给模板中的变量 group_list
我们打开视图文件,找到 group_list 即可定位模板中要找的位置了,而模板都是纯 php 语法,直接就可以修改,记得要备份啊!