安裝配置 · HDJS前端組件庫

## 安裝配置 HDJS是為了方便前臺工作框架內部集成了常用的前臺開發組件，使用前臺組件化管理，可以大大節省開發工作。 GitHub下載: [https://github.com/houdunwang/hdjs](https://github.com/houdunwang/hdjs) NPM安裝: ``` npm install --save hdjs ``` [TOC] ## AMD hdjs 支持 require.js 方式的amd調用，可以方便的在瀏覽器中直接使用。 ``` <meta name="csrf-token" content="{{csrf_token()}}"> <script> window.hdjs={}; //組件目錄必須絕對路徑(在網站根目錄時不用設置) window.hdjs.base = '/node_modules/hdjs'; //上傳文件后臺地址 window.hdjs.uploader = 'test/php/uploader.php?'; //獲取文件列表的后臺地址 window.hdjs.filesLists = 'test/php/filesLists.php?'; </script> <script src="/node_modules/hdjs/static/requirejs/require.js"></script> <script src="/node_modules/hdjs/static/requirejs/config.js"></script> ``` 如果在HDPHP、Laravel等框架中使用組件，需要在<head>標簽中添加以下代碼，這樣可以實現框架的CSRF表單令牌驗證。 ``` <meta name="csrf-token" content="{{csrf_token()}}"> ``` ## 模塊化 hdjs 可以很方便的使用在 webpack 或 vue-cli 等組件化開發環境中。 ``` import hdjs from 'hdjs'; hdjs.notify('后盾人') ```