模板文件
本章节主要是介绍,ShopWind系统模板文件的路径及作用,方便开发者了解系统主题风格,修改相关的页面效果。
一、前台应用
前台应用(frontend)模板文件分为商城mall模板、店铺store模板,文件路径分别位于:@shopwind/frontend/views/default/mall/@shopwind/frontend/views/default/store/,各个文件的含义及作用如下:
├─views----------------------------------------------------模板目录
│  ├─default----------------------------------------------默认模板目录
│  │  ├─mall---------------------------------------------商城模板目录
│  │  │  ├─apply.agreement.html---------------------------开店入驻协议
│  │  │  ├─apply.form.html--------------------------------开店入驻填写店铺信息
│  │  │  ├─apply.index.html-------------------------------开店入驻指南
│  │  │  ├─appay.verify.html------------------------------开店入驻提交审核
│  │  │  ├─appmarket.buylog.html--------------------------营销工具购买记录
│  │  │  ├─appmarket.index.html---------------------------应用市场
│  │  │  ├─appmarket.my.html------------------------------已购买的营销工具记录
│  │  │  ├─appmarket.view.html----------------------------营销工具详情
│  │  │  ├─article.index.html-----------------------------商城文章列表
│  │  │  ├─article.view.html------------------------------商城文章详情
│  │  │  ├─bank.form.html---------------------------------设置提现银行卡
│  │  │  ├─brand.index.html-------------------------------品牌首页
│  │  │  ├─brand.view.html--------------------------------品牌商品页
│  │  │  ├─buyer_order.cancel.html------------------------买家取消订单页
│  │  │  ├─buyer_order.confirm.html-----------------------买家确认收货页
│  │  │  ├─buyer_order.evaluate.html----------------------买家评价订单页
│  │  │  ├─buyer_order.index.html-------------------------买家订单页
│  │  │  ├─buyer_order.view.html--------------------------买家查看订单详情页
│  │  │  ├─captcha.form.html------------------------------通用验证码页
│  │  │  ├─cart.empty.html--------------------------------空购物车页
│  │  │  ├─cart.index.html--------------------------------购物车页
│  │  │  ├─cashier.index.html-----------------------------收银台页
│  │  │  ├─cachier.payform.html---------------------------支付提交表单页
│  │  │  ├─category.goods.html----------------------------商品分类页
│  │  │  ├─category.store.html----------------------------店铺分类页
│  │  │  ├─connect.bind.html------------------------------第三方登录绑定页
│  │  │  ├─connect.index.html-----------------------------第三方登录列表
│  │  │  ├─coupon.index.html------------------------------领优惠券页
│  │  │  ├─coupon.search.html-----------------------------搜索优惠券页
│  │  │  ├─curlocal.html----------------------------------当前位置页
│  │  │  ├─deposit.cardrecharge.html----------------------充值卡充值页
│  │  │  ├─deposit.config.html----------------------------预存款配置页
│  │  │  ├─deposit.drawlist.html--------------------------提现记录页
│  │  │  ├─deposit.frozenlist.html------------------------余额冻结记录页
│  │  │  ├─deposit.index.html-----------------------------预存款首页
│  │  │  ├─deposit.monthbill.html-------------------------预存款月账单页
│  │  │  ├─deposit.recharge.html--------------------------余额充值页
│  │  │  ├─deposit.rechargelist.html----------------------余额充值记录页
│  │  │  ├─deposit.record.html----------------------------交易记录详情页
│  │  │  ├─deposit.recordlist.html------------------------余额收支记录页
│  │  │  ├─deposit.tradelist.html-------------------------预存款交易记录页
│  │  │  ├─deposit.transfer.html--------------------------余额转账页
│  │  │  ├─deposit.trasfer_confirm.html-------------------余额转账确认页
│  │  │  ├─deposit.withdraw.html--------------------------余额提现页
│  │  │  ├─deposit.withdraw_confirm.html------------------余额提现确认页
│  │  │  ├─distribute.form.html---------------------------设置分销商品页
│  │  │  ├─distribute.index.html--------------------------三级分销首页
│  │  │  ├─echarts.html-----------------------------------图表通用页
│  │  │  ├─express.index.html-----------------------------显示物流跟踪信息页
│  │  │  ├─find_password.index.html-----------------------用户找回密码页
│  │  │  ├─find_password.reset.html-----------------------用户重置密码页
│  │  │  ├─footer.html------------------------------------通用底部页
│  │  │  ├─gselector.area.html----------------------------选择地区弹窗通用页
│  │  │  ├─gselector.goods.html---------------------------选择商品弹窗通用页
│  │  │  ├─header.html------------------------------------通用头部页
│  │  │  ├─index.html-------------------------------------首页
│  │  │  ├─integral.index.html----------------------------积分商城页
│  │  │  ├─limitbuy.index.html----------------------------限时促销商品页
│  │  │  ├─login.html-------------------------------------登录页
│  │  │  ├─meal.idex.html---------------------------------搭配购买商品页
│  │  │  ├─message.html-----------------------------------跳转显示信息页
│  │  │  ├─msg.index.html---------------------------------用户短信设置页
│  │  │  ├─msg.logs.html----------------------------------用户发送短信页
│  │  │  ├─my_address.form.html---------------------------收货地址表单弹窗页
│  │  │  ├─my_address.index.html--------------------------收货地址列表页
│  │  │  ├─my_category.form.html--------------------------店铺商品分类表单页
│  │  │  ├─my_category.index.html-------------------------店铺商品分类列表页
│  │  │  ├─my_comment.form.html---------------------------卖家回复评价页
│  │  │  ├─my_comment.index.html--------------------------卖家评价管理页
│  │  │  ├─my_coupon.index.html---------------------------我的优惠券列表页
│  │  │  ├─my_delivery.form.html--------------------------卖家运费模板表单页
│  │  │  ├─my_delivery.index.html-------------------------卖家运费模板列表页
│  │  │  ├─my_favorite.goods.html-------------------------商品收藏页
│  │  │  ├─my_favorite.store.html-------------------------店铺首页页
│  │  │  ├─my_goods.editspec.html-------------------------卖家编辑商品规格弹窗页
│  │  │  ├─my_goods.form.html-----------------------------卖家添加商品页
│  │  │  ├─my_goods.index.html----------------------------卖家商品列表页
│  │  │  ├─my_goods.publish.html--------------------------卖家添加商品选择分类页
│  │  │  ├─my_integral.index.html-------------------------我的积分页
│  │  │  ├─my_integral.logs.html--------------------------我的积分记录页
│  │  │  ├─my_navigation.form.html------------------------店铺导航设置页
│  │  │  ├─my_navigation.index.html-----------------------店铺导航列表页
│  │  │  ├─my_payment.form.html---------------------------卖家配置支付方式页
│  │  │  ├─my_payment.index.html--------------------------卖家支付方式列表页
│  │  │  ├─my_qa.form.html--------------------------------卖家回复咨询页
│  │  │  ├─my_qa.index.html-------------------------------卖家咨询管理页
│  │  │  ├─my_question.index.html-------------------------买家咨询列表页
│  │  │  ├─my_report.index.html---------------------------用户举报记录页
│  │  │  ├─my_store.index.html----------------------------店铺信息修改页
│  │  │  ├─my_store.map.html------------------------------店铺地图设置页
│  │  │  ├─my_store.slides.html---------------------------店铺首页轮播图设置页
│  │  │  ├─order.amount.html------------------------------订单金额计算页
│  │  │  ├─order.form.html--------------------------------订单表单页
│  │  │  ├─order.goods.html-------------------------------订单商品信息页
│  │  │  ├─order.postscript.html--------------------------订单买家留言页
│  │  │  ├─order.shipping.html----------------------------订单物流信息页
│  │  │  ├─page.bottom.html-------------------------------底部分页组件
│  │  │  ├─page.top.html----------------------------------头部分页组件
│  │  │  ├─paynofity.index.html---------------------------支付结果通知页
│  │  │  ├─refund.form.html-------------------------------买家提交退款页
│  │  │  ├─refund.index.html------------------------------买家退款列表页
│  │  │  ├─refud.receive.html-----------------------------卖家退款管理页
│  │  │  ├─refund.refuse.html-----------------------------卖家拒绝退款页
│  │  │  ├─refund.view.html-------------------------------退款详情页
│  │  │  ├─register.html----------------------------------用户注册页
│  │  │  ├─report.index.html------------------------------举报页
│  │  │  ├─search.goods.html------------------------------搜索商品页
│  │  │  ├─search.store.html------------------------------搜索店铺页
│  │  │  ├─seller_coupon.extend.html----------------------卖家导出优惠券弹窗页
│  │  │  ├─seller_coupon.form.html------------------------卖家设置优惠券页
│  │  │  ├─seller_exclusive.indx.html---------------------手机专享价设置页
│  │  │  ├─seller_fullfree.index.html---------------------满包邮设置页
│  │  │  ├─seller_fullprefer.index.html-------------------满优惠设置页
│  │  │  ├─seller_limitbuy.form.html----------------------限时促销商品设置页
│  │  │  ├─seller_limitbuy.index.html---------------------卖家限时促销商品列表页
│  │  │  ├─seller_meal.form.html--------------------------搭配套餐设置页
│  │  │  ├─seller_meal.index.html-------------------------搭配套餐商品列表页
│  │  │  ├─seller_order.adjust_fee.html-------------------卖家调价页
│  │  │  ├─seller_order_cancel.html-----------------------卖家取消订单页
│  │  │  ├─seller_order.index.html------------------------卖家订单管理页
│  │  │  ├─seller_order.memo.html-------------------------卖家订单备注页
│  │  │  ├─seller_order.printed.html----------------------卖家订单打印页
│  │  │  ├─seller_order.shipped.html----------------------卖家发货页
│  │  │  ├─seller_order.view.html-------------------------卖家查看订单详情页
│  │  │  ├─top.html---------------------------------------顶部通用页
│  │  │  ├─user.curlocal.html-----------------------------用户中心当前位置页
│  │  │  ├─user.email.html--------------------------------用户修改email页
│  │  │  ├─user.footer.html-------------------------------用户中心底部通用页
│  │  │  ├─user.header.html-------------------------------用户中心头部通用页
│  │  │  ├─user.index.html--------------------------------用户中心首页
│  │  │  ├─user.menu.html---------------------------------用户中心左侧栏目页
│  │  │  ├─user.password.html-----------------------------用户修改密码页
│  │  │  ├─user.phone.html--------------------------------用户修改手机号页
│  │  │  ├─user.profile.html------------------------------用户修改个人信息页
│  │  │  └─user.submenu.html------------------------------用户中心右侧菜单页
│  │  ├─store---------------------------------------------店铺默认模板目录  
│  │  │  ├─comments.html----------------------------------商品评论页内嵌页
│  │  │  ├─curlocal.html----------------------------------当前位置页
│  │  │  ├─footer.html------------------------------------店铺通用底部页
│  │  │  ├─goods.comments.html----------------------------商品评论页
│  │  │  ├─goods.index.html-------------------------------商品详情页
│  │  │  ├─goods.meal.html--------------------------------搭配购买商品内嵌页
│  │  │  ├─goods.qa.html----------------------------------商品咨询页
│  │  │  ├─goods.salelog.html-----------------------------商品销售记录页
│  │  │  ├─goodsinfo.html---------------------------------商品详情页内嵌页
│  │  │  ├─header.html------------------------------------店铺通用头部页
│  │  │  ├─message.html-----------------------------------跳转显示信息页
│  │  │  ├─page.bottom.html-------------------------------底部分页组件
│  │  │  ├─page.top.html----------------------------------头部分页组件
│  │  │  ├─qa.html----------------------------------------商品咨询页内嵌页
│  │  │  ├─salelog.html-----------------------------------商品销售记录页内嵌页
│  │  │  ├─store.credit.html------------------------------店铺信用页
│  │  │  ├─store.index.html-------------------------------店铺首页
│  │  │  ├─store.search.html------------------------------店铺搜索商品页
│  │  │  ├─store.slides.html------------------------------店铺首页轮播图内嵌页
│  │  │  ├─top.html---------------------------------------顶部通用页
├─web------------------------------------------------------站点目录
│  ├─static-----------------------------------------------静态文件目录
│  │  ├─css----------------------------------------------样式目录
│  │  ├─images-------------------------------------------图片资源目录
│  │  ├─js-----------------------------------------------js文件目录
注意:如果您需要修改首页页面,找到视图文件index.html后,会觉得无从下手。其实,首页是以挂件的方式来布局,即:除了通用的头部和尾部,都是调用挂件模块。 所以,修改首页,其实就是要修改挂件代码。挂件代码存放在@shopwind/frontend/widgets目录下,每一个文件夹代表一个挂件。 挂件下的widget.html代表视图部分,而main.widget.php是数据部分,关于挂件的更多内容,我们将在 挂件规范章节中讲解。
PC前台(frontend)应用和H5/WAP(mobile)应用的首页都是以挂件布局,挂件操作路径为后台-> 布局 -> 模板编辑 -> 可视化。H5应用的挂件目录路径为@shopwind/mobile/widgets ,请注意frontendmobile的挂件是不能通用的。
二、后台应用
后台应用(backend)模板文件路径位于:@shopwind/backend/views/,各个文件的含义及作用如下:
├─views----------------------------------------------------模板目录
│  ├─default----------------------------------------------默认模板目录
│  │  ├─acategory.form.html--------------------------------文章分类新增页
│  │  ├─acategory.index.html-------------------------------文章分类列表页
│  │  ├─admin.form.html------------------------------------后台管理员新增页
│  │  ├─admin.index.html-----------------------------------后台管理员列表页
│  │  ├─appmarket.form.html--------------------------------营销工具添加页
│  │  ├─appmarket.index.html-------------------------------营销工具列表页
│  │  ├─article.form.html----------------------------------添加文章页
│  │  ├─article.index.html---------------------------------文章列表页
│  │  ├─brand.form.html------------------------------------品牌提交页
│  │  ├─brand.index.html-----------------------------------品牌列表页
│  │  ├─cache.file.html------------------------------------文件缓存设置页
│  │  ├─cache.memcache.html--------------------------------Memcache缓存设置页
│  │  ├─cache.redis.html-----------------------------------Redis缓存设置页
│  │  ├─cachcard.form.html---------------------------------充值卡充值页
│  │  ├─cachcard.index.html--------------------------------充值卡列表页
│  │  ├─db.backup.html-------------------------------------数据库备份页
│  │  ├─db.index.html--------------------------------------数据库管理页
│  │  ├─db.recover.html------------------------------------数据库恢复页
│  │  ├─db.slave.html--------------------------------------主从数据库配置页
│  │  ├─deposit.accout.html--------------------------------预存款账户管理页
│  │  ├─deposit.drawlist.html------------------------------余额提现页
│  │  ├─deposit.index.html---------------------------------预存款账户列表页
│  │  ├─deposit.monthbill.html-----------------------------月账单下载页
│  │  ├─deposit.recharge.html------------------------------预存款手动充值页
│  │  ├─deposit.rechargelist.html--------------------------预存款充值记录页
│  │  ├─deposit.setting.html-------------------------------预存款配置页
│  │  ├─deposit.tradelist.html-----------------------------预存款交易记录页
│  │  ├─echarts.html---------------------------------------图表通用页
│  │  ├─footer.html----------------------------------------通用底部页
│  │  ├─gcategory.form.html--------------------------------商品分类添加页
│  │  ├─gcategory.index.html-------------------------------商品分类列表页
│  │  ├─goods.form.html------------------------------------商品编辑页
│  │  ├─goods.index.html-----------------------------------商品列表页
│  │  ├─goods.recommend.html-------------------------------推荐商品列表页
│  │  ├─goodsprop.distribute.html--------------------------商品属性分配页
│  │  ├─goodsprop.form.html--------------------------------商品属性添加页
│  │  ├─goodsprop.index.html-------------------------------商品属性列表页
│  │  ├─goodsprop.value.html-------------------------------商品属性值编辑页
│  │  ├─header.html----------------------------------------头部通用页
│  │  ├─index.html-----------------------------------------首页
│  │  ├─integral.logs.html---------------------------------积分记录页
│  │  ├─integral.recharge.html-----------------------------积分充值页
│  │  ├─integral.setting.html------------------------------积分设置页
│  │  ├─login.html-----------------------------------------后台登录页
│  │  ├─message.html---------------------------------------跳转提示信息页
│  │  ├─msg.form.html--------------------------------------短信分配页
│  │  ├─msg.index.html-------------------------------------短信发生记录页
│  │  ├─msg.recharge.html----------------------------------短信手动充值页
│  │  ├─msg.send.html--------------------------------------短信发送测试页
│  │  ├─msg.template.form.html-----------------------------短信模板编辑页
│  │  ├─msg.template.html----------------------------------短信模板页
│  │  ├─msg.user.html--------------------------------------短信用户列表页
│  │  ├─navigation.form.html-------------------------------PC前台主导航设置页
│  │  ├─navigation.index.html------------------------------PC前台主导航列表页
│  │  ├─order.index.html-----------------------------------订单列表页
│  │  ├─order.view.html------------------------------------订单详情页
│  │  ├─page.bottom.html-----------------------------------底部分页组件
│  │  ├─page.top.html--------------------------------------头部分页组件
│  │  ├─plugin.form.html-----------------------------------插件表单页
│  │  ├─plugin.index.html----------------------------------插件列表页
│  │  ├─recommend.form.html--------------------------------推荐类型添加页
│  │  ├─recommend.goods.html-------------------------------推荐商品列表页
│  │  ├─recommend.index.html-------------------------------推荐类型列表页
│  │  ├─refund.index.html----------------------------------退款订单列表页
│  │  ├─refund.view.html-----------------------------------退款记录详情页
│  │  ├─region.form.html-----------------------------------地区新增页
│  │  ├─region.index.html----------------------------------地区列表页
│  │  ├─report.index.html----------------------------------举报列表页
│  │  ├─report.notice.html---------------------------------举报处理页
│  │  ├─scategory.form.html--------------------------------店铺分类新增页
│  │  ├─scategory.index.html-------------------------------店铺分类列表页
│  │  ├─setting.api.html-----------------------------------API秘钥设置页
│  │  ├─settig.baseinfo.html-------------------------------网站基本信息设置页
│  │  ├─setting.email.html---------------------------------网站EMail发送组件设置页
│  │  ├─settinng.index.html--------------------------------网站设置页
│  │  ├─setting.store.html---------------------------------开店设置页
│  │  ├─settig.verifycode.html-----------------------------验证码设置页
│  │  ├─sgrade.from.html-----------------------------------店铺等级添加页
│  │  ├─sgrade.index.html----------------------------------店铺等级列表页
│  │  ├─sgrade.theme.html----------------------------------店铺等级主题风格设置页
│  │  ├─store.batch.html-----------------------------------批量修改店铺信息页
│  │  ├─store.form.html------------------------------------店铺信息修改页
│  │  ├─store.index.html-----------------------------------店铺列表页
│  │  ├─store.view.html------------------------------------店铺信息查看页
│  │  ├─template.index.html--------------------------------模板编辑页
│  │  ├─template.panel.html--------------------------------模板挂件显示页
│  │  ├─theme.index.html-----------------------------------主题设置页
│  │  ├─user.enter.html------------------------------------后台登入记录页
│  │  ├─user.form.html-------------------------------------修改用户信息页
│  │  ├─user.index.html------------------------------------用户列表页
│  │  ├─weixin.menu.html-----------------------------------微信公众号菜单列表页
│  │  ├─weixin.menuform.html-------------------------------微信公众号菜单设置页
│  │  ├─weixin.reply.html----------------------------------微信公众号自动回复列表页
│  │  ├─weixin.replyform.html------------------------------微信公众号自动回复提交页
│  │  ├─weixin.setting.html--------------------------------微信公众号设置页
│  │  ├─welcome.html---------------------------------------欢迎页
由于H5/WAP(mobile)端与PC(frontend)文件结构差异不大,大家可以对照文件来进行理解,这里不再列明。另:接口API应用apiserver无视图文件。
以上就是ShopWind系统模板文件的全部内容,由于视图部分需要优化会经常变动,最终以实际源码包的文件为准。如果对此还有疑问,可以进入我们官方的 开发者社区反馈,我们会有官方技术人员在线解答。