以前、多くの友人がモールプロジェクトにフロントエンドモールシステムがあるのかと尋ねましたが、皆が今でもモールプロジェクトのフロントエンドモールシステムを楽しみにしていることがわかります。最近、フロントエンドモールシステムの機能改善に時間をかけて、注文プロセス全体をサポートできるようになりました。フロントエンドモールシステムをオープンソース化しており、プロジェクトのアドレスは記事の最後にありますが、今日はモールプロジェクトのフロントエンドモールシステムについてお話します！
プロジェクト紹介
mall-app-webmall導入をベースとしたプロジェクトのフロントエンドモールシステムですuni-app。これには主に、ホームページポータル、製品推奨、製品検索、製品表示、ショッピングカート、注文プロセス、メンバーセンター、カスタマーサービス、ヘルプセンターおよびその他の機能が含まれます。
モール プロジェクトは SpringBoot + Vue + uni-app をベースにした完全な電子商取引システムであり、完全な注文プロセスをサポートできます. バックエンド プロジェクトと管理システムのフロントエンドのアドレスは次のとおりです。
- バックエンド プロジェクト モール (Github star 60K): github.com/macrozheng/…
- 管理システム フロントエンド プロジェクト mall-admin-web (Github star 10K): github.com/macrozheng/…
プロジェクトのデモ
ここでは、機能の簡単なデモを紹介します
mall-app-webが、それでも非常に完成度が高いです。
- モールホームページ機能
- 商品分類機能
- ショッピングカート機能
- 会員センター機能
- ブランド詳細特集
- 製品詳細 機能
- 注文機能の作成
- 私の注文機能
注文の流れ
現在、フロントエンドモールシステムはすでに完全な注文プロセスをサポートできており、具体的なプロセスは以下の図を参照できます。
オンライン デモ アドレスにアクセスして効果を体験することもできます。デモ アドレス: www.macrozheng.com/app/
テクノロジーの選択
| テクノロジー | 説明する | 公式ウェブサイト |
|---|---|---|
| ヴュー | コアフロントエンドフレームワーク | vuejs.org |
| Vuex | グローバル状態管理フレームワーク | vuex.vuejs.org |
| ユニアプリ | モバイル フロントエンド フレームワーク | uniapp.dcloud.io |
| ミックスモール | Eコマースプロジェクトテンプレート | ext.dcloud.net.cn/plugin?id=2… |
| ランチリクエスト | HTTPリクエストフレーム | github.com/lei-mu/luch… |
機能構造
フロントエンドモールシステムの具体的な機能については、下図をご参照ください。
プロジェクトアドレス
オープンソースは簡単ではありません。プロジェクトに貢献するすべての人がプロジェクトを
点个Star認識し、サポートすることになります。