Skip to content
Build single page web APP using: VueJS + webpack + semantic-UI + Laravel
JavaScript CSS PHP Vue HTML
Branch: master
Clone or download
Latest commit cd86f00 Sep 5, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
backend permission check Aug 10, 2016
frontend sitenav and transition Aug 16, 2016
public Fix npm run build May 15, 2016
.gitignore Fix npm run build May 15, 2016
LICENSE Initial commit Apr 7, 2016
README.md Update README.md Sep 5, 2018
RoadMap.md Update RoadMap.md Jul 18, 2016

README.md

本库停止更新 Deprecated

想用 Laravel + VueJS 做后台的朋友可以移步这里 https://github.com/zgldh/scaffold

Please check this repo instead: https://github.com/zgldh/scaffold

vuejs-laravel

VueJS + webpack + semantic-UI + Laravel

  • 前后分离的快速开发框架。
  • 自带 Laravel 基础的账号系统。
  • 前端单页面Web应用
  • Webpack 构建前段页面
  • 使用 babel 来支持 ECMAScript6
  • 使用 Vue 的单文件组件
  • 使用最新的 vue-cli 2.0

安装

  1. 克隆代码

  2. 安装后台

        cd backend
        composer install
        // https://laravel.com/docs/5.2
        php artisan key:generate
        php artisan vendor:publish
        php artisan migrate
    
  3. 配置Web服务器,需要支持 PHP5.6 以上。 例如域名为 vuejs-laravel。服务器 root 配置到项目的public目录下。(千万注意不是backend/public)

  4. 安装前台

        cd frontend
        npm install
        
    
  5. 配置前台后台代理。打开 frontend/config.js, 修改 proxyTable 来连接后台API。 参考: http://vuejs-templates.github.io/webpack/proxy.html

  6. 完毕

开发

    cd frontend
    npm run dev

然后访问 http://localhost:8080

frontend/src 目录包含了前端代码。代码改动能实时反映在浏览器里,我百思不得其解。

backend 目录里面就是典型的Laravel后端代码

发布

    cd frontend
    npm run build

然后编译过的前端代码就出现在 public 目录下。访问你本地的Web服务器即可浏览。

路线图

RoadMap.md

参考资料

待续

You can’t perform that action at this time.