# DIY目录结构说明
Niushop商城V5的模板，分为2部分。一部分是前端uniapp目录文件及代码。一部分是后端目录文件及代码，模板的后端文件其实是一个插件。需要像插件一样安装，运行安装程序。
## 后端模板目录结构说明
```
│ ├─template 模板插件名称
│ │ ├─component 组件目录
│ │ │ ├─controller 组件控制器目录
│ │ │ │ ├─Text.php 文本组件控制器
│ │ │ ├─view
│ │ │ │ ├─text 文本组件目录
│ │ │ │ │ ├─css 样式文件
│ │ │ │ │ ├─img 图片资源
│ │ │ │ │ ├─js 脚本文件
│ │ ├─config
│ │ │ ├─diy_view.php 存放自定义组件、链接等数据结构
│ │ │ ├─event.php 事件钩子
│ │ │ ├─info.php 插件信息
│ │ ├─event 事件执行目录
│ │ │ ├─DiyIcon.php 扩展自定义图标库
│ │ │ ├─TemplateInfo.php 自定义模板信息钩子
│ │ │ ├─UseTemplate.php 使用自定义模板钩子
│ │ ├─shop
│ │ │ │ ├─view
│ │ │ │ │ ├─public
│ │ │ │ │ │ ├─css
│ │ │ │ │ │ │ ├─comp_iconfont.css 组件图标样式文件
│ │ │ │ │ │ │ ├─diy_iconfont.css 自定义图标库样式文件
│ │ │ │ │ │ ├─img 模板所用到的图片资源
│ │ │ │ │ │ │ ├─cover.png 模板封面图
│ │ │ │ │ │ │ ├─preview.png 模板预览图
```
## 前端uniapp组件目录结构说明
```
│ ├─components vue组件目录
│ │ │ ├─diy-components 存放自定义组件目录
│ │ │ │ ├─diy-group.vue 渲染自定义组件集合
│ │ │ │ ├─diy-comp-extend.vue 渲染自定义扩展组件集合
│ │ │ │ ├─diy-bottom-nav.vue 自定义底部导航组件
│ │ │ │ ├─diy-index-page.vue 分类导航组件
│ │ │ │ ├─diy-article.vue 文章组件
│ │ │ │ ├─diy-bargain.vue 砍价组件
│ │ │ │ ├─diy-category.vue 商品分类组件
│ │ │ │ ├─diy-coupon.vue 优惠券组件
│ │ │ │ ├─diy-float-btn.vue 浮动按钮组件
│ │ │ │ ├─diy-goods-brand.vue 商品品牌组件
│ │ │ │ ├─diy-goods-list.vue 商品列表组件
│ │ │ │ ├─diy-goods-recommend.vue 商品推荐组件
│ │ │ │ ├─diy-graphic-nav.vue 图文导航组件
│ │ │ │ ├─diy-groupbuy.vue 团购组件
│ │ │ │ ├─diy-horz-blank.vue 辅助空白组件
│ │ │ │ ├─diy-horz-line.vue 辅助线组件
│ │ │ │ ├─diy-img-ads.vue 图片广告组件
│ │ │ │ ├─diy-notice.vue 公告组件
│ │ │ │ ├─diy-pinfan.vue 拼团返利组件
│ │ │ │ ├─diy-pintuan.vue 拼团组件
│ │ │ │ ├─diy-presale.vue 商品预售组件
│ │ │ │ ├─diy-rich-text.vue 富文本组件
│ │ │ │ ├─diy-rubik-cube.vue 魔方组件
│ │ │ │ ├─diy-search.vue 搜索组件
│ │ │ │ ├─diy-seckill.vue 秒杀组件
│ │ │ │ ├─diy-text.vue 标题组件
│ │ │ │ ├─diy-video.vue 视频组件
│ │ │ │ └─...更多组件敬请期待
```
