关键词:
开发时间:2022.11.07-2022.12.07
前台项目 | 后台管理 |
---|---|
atguigu-store-frontend | atguigu-store-backend |
文章目录
一、快速开始
二、系统概述
2.1 项目简介
此项目为尚品汇在线电商应用,前后端分离开发。前端项目包括前台应用系统及后台管理系统两大部分。前台项目基于 Vue 和前端三件套,后台项目基于 vue-admin-template 和 element-ui 组件库。
采用模块化、组件化、工程化的模式开发,基于最新最热的前端技术如 Vue 全家桶、ES6、Webpack、Axios 等,包括首页、商品搜索列表、商品详情、购物车、订单、支付、用户登录与注册等多个子模块,功能齐全。
2.2 技术选型
三、功能展示
3.1 前台项目
-
三级联动导航分类
-
swiper 轮播图
-
商品搜索
-
面包屑搜索与结果排序过滤
-
分页条
-
商品详情查看
-
商品图片轮播与细节查看
-
商品加入游客购物车
-
购物车详情
-
用户注册
-
用户登录
-
购物车商品下单
-
订单提交
-
订单支付
-
支付成功
-
订单列表
3.2 后台管理
-
管理员登录
-
数据可视化
-
品牌管理
-
平台售卖属性管理
-
SPU(Standard Product Unit) 管理
-
SPU 详情查看
-
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为主,主要搞业务、逻辑开发项目的流程... 查看详情
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来看。基本一套后台能想... 查看详情