laravel 集成 iview-admin

第一步,准备工作

准备 iview-admin
把iview-admin下载下来,下面是iview-admin的地址(采用任何你所知道的方式下载):

https://github.com/iview/iview-admin

下载完之后,解压,你将看到这样的目录:
这里写图片描述
准备laravel
laravel 怎么装,我也不知道,只能给出链接你们参考:laravel安装

第二步

文件整理
把 iview-admin 里面的 src 目录下的东西,全部复制粘贴到 laravel 里面 resources\assets\js 目录下(把laravel 原来js目录下的东西删掉)
结果如下:
这里写图片描述

再把原来 iview-admin 根目录下的 config 目录下的东西 复制到 laravel 里面 resources\assets\js\config 目录下
结果如下:

这里写图片描述

再把laravel 里面 resources\assets\js 目录下的 main.js 改名为 app.js

第三步

laravel 根目录下的 package.json 文件修改为:

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.18",
        "bootstrap": "^4.0.0",
        "popper.js": "^1.12",
        "cross-env": "^5.1",
        "jquery": "^3.2",
        "laravel-mix": "^2.0",
        "lodash": "^4.17.4",
        "vue": "^2.5.7",

        "clipboard": "^2.0.0",
        "codemirror": "^5.38.0",
        "countup": "^1.8.2",
        "cropperjs": "^1.2.2",
        "echarts": "^4.0.4",
        "html2canvas": "^1.0.0-alpha.12",
        "iview": "^3.0.0",
        "iview-area": "^1.5.17",
        "js-cookie": "^2.2.0",
        "simplemde": "^1.11.2",
        "sortablejs": "^1.7.0",
        "vue-i18n": "^7.8.0",
        "vue-router": 
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值