目录
一 电商项目基本业务概述
二 电商后台管理系统功能
三 电商后台管理系统的开发模式(前后端分离)
四 电商后台管理系统的技术选型
五 前端项目初始化步骤
六 创建新项目
七 安装 element-UI 插件
八 配置 element-UI 为按需导入
九 安装axios
十 码云上创建 vue_shop 仓库,将初始化项目托管到码云
一 电商项目基本业务概述 根据不同的应用场景,电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式。
文章图片
二 电商后台管理系统功能 电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能
文章图片
三 电商后台管理系统的开发模式(前后端分离) 电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目。
文章图片
四 电商后台管理系统的技术选型 1 前端项目技术栈
- Vue
- Vue-router
- Element-UI
- Axios
- Echarts
- Node.js
- Express
- Jwt
- Mysql
- Sequelize
2 通过 Vue 脚手架创建项目
3 配置 Vue 路由
4 配置 Element-UI 组件库
5 配置 axios 库
6 初始化 git 远程仓库
7 将本地项目托管到 Github 或 Gitee 中
六 创建新项目 1 用vue ui创建项目
vue ui2 创建新项目
文章图片
3 手动配置项目,安装必要组件
【Vue|电商后台管理系统项目介绍和项目初始化】
文章图片
4 配置为默认hash模式
文章图片
5 保存项目预设
文章图片
七 安装 element-UI 插件
文章图片
八 配置 element-UI 为按需导入
文章图片
九 安装axios
文章图片
十 码云上创建 vue_shop 仓库,将初始化项目托管到码云
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 前端开发|Vue2.x API 学习
- vue|Vue面试常用详细总结
- vue|电商后台管理系统(vue+python|node.js)
- 腾讯TEG实习|腾讯实习——Vue解决跨域请求
- Vue|vue-router 详解
- vue|vue3替代vuex的框架piniajs实例教程
- Vue|Vue3.0的插槽是如何实现的()
- 前端|面试官(谈谈Vue和React的区别())