剛開始接觸admui框架時確實有些迷茫,不知道怎么使用,摸索了一段時間后才發現這個框架很簡單!以下是我遇見的一些坑,總結一下啦!
1.使用框架第一步就是開啟服務器,我給公司寫項目時開啟的是5000端口的,開始根據文檔,cmd打開命令窗口,cd 框架路徑 -->回車然后輸入 npm install -->回車
npm start-->回車,使用這種方式有時會報錯,具體錯誤沒有深入研究,因為有更好的工具,使用webstrom只需要輸入兩行命令即可開啟服務器,npm install--->回車
npm start --->回車
2.今天在輸入兩行命令后報了一個錯,Port 5000 requires elevated privileges,報這個錯誤的原因是之前自己啟動了IIS,IIS會占用80端口,解決辦法是:
cmd-->services.msc 使用該命令打開服務(你也可以直接打開任務管理器找到服務) 然后找到World Wide Web Publishing Service 然后關閉就可以了
3.admui 中有很多組件是已經封裝好的,我們在寫項目時可以直接使用,我們在文檔中找到該組件,然后根據目錄,在編輯器中打開該組件所在的.html文件,在自己的也頁面中引入css,js文件,將自己需要的部分復制然后粘貼到自己的也米昂中就可以了。
4.使用的工程中需要注意,如果想寫一個單獨的頁面,需要把,html文件放在views目錄下,映入自己的css,js文件需要先引入,然后你再引入需要的插件的css,js文件,public是靜態資源文件夾,在后端已經配置好了靜態資源文件夾,所以會見所有的靜態資源放在public目錄下,引入時路徑應當的'/images/xx.jpg',或'/css/xxx.css'