Bms vue

> ## BMS系统是基于vue开发的一套cms系统。 > ### 前端:Vue、Vuex、Vue-router、ELEMENT-UI > ### 后端:nodejs、express

Version: 1.0.0 Updated: 12/17/2017

By: wangyi7099 License: MIT

Downloads Last 30 Days: 15

Install

npm i bms-vue
yarn add bms-vue

Repository: https://github.com/wangyi7099/BMS

CDNs

bundle.run: https://bundle.run/bms-vue

jsDelivr: https://cdn.jsdelivr.net/npm/bms-vue

unpkg: https://unpkg.com/bms-vue

BMS

BMS系统是基于vue开发的一套cms系统。

前端:Vue、Vuex、Vue-router、ELEMENT-UI

后端:nodejs、express

项目架构图:

    bms
    |--.vscode
    |    |--launch.json
    | 
    |--app    
    |    |--api(后台controller)
    |    |--components(前台vue组件)    
    |    |--dao(后台数据库操作)
    |    |--router(前端路由)
    |    |--static(前端静态文件)
    |    |--store(vuex,用来组建之间数据共享)
    |    |--util(前端常用函数的封装,包括插件)
    |    |--dev-client.js
    |    |--index.html
    |    |--README.MD
    |    |--server.js
    |--genAppAndDao(自动生成后端controller和mapper) 
    |--webpack(webpack配置文件)
    |--.eslintrc.js(eslint配置文件)
    |--.gitignore
    |......

登陆界面如下:

登陆页

login

主页

index

权限赋予

rightGiven

角色管理

roleManage

用户管理

userManage

菜单管理

menuManage

项目启动方式:

  • 首先乣从npm上下载依赖包。建议把registry设置成淘宝的registry,命令:npm set registry https://registry.npm.taobao.org
  • 运行命令 npm install
  • 运行npm run dev,然后访问8888端口即可.
Categories: Vue js
Tags: