Skip to content

jzxyouok/laravel-vue-element

Repository files navigation

前言

  • 本人从事php开发工作,一直奋战在一线,处于水深火热之中,工作之余看看知乎、逛逛github、打打游戏。本项目搭建纯属个人兴趣和学习所用(非大神),如有侵权、代码不合理,结构混乱等问题,勿喷,烦请第一时间通知我:QQ:292304400,gmail邮箱地址:linlm1994@gmail.com,本人将立即删除或修改(如有侵权绝非有意),望海涵,谢谢!(2017-08-20)
  • 持续更新ing

预期主要功能

  • 注册、登录、注销、记住密码、改密、冻结
  • 文章发布、置顶、推荐、修改、删除、评论、回复、点赞、阅读记录、分享朋友圈空间等
  • 视频发布、置顶、添加活动、促销、购买、上架下架、删除、编辑、在线观看、收藏、限时免费观看
  • Markdown编辑器、echarts图表、excel导入导出
  • 日志管理
  • 权限控制
  • 七牛云存储、redis缓存、视频抢购并发
  • 公共错误401、404页面
  • QQ、微信登录
  • 邮件发送,redis队列
  • 前台响应式布局
  • 数据库一键备份,还原
  • 网站在线人数统计
  • 留言板、投票管理、公告模块
  • 网站维护关闭
  • 整站搜索
  • 后台推送通知,即时响应

技术栈

  • laravel + vue2 + vuex + vue-router + webpack + ES6/7 + elementui + 七牛云存储 + redis + sass

效果演示

  • 暂时为空(后期补上)

开发部署

    # 克隆项目到本地
    git clone https://github.com/linlianmin/laravel-vue-element.git
    
    # 进入文件目录,laravel生成app_key
    php artisan key:generate  

    # 复制.env.example文件为.env,配置数据库参数
    # 执行数据表生成脚本和数据填充脚本
    php artisan migrate:refresh --seed

    # 安装依赖
    # 环境首先必须安装nodejs,下载地址:(上面提供)
    # npm速度慢可考虑使用淘宝镜像,可能会出现诡异报错,npm install --registry=https://registry.npm.taobao.org
    # 全局安装yarn
    npm install -g yarn
    
    # 使用yarn安装依赖库
    yarn install

    # yarn install 或 npm install 都可能报错,报错的原因很多(绝大部分是自身系统配置和墙的原因)
    # 详细查看报错原因,正常情况会提示安装哪一个依赖库报错
    # 最常见的是要求安装python和安装node-sass报错,python自行到python官网下载安装包安装即可(2.0版本以上),下载地址:(上面提供),node-sass报错的话安装淘宝镜像之后重新执行
    npm install --save node-sass // yarn install 成功的话直接跳过此步奏    

    # 运行脚本(编译js和sass等文件),成功之后即可访问项目
    yarn run dev

代码结构

├── app
├── ├── http
├── ├── ├── Controllers        // 前后台控制器
├── ├── Models                 // 模型类
├── └── Repositories           // 逻辑层
├── database
├── ├── migrations             // 数据表生成
├── └── seeds                  // 数据填充
├── config                     // 配置相关
├── public
├── ├── css                    // webpack编译后的css文件
├── ├── fonts                  // 字体文件
├── ├── js                     // webpack编译后的js文件
├── ├── resources
├── ├── ├── assets
├── ├── ├── ├── js             // vue组件和app.js等
├── └── └── └── sass           // sass文件
├── .env.example               // 配置文件
├── webpack.mix.js             // webpack
├── .gitignore                 // git 忽略项
├── composer.json              // composer.json
└── package.json               // package.json

项目部分页面截图

  • 前台首页 前台首页

About

运用laravel+vue+elementui,从零搭建一个技术博客!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published