rajibhalder/admission_ui_server

学校招生门户网站

镜像概述和主要用途

本镜像为学校招生门户网站的前端应用，基于Angular CLI 8.2.2生成，用于构建和部署招生流程相关的用户界面。该应用支持完整的前端开发流程，包括开发调试、代码生成、构建优化及测试验证。

核心功能和特性

• 基于Angular CLI 8.2.2构建，遵循Angular框架最佳实践
• 开发服务器支持热重载，修改源代码后自动刷新应用
• 内置代码脚手架工具，可快速生成组件、指令、服务等 Angular 元素
• 支持生产环境构建，自动优化输出文件大小和加载性能
• 集成Karma测试框架进行单元测试，Protractor进行端到端测试

使用场景和适用范围

适用于教育机构搭建在线招生门户，为学生提供招生信息浏览、申请材料提交等功能，同时支持开发团队进行前端功能迭代和测试验证。

使用方法和配置说明

开发服务器

启动开发服务器进行实时调试：

bash
ng serve

服务启动后，访问 http://localhost:4200/ 即可查看应用。修改源代码后，应用将自动重新加载。

代码脚手架

生成新组件：

bash
ng generate component component-name

也可生成其他类型的 Angular 元素：

bash
ng generate directive|pipe|service|class|guard|interface|enum|module

（将 directive|pipe|... 替换为具体类型，如 directive 生成指令）

项目构建

构建项目（产物存储在 dist/ 目录）：

bash
ng build

生产环境构建（启用代码压缩和优化）：

bash
ng build --prod

单元测试

通过 Karma 执行单元测试：

bash
ng test

端到端测试

通过 Protractor 执行端到端测试：

bash
ng e2e

进一步帮助

获取 Angular CLI 详细帮助：

bash
ng help

或参考 https://github.com/angular/angular-cli/blob/master/README.md%E3%80%82

Docker 部署示例

Dockerfile

dockerfile
# 构建阶段
FROM node:14 as build
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build --prod

# 部署阶段
FROM nginx:alpine
COPY --from=build /app/dist/school-admission-portal /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

docker-compose.yml

yaml
version: '3'
services:
  admission-portal:
    build: .
    ports:
      - "80:80"
    restart: always