設計師教育訓練筆記 --- * json * group * module 切版的步驟 --- * 專案啟動MIS會開出測試機網址(共構平台) * 先到共構拉出我要的架構 * 可到共構平台尋找版型 , 然後到//192.168.201.161 Clone原始檔案 , 建立本地端 * 遠端至//192.168.201.161 , 並新增專案資料夾 (git開專案) * 模組製作兩種方式 1. 直接使用ERB傳統製作 2. 使用共構平台拉出架構(節省時間) * 共構平台Jtool上傳版型 , 在回共構平台"首頁模組"建立模組 , 開原始碼進行複製HTML * 上傳到測試機 * 調整JSON --- **掛上模組scss方式** 使用乾淨的模板時,會有**模組scss**並沒有引入進來,所以必須去**母版**找出需要用的模組scss,放入資料夾外,還需要到專用位置引入近來(參考如下連結) 參考位置 https://docs.google.com/spreadsheets/d/1AF6YRalE_kJNZnhRfWln3zWUZpZW-yt3HJXy2P6BD1o/edit#gid=0 --- **掛上JS方式** * _index_layout.html.erb 確認是否掛上JS (共用HTML樣式的 <head>) <!-- Script 程式 --> <% if( $js ) %> <%= render partial: "/erb/sys_script" %> <% end %> <!-- Script 結束 --> * _sys_script.html.erb 掛入JS的位置 (新增js檔案可直接在資料夾放入 , 不用特別引入) ERB模組裡尋找func_set{........效果樣式........} * func_set: "{**'**js檔名**':{'.............}", * func_set: "{**'toggleBtn':{'clickToRemove':true,'addHd':true}**}",