# node+vue后台管理系统

**Repository Path**: zhengrp/node-maneger

## Basic Information

- **Project Name**: node+vue后台管理系统
- **Description**: node+vue+element搭建的后台管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2019-09-08
- **Last Updated**: 2023-07-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# node-maneger

#### 介绍
node+vue+element搭建的后台管理系统

外层为node+express+jwt框架搭建的后端接口，数据库使用moongoDB.
已实现注册、登录、token处理、数据获取、添加、编辑、删除等接口，并在前端中调用。

client路径下为前端项目，使用vue全家桶+element-ui，功能参见使用说明。

#### 软件架构
软件架构说明
node+vue+element

#### 安装教程

1. npm i || npm install
2. npm start
3. cd client
4. npm start

#### 使用说明

1. 登录
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/153905_46f509fd_2197057.png "屏幕截图.png")
2. 注册
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/153944_34020317_2197057.png "屏幕截图.png")
3. 首页
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/154605_99506d49_2197057.png "屏幕截图.png")
4.退出
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/162449_84782f0b_2197057.png "屏幕截图.png")
5、资金流水  已实现数据的展示，添加，删除、编辑、分页，以及根据时间筛选功能，普通员工没有添加，删除、编辑权限。
    5.1管理员
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/161606_b9892aa9_2197057.png "屏幕截图.png")
        5.1.1编辑
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/160327_b0484108_2197057.png "屏幕截图.png")
        5.1.2删除
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/161310_a2c01657_2197057.png "屏幕截图.png")
        5.1.3添加
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/161446_b0e26f52_2197057.png "屏幕截图.png")
        5.1.4日期筛选
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/161853_e2e65fa3_2197057.png "屏幕截图.png")
    5.2员工
![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/162235_32f77ac6_2197057.png "屏幕截图.png")
    
6.信息管理
    5.1管理员
    ![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/154936_a954db68_2197057.png "屏幕截图.png")
    5.2员工
    ![输入图片说明](https://images.gitee.com/uploads/images/2019/0925/155442_bd2c333a_2197057.png "屏幕截图.png")



#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)