adminLTE react js
好像有很多版本:
durandj/react-adminlte: AdminLTE components written for React
ucokfm/admin-lte-react: AdminLTE react components
-》
https://code.aliyun.com/cloudark/react-admin-lte
结果还要登录。
但是其中的这个貌似最好:
booleanhunter/ReactJS-AdminLTE: ReactJS version of the original AdminLTE dashboard
-》
almasaeed2010/AdminLTE: AdminLTE – Free Premium Admin control Panel Theme Based On Bootstrap 3.x
各种组件:
ReactJS-AdminLTE/src/components at master · booleanhunter/ReactJS-AdminLTE
看看效果:
现在抽空去试试
➜ AdminLTE_Demo git clone https://github.com/booleanhunter/ReactJS-AdminLTE.git Cloning into ‘ReactJS-AdminLTE’… remote: Counting objects: 2762, done. remote: Total 2762 (delta 0), reused 0 (delta 0), pack-reused 2762 Receiving objects: 100% (2762/2762), 15.54 MiB | 1.88 MiB/s, done. Resolving deltas: 100% (1118/1118), done. |
cd ReactJS-AdminLTE
npm install
➜ ReactJS-AdminLTE git:(master) npm install npm WARN deprecated [email protected]: ..psst! While Bower is maintained, we recommend Yarn and Webpack for *new* front-end projects! Yarn’s advantage is security and reliability, and Webpack’s is support for both CommonJS and AMD projects. Currently there’s no migration path, but please help to create it: https://github.com/bower/bower/issues/2467 npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue > [email protected] install /Users/crifan/dev/dev_root/daryun/Projects/上汽大众/斯柯达/卓越零售 RSE/sourcecode/web/AdminManagement/AdminLTE_Demo/ReactJS-AdminLTE/node_modules/fsevents > node install [fsevents] Success: “/Users/crifan/dev/dev_root/daryun/Projects/上汽大众/斯柯达/卓越零售 RSE/sourcecode/web/AdminManagement/AdminLTE_Demo/ReactJS-AdminLTE/node_modules/fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node” already installed Pass –update-binary to reinstall or –build-from-source to recompile npm notice created a lockfile as package-lock.json. You should commit this file. added 701 packages in 44.314s |
➜ ReactJS-AdminLTE git:(master) ✗ npm run dev > [email protected] dev /Users/crifan/dev/dev_root/daryun/Projects/上汽大众/斯柯达/卓越零售 RSE/sourcecode/web/AdminManagement/AdminLTE_Demo/ReactJS-AdminLTE > node server.js Server listening at port 8000 |
然后就可以去浏览器打开:
看到效果了:
此处,点击左边导航,会找不到其他页面:
比如Dashboard v2,结果:
http://localhost:8000/index2.html
Cannot GET /index2.html
再去看看:
http://localhost:8000/widgets.html
看到各种组件components:
另外去看看官网AdminLTE原先的图表:
然后去看看reactjs的AdminLTE的源码
/UI/general.html
buttons.html
buttons无法正常显示。
http://localhost:8000/timeline.html
其他就没啥页面了。
【已解决】ReactJS-AdminLTE中如何调试和哪部分代码是首页的源码
转载请注明:在路上 » 【记录】AdminLTE的ReactJS版本