# 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 視頻組件
│ │ │ │ └─...更多組件敬請期待
```