Introduction
Недавно я писал React, а Vue некоторое время не писался, поэтому я воспользовался этим временем, чтобы разработать небольшой проект Vue для практики.
В молодости я проходил стажировку в компании, занимающейся электронной коммерцией, поэтому я все еще планирую написать небольшой проект, связанный с электронной коммерцией, который можно рассматривать как резюме. Так что на этот раз я хорош в корзине для покупок Amoy H5.ПроектGitHub
Все данные являются реальными данными с Taobao, и потребовалось время, чтобы определить структуру данных. Наработок от всего проекта еще много, а пит-поинты будут постепенно суммироваться.личный блогвнутри.
Потому что у меня под рукой только 6s Plus, поэтому я только что протестировал его в Safari и Chrome на этом телефоне. Вопросы приветствуются, чтобы поднять проблемы.
Имитация ручной тележки для покупок Tao H5, мобильный телефон сканирует QR-код напрямую ️
Tips
Электронная коммерция имеет две концепции: одна — SPU (стандартная единица товара), а другая — SKU (единица хранения).
Среди них SPU — это независимый товар, такой как iPhone Xs, такой как MacBook Pro.
SKU — это единица сочетания типов самостоятельного продукта.В качестве примера возьмем iPhone Xs.Пусть у этого телефона два атрибута соответственно
да颜色а также容量存储, при условии, что黑、白、金три цвета,16G 和 64GДва емкости хранения, что означает iPhone XS
Есть шесть комбинаций, и эти шесть комбинаций будут不同的价格,разные货存量, извращенные и разные促销方式.
Usage
### Project setup
yarn install
### Compiles and hot-reloads for development
yarn run serve
### Compiles and minifies for production
yarn run build
Для тестовых данных вы можете ввестиsrc/assets/mock/data.jsИзмените его, а затем скопируйте данные консоли вpublic/data.jsonв. Но убедитесь,storeIdа такжеskuIdуникальность.
Screenshot
License
Shopping-Cart-H5 is MIT licensed.