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/
Vuex	글로벌 상태 관리 프레임워크	https://vuex.vuejs.org/
요소	프런트엔드 UI 프레임워크	https://element.eleme.io/
액시오스	프런트엔드 HTTP 프레임워크	https://github.com/axios/axios
V차트	Echarts 기반의 차트 프레임워크	https://v-charts.js.org/
Js 쿠키	쿠키 관리 도구	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/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!