This project is the frontend of the PKU-DAIR Team Portal Website (accessible at pkudair.site).

The website serves as an integrated portal platform for academic teams, designed to support presentation, communication, and management. Its main purposes include:

• Displaying the team’s research directions, scientific achievements, and latest updates;
• Managing and showcasing team members’ profiles and academic resumes;
• Maintaining and updating research projects, publications, and news;
• Providing visualized editing and management tools to enhance usability and scalability.

The project is developed using the Vue framework and follows the Microsoft Fluent Design System, offering a modern interface and high usability.

PKU-DAIR-Frontend/
├── docs/                  # Project documentation and resources
│   └── assets/            # Images and static resources
│
├── nginx/                 # Nginx configuration for Docker deployment
│   └── nginx.conf         # Server routing and static resource setup
│
├── public/                # Static entry files for the Vue app
│
├── src/                   # Source code directory
│   ├── components/        # Common components
│   ├── views/             # Page components
│   ├── router/            # Routing configuration
│   ├── store/             # State management
│   └── assets/            # Local static assets (icons, styles, etc.)
│
├── babel.config.js        # Babel configuration
├── docker-compose.yml     # Docker Compose configuration (port mapping, etc.)
├── Dockerfile             # Docker build file
├── global.d.ts            # Global TypeScript type definitions
├── vue.config.js          # Vue CLI configuration
└── package.json           # Project dependencies and package settings

yarn

yarn serve

yarn build

yarn lint

1. Build the project

   yarn build

2. Modify deployment port (edit docker-compose.yml)

   version: '3'
   services:
     web:
       build: .
       ports:
         - "60081:80"
       restart: always

3. Start the container

   docker compose up -d --build

1. Build the project

   yarn build

2. Copy the dist/ directory to your server’s deployment path

3. Configure Nginx based on nginx/nginx.conf and start the service

This project is built upon VFluent.

This project is licensed under the Apache License 2.0.