mall admin webダウンロード - mall admin webソースコードのダウンロード

mall admin web

その他のカテゴリー

v1.0.0

ダウンロード

モール管理者ウェブ

序文

このプロジェクトはフロントエンドとバックエンドの分離プロジェクトのフロントエンド部分であり、バックエンドプロジェクトのmallアドレスは Portal です。

プロジェクト紹介

mall-admin-web Vue+Element に基づいて実装された、電子商取引バックエンド管理システムのフロントエンドプロジェクトです。主に商品管理、注文管理、会員管理、プロモーション管理、運営管理、コンテンツ管理、統計レポート、財務管理、権限管理、設定などの機能が含まれます。

プロジェクトのデモンストレーション

プロジェクトのオンラインデモのアドレス: https://www.macrozheng.com/admin/

テクノロジーの選択

テクノロジー	説明する	公式ウェブサイト
ヴュー	フロントエンドフレームワーク	https://vuejs.org/
Vueルーター	ルーティングフレームワーク	https://router.vuejs.org/
ビュークス	グローバルな状態管理フレームワーク	https://vuex.vuejs.org/
要素	フロントエンドUIフレームワーク	https://element.eleme.io/
アクシオス	フロントエンドHTTPフレームワーク	https://github.com/axios/axios
V チャート	Echart に基づくチャートフレームワーク	https://v-charts.js.org/
Js-cookie	Cookie管理ツール	https://github.com/js-cookie/js-cookie
進捗	プログレスバーコントロール	https://github.com/rstacruz/nprogress
vue 要素管理者	プロジェクトの足場のリファレンス	https://github.com/PanJiaChen/vue-element-admin

プロジェクトのレイアウト

 src -- 源码目录
├── api -- axios网络请求定义
├── assets -- 静态图片资源文件
├── components -- 通用组件封装
├── icons -- svg矢量图片文件
├── router -- vue-router路由配置
├── store -- vuex的状态管理
├── styles -- 全局css样式
├── utils -- 工具类
└── views -- 前端页面
    ├── home -- 首页
    ├── layout -- 通用页面加载框架
    ├── login -- 登录页
    ├── oms -- 订单模块页面
    ├── pms -- 商品模块页面
    └── sms -- 营销模块页面

組み立て手順

ノードをダウンロードしてインストールします: https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi;
このプロジェクトは、フロントエンドとバックエンドの分離プロジェクトです。ローカルアクセスインターフェイスにアクセスするには、バックエンドプロジェクトポータルを参照して構築する必要があります。
オンラインインターフェイスにアクセスするためにバックエンド環境を構築する必要はありません。config config/dev.env.jsファイルのBASE_API https://admin-api.macrozheng.com に変更するだけです。
mall-swarm マイクロサービスバックエンドに接続している場合は、すべてのインターフェイスにゲートウェイ経由でアクセスする必要があり、 config/dev.env.jsファイルのBASE_API http://localhost:8201/mall- に変更する必要があります。管理者;
ソースコードをローカルに複製し、IDEA で開き、コンパイルを完了します。
IDEA コマンドラインでコマンドnpm installを実行して、関連する依存関係をダウンロードします。
IDEA コマンドラインでコマンドを実行します。 npm run dev 、プロジェクトを実行します。
アドレス: http://localhost:8090 にアクセスして、バックグラウンド管理システムのページを開きます。
具体的な展開プロセスについては、「モールフロントエンドプロジェクトのインストールと展開」を参照してください。
フロントエンドの自動デプロイメントについては、「Jenkins を使用して、ワンクリックでフロントエンドアプリケーションをパッケージ化してデプロイする」を参照してください。これで 6 です。