rajibhalder/ecom-admin-front

MultikartBackend 电商管理后台前端镜像

镜像概述

本镜像对应MultikartBackend电商管理后台的前端项目，基于Angular CLI 9.1.1生成，包含项目开发、构建、测试所需的基础环境与命令说明，可快速支撑电商后台前端系统的开发与部署工作。

核心功能

1. 开发服务器启动：通过ng serve启动本地开发服务器，支持代码热更新
2. 代码脚手架生成：使用ng generate命令快速创建组件、指令、服务等Angular元素
3. 项目构建：通过ng build生成开发或生产环境的构建产物
4. 单元测试：利用Karma执行单元测试验证代码逻辑
5. 端到端测试：通过Protractor进行全流程端到端测试

使用场景

• 电商管理后台前端系统的本地开发与调试
• 前端项目的构建打包与测试验证
• 快速搭建标准化的电商前端开发环境

配置说明

开发服务器启动

bash
ng serve

启动后访问http://localhost:4200，修改代码将自动重载。

代码生成

bash
# 生成组件
ng generate component component-name
# 生成其他元素（指令/管道/服务等）
ng generate directive|pipe|service|class|guard|interface|enum|module

项目构建

bash
# 开发环境构建
ng build
# 生产环境构建（优化打包）
ng build --prod

构建产物存储于dist/目录。

测试执行

bash
# 单元测试
ng test
# 端到端测试
ng e2e

Docker部署示例

Docker Run命令

bash
docker run -d -p 4200:4200 -v $(pwd):/app rajibhalder/ecom-admin-front ng serve --host 0.0.0.0

说明：挂载本地项目目录到容器/app，暴露4200端口并启动开发服务器。

Docker Compose示例

yaml
version: '3'
services:
  ecom-admin-front:
    image: rajibhalder/ecom-admin-front
    ports:
      - "4200:4200"
    volumes:
      - ./your-project-dir:/app
    command: ng serve --host 0.0.0.0