npm

Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript.Learn more »

pc-manage-init

1.2.0 • Public • Published

pc-manage-init

  • 一个后台管理框架生成脚本

相关

  • node@8.*
  • vue-cli
  • vue-router
  • iview
  • babel-polyfill
  • vuex
  • less
  • highcharts
  • mockjs

before all

$ vue-init webpack demo
$ cd demo
$ cnpm i
$ cnpm i -S iview babel-polyfill vuex highcharts vue-auto-register jsonp mockjs
$ cnpm i -D less less-loader

install

$ npm i -D pc-manage-init

cli

$ vi package.json

{
  "scripts": {
    "init": "pc-manage-init",
    "api": "generate-api",
  }
}

start

# 生成init目录 
$ npm run init
 
# 配置init目录 
$ cp index.php init/apidoc.js
$ vi init/project.yml
$ vi init/tables.yml
 
# 生成项目 
$ npm run init
 
# 启动项目 
$ npm start
 
# 非必须的命令, npm run init 已自动包含 
# 根据文档生成且仅改变 @/ajax/api.js @/ajax/mock.js 
$ npm run api

参考

  • 涉及到权限
  • addRouter Api
  • 动态render侧边栏:
Vue.component('SiderItem', {
  props: ['data'],
  render (h) {
    return h('div',
      this.data.map(item => {
        if (item.children) {
          return h('Submenu', {
            props: {name: item.name}
          }, [
            h('template', {slot: 'title'}, [
              h('Icon', {props: {type: 'ios-home'}}),
              h('span', {'class': 'title'}, item.title)
            ]),
            ...item.children.map(child => h('MenuItem', {props: {name: child.path}}, child.name))
          ])
        } else {
          return h('MenuItem', {
            props: {name: '/member'}
          }, [
            h('Icon', {props: {type: 'ios-home'}}),
            h('span', {'class': 'title'}, item.title)
          ])
        }
      })
    )
  }
})
  • 登录退出时由于滚动条而抖动
  • scroll-hide 样式类在 @/style/scrollbar.less
<body class="scroll-hide">

install

npm i pc-manage-init

Downloadsweekly downloads

44

version

1.2.0

license

ISC

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability