README

按村庄/社区划分的人口血型数量

通过composer安装

• 开发快照

$ composer require bantenprov/jumlah-penduduk-golongan-darah:dev-master

• 最新版本

通过github下载

$ git clone https://github.com/bantenprov/jumlah-penduduk-golongan-darah.git

编辑 config/app.php

'providers' => [

    /*
    * Laravel Framework Service Providers...
    */
    Illuminate\Auth\AuthServiceProvider::class,
    Illuminate\Broadcasting\BroadcastServiceProvider::class,
    Illuminate\Bus\BusServiceProvider::class,
    Illuminate\Cache\CacheServiceProvider::class,
    Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class,
    Illuminate\Cookie\CookieServiceProvider::class,
    //....
    Bantenprov\JPGolonganDarah\JPGolonganDarahServiceProvider::class,

在路由中加入路由：resources/assets/js/routes.js

path: '/dashboard',
component: layout('Default'),
children: [
  {
    path: '/dashboard',
    components: {
      main: resolve => require(['./components/views/DashboardHome.vue'], resolve),
      navbar: resolve => require(['./components/Navbar.vue'], resolve),
      sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
    },
    meta: {
      title: "Dashboard"
    }
  },
  //== ...
  {
    path: '/dashboard/jumlah-penduduk-golongan-darah',
    components: {
      main: resolve => require(['./components/views/bantenprov/jumlah-penduduk-golongan-darah/DashboardJPGolonganDarah.vue'], resolve),
      navbar: resolve => require(['./components/Navbar.vue'], resolve),
      sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
    },
    meta: {
      title: "Jumlah Penduduk Golongan Darah"
    }
  }

{
path: '/admin',
redirect: '/admin/dashboard',
component: resolve => require(['./AdminLayout.vue'], resolve),
children: [
//== ...
    {
      path: '/admin/dashboard/jumlah-penduduk-golongan-darah',
      components: {
        main: resolve => require(['./components/bantenprov/jumlah-penduduk-golongan-darah/JPGolonganDarahAdmin.show.vue'], resolve),
        navbar: resolve => require(['./components/Navbar.vue'], resolve),
        sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
      },
      meta: {
        title: "Jumlah Penduduk Golongan Darah"
      }
    },
 //== ...   
  ]
},

编辑菜单 resources/assets/js/menu.js

{
  name: 'Dashboard',
  icon: 'fa fa-dashboard',
  childType: 'collapse',
  childItem: [
        {
          name: 'Dashboard',
          link: '/dashboard',
          icon: 'fa fa-angle-double-right'
        },
        {
          name: 'Entity',
          link: '/dashboard/entity',
          icon: 'fa fa-angle-double-right'
        },
        //== ...
        {
          name: 'Jumlah Penduduk Golongan Darah',
          link: '/admin/dashboard/jumlah-penduduk-golongan-darah',
          icon: 'fa fa-angle-right'
        }
  ]
},
{
  name: 'Admin',
  icon: 'fa fa-lock',
  childType: 'collapse',
  childItem: [
    {
      name: 'Dashboard',
      icon: 'fa fa-angle-double-right',
      child: [
        {
          name: 'Home',
          link: '/admin/dashboard/home',
          icon: 'fa fa-angle-right'
        },
        //== ...
        {
          name: 'Jumlah Penduduk Golongan Darah',
          link: '/admin/dashboard/jumlah-penduduk-golongan-darah',
          icon: 'fa fa-angle-right'
        }
      ]
    },
  ]
}

在 resources/assets/js/components.js 中添加组件

//== Jumlah Penduduk Golongan Darah
import JPGolonganDarah from './components/bantenprov/jumlah-penduduk-golongan-darah/JPGolonganDarah.chart.vue';
Vue.component('echarts-jumlah-penduduk-golongan-darah', JPGolonganDarah);

import JPGolonganDarahBar01 from './components/views/bantenprov/jumlah-penduduk-golongan-darah/JPGolonganDarahBar01.vue';
Vue.component('jumlah-penduduk-golongan-darah-bar-01', JPGolonganDarahBar01);

import JPGolonganDarahBar02 from './components/views/bantenprov/jumlah-penduduk-golongan-darah/JPGolonganDarahBar02.vue';
Vue.component('jumlah-penduduk-golongan-darah-bar-02', JPGolonganDarahBar02);

import JPGolonganDarahBar03 from './components/views/bantenprov/jumlah-penduduk-golongan-darah/JPGolonganDarahBar03.vue';
Vue.component('jumlah-penduduk-golongan-darah-bar-03', JPGolonganDarahBar03);

import JPGolonganDarahPie01 from './components/views/bantenprov/jumlah-penduduk-golongan-darah/JPGolonganDarahPie01.vue';
Vue.component('jumlah-penduduk-golongan-darah-pie-01', JPGolonganDarahPie01);

import JPGolonganDarahPie02 from './components/views/bantenprov/jumlah-penduduk-golongan-darah/JPGolonganDarahPie02.vue';
Vue.component('jumlah-penduduk-golongan-darah-pie-02', JPGolonganDarahPie02);

import JPGolonganDarahPie03 from './components/views/bantenprov/jumlah-penduduk-golongan-darah/JPGolonganDarahPie03.vue';
Vue.component('jumlah-penduduk-golongan-darah-pie-03', JPGolonganDarahPie03);

为了发布vue组件

$ php artisan vendor:publish --tag=jumlah-penduduk-golongan-darah-assets
$ php artisan vendor:publish --tag=jumlah-penduduk-golongan-darah-public