WeChat ミニ プログラム オンライン ショッピング システム

1. システム紹介

本システムは、WeChatアプレットをテンプレートとして開発され顧客が利用するフロントエンドと、現在企業で普及しているSpringbootフレームワークを利用したバックエンドを分離したオンラインショッピングシステムです。バックエンドもhtmlとcssをベースにシステムを開発しています. jsのバックエンド管理ページは管理者やマネージャー向けに開発されています. インターフェースはすっきりとエレガントでシンプルで美しく, 充実した機能を備えています.卒業目的と商業目的の両方。

2. 機能紹介

1. フロントエンド WeChat アプレット

(1) ホームページ

ホームページの上部は、ループで再生される製品カルーセルで、中央に検索ボックスがあります。下部には、推奨製品、売れ筋製品、およびサイト上のすべての製品が表示されます。各製品には価格とマークが付いています。販売量。(商品写真を探すのが面倒なので風景写真だけアップしました。無害です)
ここに画像の説明を挿入します

(2) 分類

カテゴリページの上部はループする製品カルーセルのままで、下部は 2 つの部分に分かれており、左側は製品カテゴリ、右側は製品名、価格、販売など、対応するカテゴリの製品情報です。音量。
ここに画像の説明を挿入します

(3) ショッピングカート

购物车页面如下,

ここに画像の説明を挿入します

(4) 鉱山

パーソナル センターには注文とリチャージの機能があり、注文には支払い保留、受け取り保留、キャンセル、発送保留、完了、返品というさまざまなステータスがあります。
ここに画像の説明を挿入します

2. バックエンド管理ページ

(1) システムホームページ

バックエンド管理システムのホームページでは、上位 4 つの統計には、総ユーザー数、総コメント数、総トランザクション量、総販売量が含まれます。以下に 2 つの円グラフがあります。左側の円グラフは各製品カテゴリの合計売上高、右側の円グラフはカテゴリの合計売上高です。
ここに画像の説明を挿入します

(2) 利用者情報

追加、削除、編集、検索の 4 つの基本機能。
ここに画像の説明を挿入します

(3) 発表情報

管理者は、フロントエンド ユーザーが閲覧できるお知らせを公開します。
ここに画像の説明を挿入します

(4) 製品カテゴリー

追加、削除、編集、検索の 4 つの基本機能。
ここに画像の説明を挿入します

(5) 商品詳細

5 つの基本機能: 追加、削除、編集、検索、プレビュー。
ここに画像の説明を挿入します

(6) 注文情報

機能を出荷または削除します。
ここに画像の説明を挿入します

(7) ショッピングカート情報

删除功能

ここに画像の説明を挿入します

(8) コメント情報

削除機能と検索機能。
ここに画像の説明を挿入します

(9) 個人情報

個人の基本情報を変更します。
ここに画像の説明を挿入します

(10) パスワード変更

パスワード変更機能。
ここに画像の説明を挿入します

(11) ログアウト

終了機能。
ここに画像の説明を挿入します

(12) パスワードを忘れた場合

パスワードリセット機能。

ここに画像の説明を挿入します

3. ソースコードが必要な場合は、プライベートメッセージを送信してください。

おすすめ

転載: blog.csdn.net/qq_52431815/article/details/131132063