Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/donng/laravel-vue-iview
集成 laravel7 + vue，使用 view-design(原iview) 作为前端 ui 的后台系统，暂无前后端权限
https://github.com/donng/laravel-vue-iview
iview laravel view-design vue
Last synced: about 1 month ago
JSON representation
集成 laravel7 + vue，使用 view-design(原iview) 作为前端 ui 的后台系统，暂无前后端权限
- Host: GitHub
- URL: https://github.com/donng/laravel-vue-iview
- Owner: donng
- License: mit
- Archived: true
- Created: 2018-02-07T06:20:06.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-06-21T20:51:32.000Z (over 2 years ago)
- Last Synced: 2023-03-05T09:56:59.963Z (over 1 year ago)
- Topics: iview, laravel, view-design, vue
- Language: PHP
- Homepage:
- Size: 5.07 MB
- Stars: 70
- Watchers: 3
- Forks: 19
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## laravel-vue-iview
 
## 更新说明
- 2021-02-08：技术栈已转移，本项目停止更新维护。
- 2020-06-19：框架升级到 Laravel7，由于 iview 已经停止维护，使用 view-design 代替。
## 简介
本项目由后台框架 laravel 7、前端框架 vue 以及 ui 框架 [view-design](https://www.iviewui.com/) 搭建而成。
关于此项目 laravel 5 版本的搭建的思路可以阅读这篇[文章](https://segmentfault.com/a/1190000013212484) 。
[在线预览此项目](http://admin.donnebox.com)，线上地址的用户名和密码都是 `[email protected]`.
项目主要内容：
- vuex 的使用
- router 配置和动态生成
- axios 封装和请求
- webpack.mix.js 的配置
## 安装
#### 安装扩展
```bash
# 克隆项目
git clone https://github.com/Donng/laravel-vue-iview.git
# 安装composer依赖
cd laravel-vue-iview && composer install
# 设置国内淘宝镜像（未设置的）
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 安装npm扩展包
cnpm install
```
#### 配置
```bash
# 复制配置文件
cp .env.example .env
# 生成加密key
php artisan key:generate
# 生成jwt加密key
php artisan jwt:secret
# 配置env中的数据库链接
配置数据库名称、用户名和密码
# 数据库迁移
php artisan migrate
php artisan db:seed
```
#### 编译
```bash
# 开发环境编译
npm run dev (或 npm run watch 监控文件修改)
# 生产环境编译，压缩JS文件
npm run prod
```
#### 访问项目
```bash
php artisan serve
```
访问 http://127.0.0.1:8000
用户名和密码都是 `[email protected]`
## 文件结构
```
├── api 后端接口目录
├── components 公共组件库
├── images 图片资源
├── lang 多语言支持
├── libs 方法扩展库
├── router 路由配置目录
├── store vuex 配置
├── styles 样式库
├── utils 请求和公共方法封装
└── views 前端视图界面
```