vue xiaomi

プロジェクト紹介

これは、主要な機能ポイントを達成するために Xiaomi Mall を模倣する電子商取引プロジェクトです。

フロントエンドには、ホームページ、ログイン、登録、すべての製品、製品詳細ページ、会社概要、私のコレクション、ショッピング カート、注文決済ページ、注文とエラー処理ページの 11 ページが含まれています。

商品表示、商品分類照会、商品キーワード検索、商品詳細情報表示、ログイン、登録、ユーザーショッピングカート、注文決済、ユーザー注文、ユーザーお気に入りリスト、エラー処理機能を実装します。

バックエンドは、フロントエンドが必要とするデータ サブモジュールに基づいて、対応するインターフェイス、制御層、およびデータ永続層を設計します。

テクノロジースタック

• フロントエンド: Vue + Vue-router + Vuex + Element-ui + Axios

• バックエンド: Node.js 、 Koa框架

• データベース: Mysql 、 redis

バックエンドプロジェクトの配信アドレス: xiaomi-server

バックエンド プロジェクトを実行するには、構成手順を参照してください。ローカル データベースmysql、redisサービス、および対応するポートが開いていることを確認してください。

機能モジュール

• ログイン
• 登録する
• フロントページ
• すべての製品
• 商品詳細ページ
• 私のショッピングカート
• 注文決済
• 私のコレクション
• 私の注文

プロジェクトを実行する

 1. Clone project

git clone https://github.com/root-lucas/vue-xiaomi

2. Project setup

cd vue-store
npm install

3. Compiles and hot-reloads for development

npm run serve

4. Compiles and minifies for production

npm run build

このプロジェクトが良いと思われた場合は、右上隅のStarクリックしてサポートしてください。ありがとうございます。 ^_^

プロジェクトページのスクリーンショット

フロントページ

すべての製品

ショッピングカート

私のコレクション

私の注文

ログイン

登録する