Git Product home page Git Product logo

newbee-ltd / newbee-mall-vue3-app Goto Github PK

View Code? Open in Web Editor NEW
5.8K 5.8K 1.5K 2.5 MB

🔥 🎉Vue3 全家桶 + Vant 搭建大型单页面商城项目,新蜂商城 Vue3.2 版本,技术栈为 Vue3.2 + Vue-Router4.x + Pinia + Vant4.x。

Home Page: https://item.jd.com/13785266.html

License: GNU General Public License v3.0

Vue 98.65% Less 1.17% JavaScript 0.17%
newbee-mall newbee-mall-vue3 pinia spring-boot vant vant3 vant4 vue vue-example vue-mall vue-router4 vue3 vue3-demo vuejs vuejs3 vuex vuex4

newbee-mall-vue3-app's Introduction

Build Status Version 3.0.0 License

newbee-mall 项目是一套电商系统,包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统,基于 Spring Boot 和 Vue 以及相关技术栈开发。 前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。

本仓库中的源码为新蜂商城前后端分离版本的 Vue 项目(Vue 版本为 3.x),主要面向前端开发人员,后端 API 源码在另外一个仓库 newbee-mall-api

新蜂商城 Vue3 版本线上预览地址:http://vue3-app.newbee.ltd,账号可自行注册,建议使用手机模式打开。

newbee-mall (新蜂商城)系列项目概览

newbee-mall-course-2023

项目名称 仓库地址 备注
newbee-mall newbee-mall in GitHub
newbee-mall in Gitee
初始版本、Spring Boot、Thymeleaf、MyBatis、MySQL
newbee-mall-plus newbee-mall-plus in GitHub
newbee-mall-plus in Gitee
升级版本、优惠券、秒杀、支付、Spring Boot、Thymeleaf、MyBatis、MySQL、Redis
newbee-mall-cloud newbee-mall-cloud in GitHub
newbee-mall-cloud in Gitee
微服务版本、分布式事务、Spring Cloud Alibaba、Nacos、Sentinel、OpenFeign、Seata
newbee-mall-api newbee-mall-api in GitHub
newbee-mall-api in Gitee
前后端分离、Spring Boot、MyBatis、Swagger、MySQL
newbee-mall-api-go newbee-mall-api-go in GitHub
newbee-mall-api-go in Gitee
前后端分离、Go、Gin、MySQL
newbee-mall-vue-app newbee-mall-vue-app in GitHub
newbee-mall-vue-app in Gitee
前后端分离、Vue2、Vant
newbee-mall-vue3-app newbee-mall-vue3-app in GitHub
newbee-mall-vue3-app in Gitee
前后端分离、Vue3、Vue-Router4、Pinia、Vant4
vue3-admin vue3-admin in GitHub
vue3-admin in Gitee
前后端分离、Vue3、Element-Plus、Vue-Router4、Vite

坚持不易,如果觉得项目还不错的话可以给项目一个 Star 吧,也是对我一直更新代码的一种鼓励啦,谢谢各位的支持。

开发及部署文档

联系作者

大家有任何问题或者建议都可以在 issues 中反馈给我,我会慢慢完善这个项目。

关注公众号:程序员十三,回复"勾搭"进群交流。

wx-gzh

软件著作权

本系统已申请软件著作权,受国家版权局知识产权以及国家计算机软件著作权保护!

页面展示

以下为新蜂商城 Vue3 版本的页面预览:

  • 登录页

  • 首页

  • 商品搜索

  • 商品详情页

  • 购物车

  • 生成订单

  • 地址管理

  • 订单列表

  • 订单详情

感谢

newbee-mall-vue3-app's People

Contributors

awxiaoxian2020 avatar newbee-mall avatar nick930826 avatar zhenfeng13 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

newbee-mall-vue3-app's Issues

在用户个人中心回退循环

进入“我的”,点击进入“我的订单”,再不断点击左上角的回退按钮,会在“我的”和“我的订单”两个页面无限循环

移动端适配问题

postcss-pxtorem能适配华为mate30吗,之前使用px2rem不能适配华为mate30

首页抖动太明显

