book ms ui

Micro book management platform

Demo address: http://books.zealon.cn/

Project introduction

Build a minimalist book management platform based on vue.js and element-ui. The project does not have many functions, but the project that separates the front and back ends will also cover all the technical points that should be used. It is very suitable for students who are starting to learn Vue. It has the following characteristics:

• Complete organizational structure system and user permission configuration based on RBAC model

• Based on navigation guards, dynamically generate routes, user menus, breadcrumb navigation, etc.

• Axios uniformly encapsulates asynchronous requests and uniformly handles operation result notifications

• element-ui component usage coverage reaches more than 70%

The project interface engineering is developed based on SpringBoot2.x, click to enter the warehouse

Project screenshots

Other instructions

Although it is a book management platform, to describe it more accurately, it is actually a scaffolding for backend management. The methods for managing content in any backend are similar. It is nothing more than a set of general organizational rights management. On this basis, you can also use to develop any modules you want to maintain, right?

quick start

engineering structure

 - assets / 资源
  - router / 路由
  - utils / 
    - config / 静态配置
    - request / axios封装
    - sessionStorage / 本地存储封装
  - style / 样式文件
  - App.vue
  - vue.config.js
  - pages / 组件
    - book / 图书、章节、作者
    - dictionary / 数据字典
    - org / 组织、用户、角色、权限
    - user / 个人信息
    - welfare / 小福利

Environment installation

1. Pull the project to local

Command: git clone https://github.com/Zealon159/book-ms-ui.git

2. Initialize npm dependencies

Use the cd command to enter the local project directory, and then use cnpm to install dependencies, cnpm install

3. Start

Command: npm run serve , started successfully http://localhost:9000/ , the default port is 9000, you can enter vue.config.js configuration file to modify the port

License

MIT

Copyright (c) 2020 Glorious Years