最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【记录】AdminLTE的ReactJS版本

AdminLTE crifan 3708浏览 0评论

adminLTE react js

好像有很多版本:

durandj/react-adminlte: AdminLTE components written for React

ucokfm/admin-lte-react: AdminLTE react components

react-admin-lte

-》

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

看看效果:

ReactJS-AdminLTE | Widgets

ReactJS-AdminLTE | Timeline

现在抽空去试试

➜  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

然后就可以去浏览器打开:

http://localhost:8000/

看到效果了:

此处,点击左边导航,会找不到其他页面:

比如Dashboard v2,结果:

http://localhost:8000/index2.html

Cannot GET /index2.html

再去看看:

http://localhost:8000/widgets.html

看到各种组件components:

另外去看看官网AdminLTE原先的图表:

AdminLTE 2 | Morris.js Charts

然后去看看reactjs的AdminLTE的源码

/UI/general.html

buttons.html

buttons无法正常显示。

http://localhost:8000/timeline.html

其他就没啥页面了。

【已解决】ReactJS-AdminLTE中如何调试和哪部分代码是首页的源码

转载请注明:在路上 » 【记录】AdminLTE的ReactJS版本

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
89 queries in 0.122 seconds, using 21.69MB memory