项目作者: donng

项目描述 :
集成 laravel7 + vue,使用 view-design(原iview) 作为前端 ui 的后台系统,暂无前后端权限
高级语言: PHP
项目地址: git://github.com/donng/laravel-vue-iview.git
创建时间: 2018-02-07T06:20:06Z
项目社区:https://github.com/donng/laravel-vue-iview

开源协议:MIT License

关键词:
iview laravel view-design vue

下载


laravel-vue-iview

更新说明

  • 2021-02-08:技术栈已转移,本项目停止更新维护。
  • 2020-06-19:框架升级到 Laravel7,由于 iview 已经停止维护,使用 view-design 代替。

简介

本项目由后台框架 laravel 7、前端框架 vue 以及 ui 框架 view-design 搭建而成。

关于此项目 laravel 5 版本的搭建的思路可以阅读这篇文章

在线预览此项目,线上地址的用户名和密码都是 admin@admin.com.

项目主要内容:

  • vuex 的使用
  • router 配置和动态生成
  • axios 封装和请求
  • webpack.mix.js 的配置

安装

安装扩展

  1. # 克隆项目
  2. git clone https://github.com/Donng/laravel-vue-iview.git
  3. # 安装composer依赖
  4. cd laravel-vue-iview && composer install
  5. # 设置国内淘宝镜像(未设置的)
  6. npm install -g cnpm --registry=https://registry.npm.taobao.org
  7. # 安装npm扩展包
  8. cnpm install

配置

  1. # 复制配置文件
  2. cp .env.example .env
  3. # 生成加密key
  4. php artisan key:generate
  5. # 生成jwt加密key
  6. php artisan jwt:secret
  7. # 配置env中的数据库链接
  8. 配置数据库名称、用户名和密码
  9. # 数据库迁移
  10. php artisan migrate
  11. php artisan db:seed

编译

  1. # 开发环境编译
  2. npm run dev (或 npm run watch 监控文件修改)
  3. # 生产环境编译,压缩JS文件
  4. npm run prod

访问项目

  1. php artisan serve

访问 http://127.0.0.1:8000

用户名和密码都是 admin@admin.com

文件结构

  1. ├── api 后端接口目录
  2. ├── components 公共组件库
  3. ├── images 图片资源
  4. ├── lang 多语言支持
  5. ├── libs 方法扩展库
  6. ├── router 路由配置目录
  7. ├── store vuex 配置
  8. ├── styles 样式库
  9. ├── utils 请求和公共方法封装
  10. └── views 前端视图界面