Skip to content

Commit ed53b63

Browse files
duynghiadevduynghiadev
committed
2. Tích hợp Bootstrap 5 vào dự án Angular, chỉnh giao diện trang Home
1 parent a69d839 commit ed53b63

File tree

6 files changed

+73
-24
lines changed

6 files changed

+73
-24
lines changed

‎shopapp-angular/src/app/app.module.ts

Lines changed: 25 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,37 @@
11
import { NgModule } from '@angular/core';
22
import { BrowserModule } from '@angular/platform-browser';
3-
import { HomeComponent } from './home/home.component';
4-
import { HeaderComponent } from './header/header.component';
5-
import { FooterComponent } from './footer/footer.component';
6-
import { DetailProductComponent } from './detail-product/detail-product.component';
7-
import { OrderComponent } from './order/order.component';
8-
import { OrderConfirmComponent } from './order-confirm/order-confirm.component';
9-
import { LoginComponent } from './login/login.component';
10-
import { RegisterComponent } from './register/register.component';
3+
// import { HomeComponent } from './home/home.component';
4+
// import { HeaderComponent } from './header/header.component';
5+
// import { FooterComponent } from './footer/footer.component';
6+
// import { DetailProductComponent } from './detail-product/detail-product.component';
7+
// import { OrderComponent } from './order/order.component';
8+
// import { OrderConfirmComponent } from './order-confirm/order-confirm.component';
9+
// import { LoginComponent } from './login/login.component';
10+
// import { RegisterComponent } from './register/register.component';
11+
import { TestComponent } from './test/test.component';
1112

1213
@NgModule({
1314
declarations: [
14-
HomeComponent,
15-
HeaderComponent,
16-
FooterComponent,
17-
DetailProductComponent,
18-
OrderComponent,
19-
OrderConfirmComponent,
20-
LoginComponent,
21-
RegisterComponent,
15+
// HomeComponent,
16+
// HeaderComponent,
17+
// FooterComponent,
18+
// DetailProductComponent,
19+
// OrderComponent,
20+
// OrderConfirmComponent,
21+
// LoginComponent,
22+
// RegisterComponent,
23+
TestComponent,
2224
],
2325
imports: [BrowserModule],
2426
providers: [],
2527
bootstrap: [
26-
HomeComponent,
27-
DetailProductComponent,
28-
OrderComponent,
29-
OrderConfirmComponent,
30-
LoginComponent,
31-
RegisterComponent,
28+
// HomeComponent,
29+
// DetailProductComponent,
30+
// OrderComponent,
31+
// OrderConfirmComponent,
32+
// LoginComponent,
33+
// RegisterComponent,
34+
TestComponent,
3235
],
3336
})
3437
export class AppModule {}

‎shopapp-angular/src/app/test/test.component.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<style>
2+
.intro-section {
3+
text-align: center;
4+
color: white;
5+
padding: 20px;
6+
}
7+
</style>
8+
9+
<div class="container">
10+
<div class="intro-section">
11+
<h1>Đây là trang Home</h1>
12+
<p>Trang này hiển thị danh sách các sản phẩm, kèm ảnh</p>
13+
<p>Các bạn có thể chọn xem sản phẩm và mua hàng tại đây</p>
14+
</div>
15+
<!-- Đoạn này có 1 ô search box bên trái, 1 combox bên phải -->
16+
</div>

‎shopapp-angular/src/app/test/test.component.scss

Whitespace-only changes.

‎shopapp-angular/src/app/test/test.component.spec.ts

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import { ComponentFixture, TestBed } from '@angular/core/testing';
2+
3+
import { TestComponent } from './test.component';
4+
5+
describe('TestComponent', () => {
6+
let component: TestComponent;
7+
let fixture: ComponentFixture<TestComponent>;
8+
9+
beforeEach(() => {
10+
TestBed.configureTestingModule({
11+
declarations: [TestComponent]
12+
});
13+
fixture = TestBed.createComponent(TestComponent);
14+
component = fixture.componentInstance;
15+
fixture.detectChanges();
16+
});
17+
18+
it('should create', () => {
19+
expect(component).toBeTruthy();
20+
});
21+
});

‎shopapp-angular/src/app/test/test.component.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import { Component } from '@angular/core';
2+
3+
@Component({
4+
selector: 'app-test',
5+
templateUrl: './test.component.html',
6+
styleUrls: ['./test.component.scss'],
7+
})
8+
export class TestComponent {}

‎shopapp-angular/src/index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,12 @@
1515
</head>
1616

1717
<body>
18-
<app-home></app-home>
18+
<app-test></app-test>
19+
<!-- <app-home></app-home>
1920
<app-detail-product></app-detail-product>
2021
<app-order></app-order>
2122
<app-order-confirm></app-order-confirm>
2223
<app-register></app-register>
23-
<app-login></app-login>
24+
<app-login></app-login> -->
2425
</body>
2526
</html>

0 commit comments

Comments
 (0)