本章节主要是介绍，ShopWind系统模板文件的路径及作用，方便开发者了解系统主题风格，修改相关的页面效果。
一、前台应用
前台应用（frontend）模板文件分为：
商城mall 模板：@shopwind/frontend/views/default/mall/
店铺store 模板：@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，请注意frontend 和mobile 的挂件是不能通用的。
二、后台应用
后台应用（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无视图文件。
内容精选
