Vue Student management system

Languages

中文版 | English Version

Table of Contents

• Vue Student management system
  • Languages
  • Table of Contents
  • Project Introduction
  • JSON import data
  • run the project

Project Introduction

The student management system is a pseudo-management system developed based on VueJS, Vuex, Vue Router, and BootstrapVue. It is used for learning the use of VueJS.

JSON import data

Put the student.json file in the data/ directory, and run the project again to import the data.

Format

[
    {
        "id": 1,
        "name": "Zhang San",
        "sex": "male",
        "age": 18,
        "phone": "13876671453"
    },
    {
        "id": 2,
        "name": "Ju Yan",
        "sex": "female",
        "age": 19,
        "phone": "13876671454"
    }
]

run the project

git clone https://github.com/YuenSzeHong/vue-student-management.git
cd vue-student-management
npm install
npm run serve