recruitment data admin

Recruitment data management system

Introduction

A data management system based on the Vue2.0 framework. This system uses crawled recruitment website data for analysis.

Front-end: Vue.js , Element-ui , ECharts Back-end: Express Database: MySQL

Series of articles

• Graduation Project (Part 1): Vue+MySQL front-end connects to the database to implement table addition, deletion, modification and query
• Graduation project (Part 2): Vue+ElementUI+ECharts realizes front-end data visualization

Function

 - 注册 / 登录 / 注销

- 表格
  - 增删改查

- 可视化数据展示
  - 饼图
  - 直方图
  - 雷达图
  - 中国地图

- 待办事项
  - TodoList

- 编辑器
  - Markdown

- Excel
  - Excel上传

- 错误页面
  - 404

Table of contents

Server

 |-- server

  |-- api    // 与数据库的各个表连接接口

    |-- userApi.js

    |-- hireApi.js

  |-- db.js     // mysql数据库连接配置

  |-- index.js    // Express服务器入口文件

  |-- sqlMap.js

front end

 |-- src

  |-- components

  |-- common      // header sidebar等公共组件

  |-- page      // Dashboard等主要路由模块

  |-- charts      // 可视化图表

  |-- Login.vue      // 登录模块

Project screenshots

Home Page (DashBoard)

Basic charts (charts)

Add, delete, modify and check

Markdown

Project operation

 # 安装依赖
npm install

# 服务器端
cd server
node index

# 项目根目录
npm run dev