Skip to content

基于vue+nodejs+bootstrap的购物商城(参考小米商城)

Notifications You must be signed in to change notification settings

Septemus/vue_xiaomi_store

Repository files navigation

基于Vue+NodeJs的小米商城

前言

这是我使用Vue和NodeJs进行实战的一个项目,我选择了小米商城进行仿制,我从2023年8月份开始制作,断断续续做了很久现在做的差不多了,分享出来希望带给大家启发!目前项目还有不少bug和待完善功能,欢迎大家批评指正。

本项目参考了小海同学Store(参考小米商城)

本项目前后端分离,前端基于Vue仿制小米商城 实现,后端代码已上传至仓库vue_xiaomi_store_backend

项目通过腾讯云部署到了 http://122.51.116.11/ (移动端和桌面端都已适配),欢迎大家访问!

我正在学习前端,会不定期的更新完善该项目,日后可能更换技术栈(比如现在是基于Vue2,日后可能基于Vue3)。如果您发现问题欢迎在Issue或是在我博客评论区留言!

如果您喜欢这个项目请点击右上角⭐支持一下, 谢谢!

项目简介

前端基于

  • Vue2
  • Vuex
  • Vue-Router
  • Bootstrap
  • Swiper

后端基于

  • NodeJs
  • Express框架
  • Mysql

网站静态资源爬取

  • NodeJs
  • cheerio
  • Selenium

前端页面根据功能主要分为主页,商品详情,购物车,个人中心。

运行说明

1. Clone project

git clone https://github.com/Septemus/vue_xiaomi_store.git

2. Project setup

cd vue_xiaomi_store
npm i

3. Compiles and hot-reloads for development

npm run serve

4. Compiles and minifies for production

npm run build

页面截图

About

基于vue+nodejs+bootstrap的购物商城(参考小米商城)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published