- 2021-02-08:技术栈已转移,本项目停止更新维护。
- 2020-06-19:框架升级到 Laravel7,由于 iview 已经停止维护,使用 view-design 代替。
本项目由后台框架 laravel 7、前端框架 vue 以及 ui 框架 view-design 搭建而成。
关于此项目 laravel 5 版本的搭建的思路可以阅读这篇文章 。
在线预览此项目,线上地址的用户名和密码都是 [email protected]
.
项目主要内容:
- vuex 的使用
- router 配置和动态生成
- axios 封装和请求
- webpack.mix.js 的配置
# 克隆项目
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
# 复制配置文件
cp .env.example .env
# 生成加密key
php artisan key:generate
# 生成jwt加密key
php artisan jwt:secret
# 配置env中的数据库链接
配置数据库名称、用户名和密码
# 数据库迁移
php artisan migrate
php artisan db:seed
# 开发环境编译
npm run dev (或 npm run watch 监控文件修改)
# 生产环境编译,压缩JS文件
npm run prod
php artisan serve
用户名和密码都是 [email protected]
├── api 后端接口目录
├── components 公共组件库
├── images 图片资源
├── lang 多语言支持
├── libs 方法扩展库
├── router 路由配置目录
├── store vuex 配置
├── styles 样式库
├── utils 请求和公共方法封装
└── views 前端视图界面