elephantpink / events
适用于 Laravel 6 的简单事件包。
dev-master
2020-04-14 14:20 UTC
Requires
- php: ^7.0
- laravel/framework: >=6.0
- laravel/passport: ^8.3
Requires (Dev)
- phpunit/phpunit: ^8.0
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()