README

安装包

 composer require elephantpink/blog

数据库：迁移和种子文件

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

之后，您将在主数据库/migrations 文件夹下找到迁移文件。

为了创建所需的表，运行

 php artisan migrate

如果您想在数据库中运行示例数据，运行

 php artisan db:seed --class=BlogSeeder

前端

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

要这样做，执行

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

您可以直接从vendor文件夹使用这些组件，或者如果您需要自定义它们，只需将它们发布到资源文件夹即可

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

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

路由器导入示例

import eventsAdminRoutes from './blog/router'

let routes = [other routes]

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

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

存储导入示例

import Vue from 'vue'
import Vuex from 'vuex'
import blogStore from './blog/store'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    blog: blogStore,
  },
  ...
})

翻译导入示例

import Lang from 'lang.js';
import blogTranslations from './blog/translations'

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

图标

为了使用svg-vue图标，您应该在webpack.mix.js文件中添加laravel-mix-svg-vue，并修改文件内容如下：

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()

elephantpink / blog

维护者

详情

README

安装包

数据库：迁移和种子文件

前端

路由器导入示例

存储导入示例

翻译导入示例

图标