单页应用启动套件 - spa-starter-kit

2016-11-25      732      PHP
项目简介

Codecast的单页应用启动套件

一个高度固化的单页应用启动套件,在Vue.js和Laravel基础上创建。

这个包包含两个分开的项目,能够实现单页应用的启动点:一个Vue.js项目和一个Laravel 5.3项目。

它们不仅仅是刚刚创建的项目,经过修改和扩展之后,会程辉一个你自己的能够完全起作用的app。

功能特征

  1. 客户端
    • 使用 vue-cli + webpack 模板创建的Vue.js 2.0 project
    • Vuex集中管理
    • Vue-router路由管理
    • JWT认证
    • 使用本地存储信息保持用户登录
    • Axios的HTTP需求
    • ESLint
    • Laravel的LengthAwarePaginator的集成分页
    • SweetAlert提供的提示和去人提示
  2. 服务器端
    • Laravel 5.3
    • JWT认证

预先需要

确保你安装了Node和Yarn(最新版),PHP 7和MySQL也需要。

Installation

  1. 客户端- 这是结合vue-cli创建的Vue.js项目。
    • With Terminal:cd client && yarn && yarn run dev.
  2. 服务器端 -这是一个 Laravel 5.3 项目
    • With Terminal:
      • 导航到 webservice  文件夹然后:
      • composer install:安装Laravel和第三方包
      • touch database/database.sqlite:创建一个空的数据库文件
      • cp .env.example .env:配置安装
      • php artisan key:generate:生成项目独一无二的键
      • php artisan jwt:secret:生成项目独一无二的键 
      • php artisan migrate:创建所有的表 
      • php artisan db:seed:虚拟数据填充表格
      • php artisan serve:在 localhost:8000上服务应用程序

使用方法

  1. 客户端
    • 你的应用可以从此获取:  http://localhost:8080
  2. 服务器端
    • API 端点是:http:// localhost:8000/api

测试

导航到 webservice 文件夹并运行composer测试脚本

$ composer test