# ManagementSystem

**Repository Path**: YT1582183162/management-system

## Basic Information

- **Project Name**: ManagementSystem
- **Description**: 这是一个个人制作的后台管理系统，主要用的是vue 和 node 进行搭建后台管理系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-18
- **Last Updated**: 2022-04-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 后台管理系统
包含商品管理 用户管理 订单等等
## 如何启动
1.D:\egoo\ManagementSystem 进入文件夹，打开cmd，npm install 安装依赖  （具体路径根据自己的路径来）
2.D:\egoo\ManagementSystem\server 进入该文件夹，运行node index.js   (请运行时安装node环境)
3.下载phpstudy ，打开mysql，apache，将sql文件导入mysql
4.运行vue，D:\egoo\ManagementSystem 执行npm run serve

## 技术点
 Vue + Vue-router + Vuex + Element-ui + Axios + Echarts + 其他第三方库

## 项目搭建
1.vue create vue-egoo
2.vue-router vuex
3.axios
4.vue add element --(按需)

##项目初始化 
1.删除无用的组件 home.vue about.vue helle ...
2.css 初始化
3.incofont 图标引入

## 后台服务
1.npm i express -S
2.node.js
3.jwt (生成token)
4.mysql

##路由配置
1.页码布局配置 同级登录配置

## 商品管理页面

## 类目选择

## 上传图片
1.elment-ui upload组件 图片上传

2.后台配置

   1.后台安装 multer 模块 同时引入fs模块

   2.router.js入口文件导入模块

      const fs = require('fs')
      const multer = require('multer')
   3.上传图片 配置upload
##富文本编辑器
1.百度编译器
2.wangEditor

wangEditor使用步骤:

1.官网 https://www.wangeditor.com/doc/

2.基本使用：

    1.安装：npm i wangeditor --save

   2.引入模块：

        import E from "wangeditor"

   3.使用wangEditor

       const editor = new E("#div1")
       editor.create()
   4.常用配置

   1.清空内容： 

    editor.txt.clear() 清空编辑器内容
   
   2.设置内容

     editor.txt.html("")  获取html
   
   3.配置菜单
   
   1.配置菜单的使用 
    
     editor.config.menus 定义显示哪些菜单和菜单的顺序。
   
     // 配置菜单栏，删减菜单，调整顺序
   
   4.配置 onchange 回调函数
   
    配置 onchange 函数之后，用户操作（鼠标点击、键盘打字等）导致的
    内容变化之后，会自动触发 onchange 函数执行。