1 changed files with 66 additions and 34 deletions
-
100README.md
@ -1,59 +1,91 @@ |
|||
# CalendarManager |
|||
# 會議室行事曆管理系統 |
|||
|
|||
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.0.6. |
|||
這是一個基於 Angular 開發的會議室預約和管理系統,提供直觀的行事曆介面來管理會議室預約。 |
|||
|
|||
## Development server |
|||
## 功能特點 |
|||
|
|||
To start a local development server, run: |
|||
- 📅 多視圖行事曆顯示(月、週、日視圖) |
|||
- 🏢 多會議室管理 |
|||
- 🔄 重複會議支援 |
|||
- 🎨 Outlook 風格的事件顯示 |
|||
- 🌏 繁體中文本地化支援 |
|||
- 👥 會議詳細資訊查看 |
|||
- 🔒 權限控制 |
|||
- ⚡ 即時狀態更新 |
|||
|
|||
## 技術需求 |
|||
|
|||
- Angular 17+ |
|||
- Node.js 18+ |
|||
- angular-calendar |
|||
- date-fns |
|||
|
|||
## 安裝說明 |
|||
|
|||
1. 克隆專案: |
|||
```bash |
|||
ng serve |
|||
git clone http://www.origtek.com:2999/juro.hsu/CalendarManager.git |
|||
``` |
|||
|
|||
Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files. |
|||
2. 執行檔案:`00_run_all.bat` |
|||
|
|||
## Code scaffolding |
|||
3. 開啟瀏覽器訪問:`http://localhost:4200/calendar/{UserId}` |
|||
|
|||
Angular CLI includes powerful code scaffolding tools. To generate a new component, run: |
|||
## API 端點 |
|||
|
|||
```bash |
|||
ng generate component component-name |
|||
``` |
|||
系統使用以下 API 端點: |
|||
|
|||
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run: |
|||
- `GET /api/calendar/getAuth` - 驗證使用者權限 |
|||
- `GET /api/calendar/getMeetingRoom` - 獲取所有會議室 |
|||
- `GET /api/calendar/getMeetingApply` - 獲取會議申請列表 |
|||
- `GET /api/calendar/getMeetingApplyById` - 獲取特定會議詳情 |
|||
- `PUT /api/calendar/closeMeeting` - 關閉單一會議 |
|||
- `PUT /api/calendar/closeAllRepeatMeeting` - 關閉所有重複會議 |
|||
|
|||
```bash |
|||
ng generate --help |
|||
``` |
|||
## 主要元件 |
|||
|
|||
## Building |
|||
### CalendarComponent |
|||
|
|||
To build the project run: |
|||
主要的行事曆顯示元件,功能包括: |
|||
- 多視圖切換 |
|||
- 會議室篩選 |
|||
- 事件顯示和管理 |
|||
- 日期導航 |
|||
|
|||
```bash |
|||
ng build |
|||
``` |
|||
### DetailComponent |
|||
|
|||
This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed. |
|||
會議詳情顯示元件,用於: |
|||
- 顯示會議詳細資訊 |
|||
- 處理會議狀態更新 |
|||
|
|||
## Running unit tests |
|||
### CalendarService |
|||
|
|||
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command: |
|||
提供所有與後端 API 的通訊服務,包括: |
|||
- 會議室資料獲取 |
|||
- 會議申請管理 |
|||
- 權限驗證 |
|||
|
|||
```bash |
|||
ng test |
|||
``` |
|||
## 使用說明 |
|||
|
|||
## Running end-to-end tests |
|||
1. 選擇會議室:使用下拉選單選擇特定會議室 |
|||
2. 切換視圖:點擊工具列上的按鈕切換月/週/日視圖 |
|||
3. 查看會議:點擊行事曆上的事件查看詳情 |
|||
4. 關閉會議:具有權限的使用者可以關閉會議 |
|||
|
|||
For end-to-end (e2e) testing, run: |
|||
## 注意事項 |
|||
|
|||
```bash |
|||
ng e2e |
|||
``` |
|||
- 所有時間都基於本地時區 |
|||
- 會議關閉操作需要適當的權限 |
|||
- 重複會議可以選擇關閉單次或全部 |
|||
|
|||
## 授權 |
|||
|
|||
[授權說明] |
|||
|
|||
## 貢獻指南 |
|||
|
|||
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs. |
|||
歡迎提交 Pull Request 或建立 Issue。 |
|||
|
|||
## Additional Resources |
|||
## 聯絡方式 |
|||
|
|||
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page. |
|||
[聯絡資訊] |
Write
Preview
Loading…
Cancel
Save
Reference in new issue