基于vue2的尚品汇电商前后台项目

Spring-_-Bear Spring-_-Bear     2022-12-19     433

关键词:

开发时间:2022.11.07-2022.12.07

前台项目后台管理
atguigu-store-frontendatguigu-store-backend

文章目录

一、快速开始

二、系统概述

2.1 项目简介

此项目为尚品汇在线电商应用,前后端分离开发。前端项目包括前台应用系统及后台管理系统两大部分。前台项目基于 Vue 和前端三件套,后台项目基于 vue-admin-template 和 element-ui 组件库。

采用模块化、组件化、工程化的模式开发,基于最新最热的前端技术如 Vue 全家桶、ES6、Webpack、Axios 等,包括首页、商品搜索列表、商品详情、购物车、订单、支付、用户登录与注册等多个子模块,功能齐全。

2.2 技术选型

三、功能展示

3.1 前台项目

  1. 三级联动导航分类

  2. swiper 轮播图

  3. 商品搜索

  4. 面包屑搜索与结果排序过滤

  5. 分页条

  6. 商品详情查看

  7. 商品图片轮播与细节查看

  8. 商品加入游客购物车

  9. 购物车详情

  10. 用户注册

  11. 用户登录

  12. 购物车商品下单

  13. 订单提交

  14. 订单支付

  15. 支付成功

  16. 订单列表

3.2 后台管理

  1. 管理员登录

  2. 数据可视化

  3. 品牌管理

  4. 平台售卖属性管理

  5. SPU(Standard Product Unit) 管理

  6. SPU 详情查看

  7. SKU(Stock Keeping Unit ) 管理

①尚品汇的后台管理系统尚硅谷vue(代码片段)

...言项目在前面课程当中,我们已经开发了一个项目【尚品汇电商平台项目】,这个项目主要针对的是用户(游客),可以让用户在平台当中购买产品。但是你需要想明白一件事情,用户购买产品信息从何而... 查看详情

vue尚品汇商城项目-day0752.打包文件,处理map文件(代码片段)

...处理map配置后的打包后的文件本人其他相关文章链接1.vue尚品汇商城项目-day07【44.个人中心二级路由搭建+45.我的订单+46.优化登录跳转+47.独享守卫】2.vue尚品汇商城项目-day07【vue插件-48.(了解)图片懒加载插件】... 查看详情

vue尚品汇商城项目-day03vue插件-19.mockjs模拟数据(开发home首页当中的listcontainer组件与floor组件)(代码片段)

文章目录19.mockjs模拟数据(开发Home首页当中的ListContainer组件与Floor组件)本人其他相关文章链接19.mockjs模拟数据(开发Home首页当中的ListContainer组件与Floor组件)安装命令:cnpminstall--savemockjs重难点说明使用swip... 查看详情

vue尚品汇商城项目-day0426.排序操作(难点)(代码片段)

文章目录26.排序操作(难点)26.1使用阿里的iconfont26.2排序操作本人其他相关文章链接26.排序操作(难点)26.1使用阿里的iconfont在线地址:https://www.iconfont.cn/注册并登陆创建一个可以包含需要的所有图标的项目搜索... 查看详情

vue尚品汇商城项目-day014.完成非路由组件header与footer业务(代码片段)

文章目录4.完成非路由组件Header与Footer业务4.1使用组件的步骤(非路由组件)本人其他相关文章链接4.完成非路由组件Header与Footer业务在咱们项目开发中,不在以HTML+CSS为主,主要搞业务、逻辑开发项目的流程&#x... 查看详情

vue尚品汇商城项目-day07vue插件-48.(了解)图片懒加载插件(代码片段)

文章目录48.(了解)图片懒加载插件本人其他相关文章链接48.(了解)图片懒加载插件图片懒加载效果就是:当网络不好时默认先显示别的默认图片,等待图片加载好后再展示新的图片(就是提供个默... 查看详情

基于java开发的健身器材电商管理系统.rar(含项目源码前后端项目)

功能:健身器材信息管理、健身器材分类管理、公告管理、个人中心、订单管理、健身器材入库管理、健身器材出库管理、收获评价管理、系统管理等前端页面展示后端管理:源码下载地址:》》》 查看详情

vue-piczoom基于vue2.x的电商图片放大镜插件

vue-piczoom:基于vue2.x的电商图片放大镜插件最近在撸一个电商网站,有一个需求是要像淘宝商品详情页那样,鼠标放在主图上,显示图片放大镜效果,找了一下貌似没有什么合适的vue插件,于是自己撸了一个,分享一下。小白第... 查看详情

vue后台管理系统

...理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目。前后端分离模式:后端负责写接口,前端负责调用 查看详情

基于thinkphp6+layui的电商后台管理系统(代码片段)

项目介绍一款PHP语言基于ThinkPhp6.x、Layui、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效率的初衷,框架自... 查看详情

基于laravel8+layui的电商后台管理系统(代码片段)

项目介绍一款PHP语言基于Laravel5.8、Layui、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开发、提升开发效率的初衷,框架自... 查看详情

电商项目-简历描述篇

1.项目名称XXX新零售电商平台2.项目描述该项目是基于SpringBoot/SpringCloud为重庆澳欧惠品构建的一款本地B2C新零售电商平台,客户通过前台浏览和购买商品,管理员通过后台对平台、商品、用户进行管理。主要出售日常百货... 查看详情

基于laravel5.5和vue2开发的个人博客

本项目使用PHP框架Laravel5.5进行开发。系统后台使用了Vuejs+Element-UI实现完全的前后端分离。项目地址:http://phpjourney.xin(正在备案,暂时可通过http://47.94.11.137访问)GitHub地址:https://github.com/Johnson19900110/phpJourney功能特性分类管理标... 查看详情

springboot和vue集成视频播放组件——基于springboot和vue的后台管理系统项目系列博客(二十二)(代码片段)

系列文章目录系统功能演示——基于SpringBoot和Vue的后台管理系统项目系列博客(一)Vue2安装并集成ElementUI——基于SpringBoot和Vue的后台管理系统项目系列博客(二)Vue2前端主体框架搭建——基于SpringBoot和Vue的后... 查看详情

实战项目:基于vue第三方库element-ui实现的金融后台管理系统

参考技术A链接:https://github.com/wdlhao/vue2-element-touzi-admin项目是vue2.0+element-ui+node+mongodb构建的后台管理系统,所有的数据都是从服务器实时获取的真实数据,具有真实的注册、登录、数据显示、新增数据、修改数据、删除数据等功... 查看详情

vue2.0-基于elementui换肤[自定义主题]

0.直接上预览链接[vue2.0-基于elementui换肤[自定义主题]](https://mgbq.github.io/vue-pe...1.项目增加主题组件在项目的src/components下添加skin文件夹skin文件获取地址2.项目增加自定义主题自定义添加主题下载地址https://elementui.github.io/t...3.项... 查看详情

vue2电商实战项目(代码片段)

单页面应用分为3层结构层(template)样式层(style)行为层(script)入口文件main.js:程序最开始执行的文件babel:就是翻译官,比如ES6语法转换成ES5语法脚手架使用-命令行创建项目:vuecreate项目名称-node_modules:放置项目依赖的地方-public:一般放... 查看详情

php电商小程序的项目经验怎么写

...也推出了小程序端sdk了。后台界面,使用了Admin-LTE,它是基于Bootstrap的一套UI,打包了太多现成的组件,菜单目录树,表格,下拉框,颜色选择器,编辑器,日历,报表,聊天窗口,具体可以下载它的demo来看。基本一套后台能想... 查看详情