Giter Club home page Giter Club logo

laravel-vue-element's Introduction

前言

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

项目部分页面截图

  • 前台首页 前台首页

laravel-vue-element's People

Contributors

mingolm avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.