基于nodejs+vue小型超市进销存管理系统elementui

系统功能分析和描述
使用小型超市进销存管理系统分为管理员、采购员、业务员、仓管员四个角色的权限子模块。

管理员所能使用的功能主要有：系统首页、个人中心、采购员管理、业务员管理、仓管员管理、供货商管理、客户信息管理、商品分类管理、仓库库存管理、采购进货管理、销售信息管理、入库信息管理、调拨单管理、出库信息管理、盘点信息管理、账目信息管理等。
系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对小型超市进销存管理有相应的操作权限。
采购员可以实现系统首页、个人中心、供货商管理、仓库库存管理、采购进货管理等。

业务员可以实现系统首页、个人中心、客户信息管理、销售信息管理、调拨单管理等。

仓管员可以实现系统首页、个人中心、仓库库存管理、入库信息管理、出库信息管理等。
 
 
 前端技术：nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架：Express
前端:Vue.js
数据库：mysql
数据库工具：Navicat
开发软件：VScode
视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。

代码结构讲解
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。
 
 
 管理员用例
管理员登录后可进行系统首页、个人中心、采购员管理、业务员管理、仓管员管理、供货商管理、客户信息管理、商品分类管理、仓库库存管理、采购进货管理、销售信息管理、入库信息管理、调拨单管理、出库信息管理、盘点信息管理、账目信息管理，管理员的用例如图

3.2.2 采购员用例
采购员注册登录后可进行系统首页、个人中心、供货商管理、仓库库存管理、采购进货管理，采购员用例如图 

3.3 系统体系结构
模块包括主界面，系统首页、个人中心、采购员管理、业务员管理、仓管员管理、供货商管理、客户信息管理、商品分类管理、仓库库存管理、采购进货管理、销售信息管理、入库信息管理、调拨单管理、出库信息管理、盘点信息管理、账目信息管理等进行相应的操作。 

四、系统实现
4.1 系统登录模块

4.2 采购员管理模块

4.3 客户信息管理模块

4.4 销售信息管理

4.5 采购员功能

4.6 业务员功能

4.7 仓管员功能

 小型超市进销存管理系统，主要的模块包括管理员；系统首页、个人中心、采购员管理、业务员管理、仓管员管理、供货商管理、客户信息管理、商品分类管理、仓库库存管理、采购进货管理、销售信息管理、入库信息管理、调拨单管理、出库信息管理、盘点信息管理、账目信息管理，采购员；系统首页、个人中心、供货商管理、仓库库存管理、采购进货管理，业务员；系统首页、个人中心、客户信息管理、销售信息管理、调拨单管理，仓管员；系统首页、个人中心、仓库库存管理、入库信息管理、出库信息管理等功能。