caowen / vue-manage

2021Vue实战项目 电商管理系统 Element-UI

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

项目总结

整理不易,若对您有帮助,请给个star,您的支持是我更新的动力 👇

🚩在线体验地址1体验账号:admin 密码:123456 已经默认设置啦,可以直接登录。

🚩在线体验地址2

📖开发全过程博客记录

🐱 GitHub笔记

项目使用指南:

  1. 希望能给本项目一个star~,感谢。
  2. 点击绿色按钮Code,DownLoad Zip并解压。
  3. 在该项目下执行npm install安装依赖
  4. 执行npm run serve打开本地服务

部署上线指南

各位看官老爷们,希望能给我的Github一个star~为了整理这个纯小白部署上线教程,我又重新购买了一个服务器,从头弄了一遍,看在这个份上可怜可怜小人把呜呜呜呜。

📖【超详细小白教学】Vue+nodejs电商项目部署指南

项目概述

1.1 电商项目基本业务概述

根据不同的应用场景,电商系统一般都提供了 PC 端、移动 APP、移动 Web、微信小程序等多种终端访问方式,我们主要是实现PC后台管理系统。

image-20210309122856022

1.2 电商后台管理系统的功能

电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能。

image-20210309122919582

1.3 电商后台管理系统的开发模式(前后端分离)

电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于 Vue 技术栈的 SPA 项目。 image-20210309122931478

电商后台管理系统的技术选型

前端用到的技术栈

  • Vue
  • Vue-router
  • Element-UI
  • Axios
  • Echarts

后端项目技术栈

  • Node.js
  • Express
  • Jwt
  • Mysql
  • Sequelize

项目效果:

贴上几张图,具体效果请在在线体验地址中体验哦~

image-20210120221628801

image-20210120221647333

image-20210120221706705

About

2021Vue实战项目 电商管理系统 Element-UI


Languages

Language:JavaScript 85.5%Language:CSS 5.7%Language:HTML 5.0%Language:Vue 3.8%