适用于 Laravel 6 的简单事件包。

dev-master 2020-04-14 14:20 UTC

This package is not auto-updated.

Last update: 2024-09-25 10:36:12 UTC


README

安装包

 composer require elephantpink/events 

数据库:迁移和种子文件

 php artisan vendor:publish --tag=epink-events-migrations

之后,您将在主目录下的 database/migrations 文件夹中找到迁移文件。

为了创建所需的表,运行

 php artisan migrate

如果您想在数据库中添加示例数据,运行

 php artisan db:seed --class=EventSeeder

前端

为了使用这些组件,您需要安装以下 Node 包

执行以下操作来安装:

 npm install lang.js laravel-mix-svg-vue svg-vue vue vue-template-compiler vue-router vuex

您可以直接从 vendor 文件夹使用组件,或者如果您需要对其进行自定义,只需将其发布到资源文件夹

 php artisan vendor:publish --tag=epink-events-assets 

这将在 resources/js 和 resources/sass 下创建两个独立的 "events" 文件夹。

路由导入示例

import eventsAdminRoutes from './events/router'

let routes = [other routes]

routes = routes.concat(eventsAdminRoutes [, other router files ])

const router = new VueRouter({ 
  routes: routes 
})

存储导入示例

import Vue from 'vue'
import Vuex from 'vuex'
import eventsStore from './events/store'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    events: eventsStore,
  },
  ...
})

翻译导入示例

import Lang from 'lang.js';
import eventsTranslations from './events/translations'

let lang = new Lang();
let fullTranslations = Object.assign({}, eventsTranslations [, other translation files ])
lang.setMessages(fullTranslations)

图标

为了使用 svg-vue 图标,您应该添加 laravel-mix-svg-vue 修改您的 webpack.mix.js 文件,使其具有以下内容

const mix = require('laravel-mix');
require('laravel-mix-svg-vue');

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .svgVue()