---
# System prepended metadata

title: BTS 共筆
tags: [BTS]

---

---
tags: BTS
---
---
# BTS 共筆

## **查詢**
IP位址
>Win10 搜尋 → 輸入 cmd 開啟命令提示字元 → 輸入 ipconfig → IPv4 位址

Port
https://www.fecpos.com/proimages/product-detail/01-XPOS/XP-3685W/XP-3685W_fea1.gif>D:\xampp\apache\conf\extra\httpd-vhosts.conf
http://192.168.3.83:4001/storage/media/banner/banner02.jpg
## **BTS 資源**
[BTS Blade 基礎課程 - Google 簡報](https://docs.google.com/presentation/d/1mXmgFaa2E4ILiZSV42tnClIj7RrOnOEATvu3utAH_Ao/edit#)
~~[BTS 教學文件 - XD 說明](https://xd.adobe.com/view/f9dc6dd6-cffa-4e05-8d37-b3cfac2610ea-ac8f/screen/aded214b-7883-4035-8ad5-2d088ff37826/?fullscreen)~~
[BTS 切版文件 - XD 說明V2](https://xd.adobe.com/view/fa11691a-1c80-47ff-a8af-9d4414a72e68-af42/screen/aded214b-7883-4035-8ad5-2d088ff37826)
[BTS 開版畫面](https://xd.adobe.com/view/7bd1b79a-37ec-4585-aac7-858a7660f8e5-2e82/)
~~[BTS 功能手冊](http://192.168.3.65:5502/pages/func/splide.html)~~

[Font Awesome v4.7.0](https://fontawesome.com/v4.7.0/icons/)
[Bootstrap 版本 v4.5](https://getbootstrap.com/docs/4.5/getting-started/introduction/)

---

###### ==[註]以下有需要新增架構或想了解的人再看就好==
[BTS 架構 - Header](http://customer.urb2b.com/~france0414/BTS/20210107/componests/header/header.html)
[BTS 架構 - 卡片與列表](http://customer.urb2b.com/~france0414/BTS/20210107/componests/cart_itmes/cart_items.html)


## **常用路徑**
BTS 前台路徑
>http://==IP位址:Port==

BTS **後台**路徑
>http://==IP位址:Port==/**admin**

<br>

BTS 後台路徑 設定**外部連結(字體)**
>http://==IP位址:Port==/admin/**frontend-scripts**

BTS 系統圖 本機路徑(favicon、logo)
>D:\xampp\htdocs\ ==專案名稱== \public\frontend\images

BTS 後台路徑 Files
>D:\xampp\htdocs\ ==專案名稱== \public\storage\media


## **常用資料夾(public、resources)**
BTS 樣式 本機路徑
>D:\xampp\htdocs\ ==專案名稱== \public\frontend\scss

<br>

BTS Header / Footer 架構 本機路徑
>D:\xampp\htdocs\ ==專案名稱== \resources\views\frontend\default

BTS 內容區 架構 本機路徑
>D:\xampp\htdocs\ ==專案名稱== \resources\views\frontend

BTS 首頁內容區 架構 本機路徑
>D:\xampp\htdocs\ ==專案名稱== \resources\views\frontend\index-page.blade.php

BTS **語系翻譯** 本機路徑 (以繁體中文為例)
>D:\xampp\htdocs\ ==專案名稱== \resources\lang\ ==zh-tw== \frontend.php

後台更換 logo 路徑
>後台路徑\ ==admin-images== 



範例：
```　php
@lang('frontend.ReadMore') //view blade.php
'ReadMore' => '閱讀更多' //lang frontend.php
```


## **scss資料夾**
``` css
public\frontend\scss
    ├ component --組件(側邊欄、按鈕、卡片、篩選、頁尾、表單、頁首、內容區主框架、警報)
        ├ _btn.scss
        ├ _card_item_article.scss
        ├ _filter.scss
        ├ _footer.scss
        ├ _form.scss
        ├ _form-validator.scss
        ├ _header.scss
        ├ _middle_layout.scss
        ├ _text_bg_alert.scss
        
    ├ hamburgers
        ├ _base.scss
        ├ _hamburgers.scss

    ├ include --包含(動畫、文字、混合、預設、斷點、變數)
        ├ _animation.scss
        ├ _fonts.scss
        ├ _mixin.scss
        ├ _normal.scss
        ├ _rwd.scss
        ├ _variables.scss
        
    ├ pretty-checkbox
        ├ _pretty-checkbox.scss

    ├ settings --css變數
        ├ _settings.scss
        
    ├ timeline
        ├ _timeline.scss

    ├ index.scss --首頁css

    ├ main.scss --主要css
```

## **Blade 模板**
* 取值 @dd($data)
* 後台欄位變數 {{ $變數值 }}
* 編輯器變數 {!! $變數值 !!}
* 註解 {{-- --}}
* 模板：模板繼承
``` css
{{-- 主模板--目的地--}}
@section('page')
...
@show

{{-- 子模板--來源--}}
@section('page')
...
@stop
``` 

## **JS 套件**
Awesome-select
>[https://prevwong.github.io/awesome-select/](https://prevwong.github.io/awesome-select/)

animate 4.1.0
 
magnific-popup 0.9.9
 
parallax 3.1.0
 
slick 1.8.1
 
swiper (比較耗效能斟酌使用)
 
wow 1.1.2
 
pretty-checkbox (checkbox 套用的)
>https://lokesh-coder.github.io/pretty-checkbox/
 
awesome-select (下拉選單目前使用套件)
>[https://prevwong.github.io/awesome-select/](https://prevwong.github.io/awesome-select/)
