Coder Social home page Coder Social logo

wayn111 / waynboot-mobile Goto Github PK

View Code? Open in Web Editor NEW
200.0 3.0 88.0 5.66 MB

waynboot-mall是一套全部开源的微商城项目,包含一个运营后台、h5商城和后台接口。实现了一个商城所需的首页展示、商品分类、商品详情、商品搜索、加入购物车、结算下单、订单状态流转等一系列功能。waynboot-mall的h5商城界面

License: MIT License

JavaScript 45.92% HTML 0.21% Vue 52.79% SCSS 0.98% CSS 0.10%
mall springboot2 vant-ui vue mybatis redis rabbitmq elastic waynboot

waynboot-mobile's Introduction

waynboot-mall项目

waynboot-mall是一套全部开源的微商城项目,包含一个运营后台、h5商城和后台接口。 实现了一个商城所需的首页展示、商品分类、商品详情、sku详情、商品搜索、加入购物车、结算下单、订单状态流转、商品评论等一系列功能。 技术上基于Springboot2.0,整合了Redis、RabbitMQ、ElasticSearch等常用中间件, 贴近生产环境实际经验开发而来不断完善、优化、改进中。

waynboot-mobile

  • 基于vue2 + VantUI开发的h5商城
  • 提供一般商城项目所需要的基本功能
  • vw 移动端适配,css 预处理器,浏览器默认样式处理
  • axios响应拦截,统一异常处理
  • 支持svg-icon 图标组件

如果有任何使用问题,欢迎提交Issue或加wx告知,方便互相交流反馈~ 💘。最后,喜欢的话麻烦给我个star

关注我的公众号:程序员wayn,专注技术干货输出、分享开源项目。回复关键字:

  • 加群:加群交流,探讨技术问题。
  • 演示账号:获得 waynboot-mall 商城后台演示账号。
  • 开源项目:获取我写的三个开源项目,包含PC、H5商城、后台权限管理系统等。
  • wayn商城资料:获取wayhboot-mall项目配套资料以及商城图片压缩包下载地址。
  • 加微信:联系我。


文件目录

|-- public                // public
|-- config                // config配置文件
|-- src
|   |-- api               // 接口列表
|   |-- assets            // 图片资源
|   |-- components        // 公共组件
|   |-- filter            // 全局过滤器
|   |-- icons             // svg图标
|   |-- router            // 路由
|   |-- store             // vuex
|   |-- styles            // 公共样式
|   |-- types             // 文件声明
|   |-- utils             // 工具函数
|   |-- views             // 商城各级页面
|   |   |-- ....          // ...
|   |-- App.vue           // 主页面
|   |-- main.js           // 入口文件
|   |-- permission.js     // 权限控制文件
|-- .eslintrc.js          // eslint配置
|-- babel.config.js       // babel配置文件
|-- jsconfig.config.js    // vscode配置文件
|-- env.development       // 开发环境配置
|-- env.production        // 生产环境配置
|-- jsconfig.config.js    // vscode配置文件
|-- package.json          // 客户端依赖
|-- postcss.config.js     // postcss配置文件
|-- vue.config.js         // vue相关配置文件
|-- ...

本地开发

# 前置准备
下载 nodejs v16.20.1 版本

# 克隆项目
git clone [email protected]:wayn111/waynboot-mobile.git

# 进入项目目录
cd waynboot-mobile

// 清空缓存
npm cache clean --force

// 切换新淘宝源
npm config set registry https://registry.npmmirror.com

# 安装依赖
npm install

# 启动服务
npm run dev

在线体验

演示地址以及账号:关注我的公众号【程序员wayn】,发送 演示账号

演示gif

Alt text

waynboot-mall交流群

关注我的公众号【程序员wayn】,发送 加群,拉你进我的技术交流群

感谢

捐助

如果这个项目对你有所帮助,不如请作者喝杯咖啡吧

waynboot-mobile's People

Contributors

chenkeao avatar ewall1106 avatar wayn111 avatar wswmsword 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

waynboot-mobile's Issues

是否考虑桌面端可访问性

你好 wayn111,vw 适配会导致大屏大字问题,在桌面端和横屏时变得难以访问。请问是否考虑优化宽屏的移动端视图的可访问性,正好我最近写了个插件,postcss-mobile-forever,这个插件可以限制最大宽度,同时也使用 vw 实现可伸缩的移动端视图,同时“限制宽度”这个特性也是可选的,最终是否适配桌面端的决定权在于开发者,如果不适配,使用插件表现的效果将和 px-to-viewport 一样。

如果需要的话,我可以给您提一个 PR。

想要联系一下

你好, 最后提供的QQ群链接, 跳转不成功, 一直没有加上, 方便这里留个联系方式么, 我的qq是1562155970

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.