Advertisement

Vue-Egg-Shop采用Vue.js、Egg.js和MySQL技术，构建移动端商城应用。

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：None

简介：
vue-egg-shopvue.js和egg.js以及mysql构成了移动端商城前端的技术堆栈，这套Vue 2.x全家桶包含了Vant、Axios、Sass和SVG等关键组件。在后端方面，则采用了Node.js + Egg.js + MySQL技术方案。该技术栈支持了多个功能模块，包括用户登录与注册、验证码生成、头像上传以及完善的个人中心管理功能，并集成了token验证机制和购物车管理系统，同时还具备添加商品等操作。为了更好地展示项目成果，提供了详细的效果图，涵盖首页展示、购物车功能、商品分类浏览、便捷的搜索功能以及订单管理和个人中心等核心区域。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • Vue Egg Shop: 使用 Vue.js、Egg.js 和 MySQL 的移动端商城
    优质
    Vue Egg Shop是一款基于Vue.js和Egg.js框架，并结合MySQL数据库构建的移动端购物应用。它为用户提供流畅的产品浏览与购买体验，致力于打造简洁高效的移动电商解决方案。 Vue-Egg-Shop技术栈介绍： 前端使用 Vue2.x 全家桶、Vant UI 库、Axios 用于 HTTP 请求处理、Sass 作为 CSS 预处理器以及 SVG 图标。 后端采用 Node.js + Egg.js 框架，数据库选用 MySQL 进行数据存储和管理。 功能模块包括： 1. 用户登录与注册 2. 验证码发送及验证 3. 头像上传和个人资料管理 4. Token 认证机制以确保用户身份安全 5. 购物车系统实现商品收藏和购买记录查看等功能 6. 添加商品到购物车或直接下单 界面展示： - 首页：提供最新、最热的商品推荐。 - 购物车页面：显示已添加至购物车内所有物品信息，方便用户修改数量或者删除不需要的项目。 - 商品分类导航栏帮助顾客快速定位所需类别下的商品列表 - 搜索功能让用户能够便捷地查找特定产品或服务 - 订单详情页展示交易历史及状态更新情况等关键数据点 - 个人中心板块涵盖账户信息维护、安全设置以及客服支持联系入口
     
  • Vue-Shop: 使用Vue构建Web端购物商城网站
    优质
    Vue-Shop是一款基于Vue框架开发的电子商务网站前端项目，致力于为用户提供流畅、高效的在线购物体验。 本项目基于Vue2.0 + vue-router + webpack + ES6/7 + nodejs + express 构建了一个web端购物商城网站的前端架构。页面结构使用H5、CSS3及原生JS构建，框架则基于Vue脚手架（vue-cli）搭建，并采用vue-resource或Axios进行数据请求处理。路由部分通过Vue-Router实现，同时利用json-server模拟REST API (目前项目中使用express)。 已实现的功能包括登录注册功能(点击按钮跳转回登录页面尚未完成)、首页数据显示、产品和最新消息展示、商品详情页浏览、购物车管理以及订单确认与银行支付选择。此外还支持按价格排序（从高到低）的购买订单处理。 项目运行需通过npm安装本地服务及第三方依赖模块，建议使用node版本为6.0以上以确保对ES6/7等新属性的支持。具体操作步骤如下： 1. 进入项目目录：`cd vue-shop` 2. 安装项目所需的所有依赖项： `npm install` 请按照上述说明进行开发环境的搭建和项目的运行。
     
  • Vue-Mall：采用Vue框架构建的前端商城
    优质
    Vue-Mall是一款基于Vue.js框架开发的现代化前端电商应用。它以简洁高效的代码结构和灵活多样的组件化设计，为用户带来流畅的购物体验。 Vue-Mall 是一个基于 Vue 框架的前端商城项目，并使用 Django 构建后端。以下是项目的构建设置： 1. 安装依赖：`npm install` 2. 使用热重载在 localhost:8080 运行开发服务器：`npm run dev`
     
  • 采用Vue、Vuex和Vue-router构建的购物商城（原生切换动画）
    优质
    本项目是一款基于Vue框架打造的现代化购物商城应用，集成Vuex进行状态管理及Vue-router实现页面路由。特别之处在于采用了原生JavaScript技术来定制化开发界面间的平滑过渡效果，提供流畅且独特的用户体验。 效果图如下所示： 在线地址可以访问相关页面查看； 点击下载安卓APK安装包源码地址可以在相应的代码库中找到。 项目主架构 使用的库包括： - vue-cli (vue+webpack脚手架) - vue-router(路由跳转) - vuex(状态管理) - axios(数据请求) - mock.js(模拟后台数据) - vue-touch(手势判断) - fastclick(解决移动端浏览器 300 毫秒点击延迟问题) - vue-lazyload(图片懒加载) - swiper(轮播) 设计布局： 将页面的固定布局 position 进行了设置。
     
  • Vue-Mall-Mobile: 使用 Vue、Koa 和 MongoDB 构建的移动电商应用（完结）
    优质
    Vue-Mall-Mobile是一款基于Vue框架前端开发，并采用Koa和MongoDB技术构建后端服务的移动端电商平台，现已完成开发。 Vue-Mall-Mobile 是一个基于 Vue + Koa + MongoDB 构建的移动端电商网站。前端技术栈包括 vue-cli@3.0 作为脚手架工具；后端使用 koa-generator（狼叔-桑世龙编写）搭建。 项目参与者的技术组件有：vue、vue-router、vuex、axios、scss、koa、mongodb 和 mongoose，同时引入了 vant 提供更好的滚动效果。前端展示了一个非常棒的滑动效果演示，用户可以自行下载并运行该项目以查看实际效果。 对于本地开发环境： - 前端项目（mall）：进入对应文件夹后执行 `npm install` 安装相关依赖。 - 服务器启动步骤请参照相应文档进行操作。
     
  • 【商城管理平台】采用Springboot+Vue技术
    优质
    本商城管理平台基于SpringBoot与Vue.js开发，提供高效、灵活的商品管理和用户服务解决方案。 本项目是一个基于SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis的前后端分离商城系统，适用于企业或个人进行二次开发及毕业设计。主要功能模块包括： - 商品管理：商品添加、规格设置以及上下架操作。 - 订单处理：支持下单、购物车使用、支付流程、发货通知、收货确认和用户评价等服务。 - 营销活动：涵盖积分累积与兑换机制，优惠券发放及核销，分销系统建设，砍价促销策略实施，拼团功能开发以及秒杀活动组织。同时具备多门店管理能力以适应不同业务场景需求。 - 微信集成：提供自定义菜单配置、自动回复设置、微信授权接入、图文消息管理和模板信息推送等功能，增强用户体验和互动性。 - 系统配置：支持对各类参数进行灵活调整与优化。 - 用户服务：包括用户登录注册流程设计，会员卡管理以及充值功能实现。
     
  • 采用Vue、Vuex和Vue-router构建的购物商城（含原生切换动画）
    优质
    本项目是一款运用Vue框架结合Vuex状态管理及Vue-router路由控制技术开发的在线购物平台，特别集成了流畅的原生页面过渡效果，提供给用户丝滑般顺畅的操作体验。 效果图如下所示： 项目使用的技术包括： - vue-cli (vue+webpack脚手架) - vue-router（路由跳转） - vuex（状态管理） - axios（数据请求） - mock.js（模拟后台数据） - vue-touch（手势判断） - fastclick（解决移动端浏览器 300 毫秒点击延迟问题） - vue-lazyload（图片懒加载） - swiper（轮播） 设计布局： 页面的固定布局使用了position属性。
     
  • XMall-Front：采用Vue技术的PC端XMall商城前端页面源码
    优质
    XMall-Front是一款基于Vue.js构建的PC端电商网站前端代码库，提供高效、灵活且易于维护的网页界面解决方案。 XMall-Front 是基于 Vue 开发的 XMall 商城前台页面，作者亲自制作并已部署。 该项目对前端页面及框架进行了初步全部重新开发，并实现了后台系统管理功能、接口嵌入等优化工作。具体包括： - 优化页脚，增加商品搜索框组件。 - 新增登录注册界面。 - 实现高亮分页搜索的新搜索页面。 - 增加捐赠页面，显示所有捐赠列表的商品信息并实现分页展示。 - 在订单详情中加入查看进度功能，并可对订单进行处理；优化生成订单接口及地址管理编辑选择功能。 - 实现个人订单的分页查看。 此外，在首页方面也进行了升级和改造：后台可以配置3D轮播图，以及分类、品牌周边等模块。 所用技术包括 Vue 等。
     
  • VUE商店：VUE移动端小商城-源码
    优质
    Vue商店是一款基于Vue.js框架开发的小型移动电商应用源代码。此项目旨在为开发者提供一个简洁高效的学习和实践平台，帮助快速掌握前端移动商城开发技术。 VUE商店使用Vue全家桶技术构建了一个移动小商场应用程序，并主要采用了模拟数据和localstorage缓存来存储数据。该应用的主要功能包括轮播展示商品、选购手机、浏览列表、查看商品详情以及加入购物车等功能，同时也支持从购物车内删除商品和进行模拟支付操作。此外，还提供了个人中心页面供用户管理个人信息，资讯中心用于发布相关消息，并设有订单列表帮助用户查询购买记录。在开发过程中使用了vconsole工具来进行真机调试工作。