首页加载的时候,图片加载过程中导致了抖动比较严重,建议给轮播图的容器定高,在访问数据的时候使用skeleton过渡一下,视觉效果会好很多,下面的新品上线在加载的时候,也可以用skeleton组件做下优化。

router-link 的 tag 属性无效

vue-router 4.0.0-beta.13 版本的文档里,router-link 已经没有 tag 属性了,router-link 都会渲染成 a 标签。所以这个属性没有必要写了。

支持 i18n 多语言吗?

目前好象是 中文版本, 请问 支持 多语言么, 比如 英文 / 简体 / 繁体 / ..
如果 不支持, 能否 给出 二次开发 支持 多语言的 建议, 谢谢!

npm install 安装依赖包 报错 ,升级最新npm 版本 也报错,不知道怎么回事

INFO Starting development server...
ERROR Error: Cannot find module 'vue-loader-v16/package.json'
Require stack:
........
Error: Cannot find module 'vue-loader-v16/package.json'
Require stack:
.....
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] serve: vue-cli-service serve
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Edison_\AppData\Roaming\npm-cache_logs\2020-11-10T03_21_27_855Z-debug.log

vue2的思维写vue3?

逻辑与状态管理全都塞在了setup里吗?在这个项目中没看到vue3凸显的优势啊

多语言配置不生效

image

使用多语言的时候,会报 Uncaught TypeError: Object(...) is not a function的错,找不出问题,希望可以帮忙

package.json版本在这
"axios": "^0.20.0",
"better-scroll": "^2.3.0",
"core-js": "^3.6.5",
"js-md5": "^0.7.3",
"lib-flexible": "^0.3.2",
"pushstate-server": "^3.1.0",
"vant": "^3.0.0-beta.5",
"vue": "^3.0.0",
"vue-i18n": "^9.2.2",
"vue-router": "^4.0.0-beta.13",
"vue2-verify": "^1.1.5",
"vuex": "^4.0.0-beta.4"

home 页的header 的显示问题

home首页的headr 会根据滚动条,控制透明,但是感觉只是将背景透明。文字及内容会显示,建议使用v-show 直接根据滚动隐藏与显示header组件,或v-if

无法注册用户啊

在本地(npm run serve)跑这个项目,点击登录,再切换到注册界面。输入账号和密码以及验证码,点击注册的时候提示输入手机号,可是UI没有手机号输入的框啊
QQ截图20210705135512

适配PC浏览器的 前端?

花一天时间项目跑起来了,后端api+vue3_admin+vue3_app / vue2_app。体验还不错。
但我发现,不管是vue2 还是 vue3版本的用户侧前端UI,好像都是for 移动端设计的。
想问下,我看项目readme里面那个适配PC前端的截图,现在还支持吗? 那个是mall-plus的UI?
newbee-mall-plus 和 前后端分离的版本,数据库结构一样不,可以使用同一个数据库不?
Thanks

请教项目如何处理异常请求的?

首先感谢大佬的项目,特别是提供了可以直接访问的服务,方便我这种前端开发直接练手。
不过我看axios的response拦截器,其实,还是有可能走到return Promise.reject(res.data),但是似乎后续都没有对异常进行处理哇?

注册程序有问题

默认的账号密码登录不进去,提示请输入正确的手机号,能解决下吗

登录测试

登录显示请输入正确的手机号,可是没地方输入手机号

首页左上角菜单图标的代码在哪?

前辈你好!我正在学习 vue 3,克隆了你的前端代码,正在学习。
首页左上角菜单图标的代码写在哪儿了?通过浏览我猜测你用的是 vant Icon 自定义图标,但是在代码中没有找到使用 @font-face 引入第三方或自定义的字体图标样式。能帮我解答一下吗?

关于验证码的问题

请问大佬,验证码是为了防止恶意行为设计的,但是此项目中验证码是在前台生成的,那不就是只能骗骗正常用户,对恶意行为没有意义了吗? 恶意行为可以绕过前端验证码直接向后台发送批量的请求进行用户名密码的破解?

由我来提第一个issue的bug

问题类型?

bug

bug的发现地?

product-list页面

出现什么bug?

重复加载了列表

bug复现行为?

快速刷新

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.