mall system

モールシステム（バックグラウンド管理あり）

について

Vue2 + ElementUI をベースにしたモール システムで、顧客、販売者、管理者の 3 つのモードがあります。

フロントエンド部分、バックエンド、データベース ファイルは次のとおりです: https://github.com/Hacker-C/mall-system-backend

オンラインアドレス

ユーザーモジュール:

管理者バックエンド モジュール:

販売者モジュール:

(トップに戻る)

テクノロジースタック

• フロントエンド: Vue2 ElementUI Vue Router Axios
• バックエンド: SpringBoot MySQL

(トップに戻る)

開発環境

• Vue： v2.1.6
• vue/cli: v4.5.15
• vue-ルーター: v3.2.0
• Node.js: v16.13.0
• Eチャート: v5.2.2
• 要素UI: v2.4.5

ローカルで実行

1. gitクローン

    git clone [email protected]:Hacker-C/mall-system.git
   

2. npmインストール

    npm install
   

3. 始める

    npm run dev
   

4. 建てる

    npm run build
   

機能実現

顧客モジュール

• ログインウェブサイト
• Web サイトのコンテンツを閲覧する
• このウェブサイトに会員登録する
  • 基本情報を編集する
  • パスワードを変更する
  • 口座金額をリセットする
• 選択した商品をショッピングカートに追加します
  • ショッピングカートを管理する
    • ショッピングカートから商品を削除する
    • ショッピングカートの商品をまとめて購入する
• 商品の購入（注文管理）
  • 注文を送信する
  • 注文の支払い
  • 注文を削除する
  • 注文をキャンセルする
• 購入後の商品の評価
  • 製品を評価する
  • 自分のコメントを削除する
• お気に入り
  • アイテムをコレクションに追加する
  • お気に入りからコンテンツを削除する

(トップに戻る)

販売者モジュール

• 登録して出店申請をする
• 自分のストアを管理する
  • 製品画像をアップロードする
  • 製品を紹介する
  • 商品の価格、残量、割引などの基本情報を編集します。
• 店内商品販売統計
  • 全体の収入を見る
  • 各種商品の売上高や総収益を確認できます
• 注文の管理
  • 注文情報の表示
    • 注文合計金額と注文時間を確認する
    • 注文した商品を発送します
  • 注文ステータスを編集する
    • 注文をキャンセルする
    • 注文品を発送する

(トップに戻る)

管理者モジュール

• 販売者の管理
  • この販売者のすべての商品を表示および削除する
  • ビジネスおよび店舗関連情報の編集
• システムの維持管理
• すべてのユーザーを管理する
  • 顧客や加盟店の基本情報を管理する
  • 顧客および販売者のログインパスワードをリセットする
  • 顧客と販売者をブロックする（ブロックされるとログインできなくなります）
  • 顧客の ID を販売者に変更したり、顧客を管理者にアップグレードしたりするなど、ユーザー ID の役割を管理します。
  • すべてのユーザー コンポーネント (管理者、顧客、販売者) を表示します
• 管理システム
  • 期間限定割引のカウントダウン時間をホームページで管理
  • ホームページ上の商品分類機能の管理
    • 商品カテゴリ名の編集
    • 商品カテゴリの削除
    • 新しい製品カテゴリーを追加
  • 管理体制のお知らせ
    • お知らせの内容を編集する