Lập trình web với asp net mvc net core (báo cáo thực tập)

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

BÁO CÁO THỰC TẬP

LẬP TRÌNH WEB VỚI ASP.NET
& MVC.NET CORE
Cơng ty thực tập
Người phụ trách
Thực tập sinh

: Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG)
: Anh Phạm Nam Long
: Trần Thanh Hải - 18520707

TP. Hồ Chí Minh, tháng 06 năm 2022


LỜI CẢM ƠN
Trước tiên, em xin gửi lời cảm ơn đến quý thầy, cô Trường Đại học Công nghệ Thông tin
– Đại học Quốc gia Thành phố Hồ Chí Minh đã tạo điều kiện tốt cho sinh viên chúng em
được tiếp cận môi trường làm việc doanh nghiệp thông qua học phần Thực tập doanh
nghiệp, giúp chúng em có sự chuẩn bị tốt trước khi chính thức tìm được cơng việc làm
sau khi tốt nghiệp.
Em cũng xin chân thành cảm ơn quý thầy, cô khoa Công nghệ phần mềm đã quan tâm và
hỗ trợ trong q trình tìm vị trí thực tập phù hợp với nguyện vọng và mong muốn của
em.
Kế đến là sự trân trọng của em dành cho Công ty Cổ phần Đầu tư Thế Giới Di Động
(MWG) đã cho em cơ hội được thực tập tại công ty, cũng như nỗ lực đào tạo kỹ năng và
kiến thức cho em để phù hợp với môi trường làm việc chuyên nghiệp. Và lời cảm ơn tới
các anh chị và các bạn trong công ty đã giúp đỡ và hỗ trợ để giúp em đạt được kết quả

tốt nhất trong công việc.
Cuối cùng, em xin cảm ơn các thầy cô trường đại học công nghệ thông tin đã trực tiếp hỗ
trợ và giúp đỡ em trong quá trình thực tập và cung cấp các thông tin cần thiết cùng các
kinh nghiệm quý giá của thầy cho em.
Trân trọng.
Trần Thanh Hải
TpHCM, tháng 06 năm 2022


LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG) đã tạo điều
kiện cho em có cơ hội được thực tập tại công ty.
Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của nhóm trainer, nhóm thực tập
chúng em đã tiếp thu được những kiến thức và kinh nghiệm quan trọng để có thể thực hiện một dự án
trong môi trường chuyên nghiệp. Chân thành cảm ơn các anh chị trong nhóm trainer đã bỏ ra nhiều
thời gian, cơng sức để hướng dẫn chúng em hồn thành đợt thực tập này.
Cũng xin cảm ơn thầy cô trong khoa Cơng nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều kiện
em làm bài báo cáo này.
Trần Thanh Hải
TpHCM, tháng 6 năm 2022


NHẬN XÉT CỦA KHOA
.......................................................................................................................................................... .........
................................................................................................................................................. ..................
........................................................................................................................................ ...........................
............................................................................................................................... ....................................
...................................................................................................................... .............................................
............................................................................................................. ......................................................
.................................................................................................... ...............................................................

........................................................................................... ........................................................................
.................................................................................. .................................................................................
......................................................................... ..........................................................................................
................................................................ ...................................................................................................
....................................................... ............................................................................................................
.............................................. .....................................................................................................................
..................................... ..............................................................................................................................
............................ .......................................................................................................................................
................... ................................................................................................................................................
.......... .........................................................................................................................................................
.


MỤC LỤC
Chương 1: Giới thiệu công ty thực tập

6

Chương 2: Nội dung thực tập

7

Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty
Nguyên cứu kĩ thuật

Các công cụ làm việc
Tìm hiểu cơng nghệ lập trình website hiện đại ASP.NET MVC

8

Bài tập lập trình website quản lí sản phẩm

10

Tiếp tục build sản phẩm và tham gia vào source công ty.

10

TỔNG KẾT

12


Chương 1: Giới thiệu công ty thực tập
Công ty Cổ phần Đầu tư Thế Giới Di Động (MWG) là nhà bán lẻ số 1 Việt Nam về doanh
thu và lợi nhuận, với mạng lưới hơn 4.500 cửa hàng trên toàn quốc. MWG vận hành các chuỗi bán
lẻ thegioididong.com, Điện Máy Xanh, Bách Hố Xanh.
Ngồi ra, MWG cịn mở rộng ra thị trường nước ngoài với chuỗi bán lẻ thiết bị di động và
điện máy tại Campuchia cũng như đầu tư vào chuỗi nhà thuốc An Khang. Năm 2020, thành viên
mới của MWG là 4K Farm ra đời với mục tiêu cung cấp cho người tiêu dùng thực phẩm an toàn
theo chuẩn 4 không (không thuốc trừ sâu, không chất bảo quản, không chất tăng trưởng, không sử
dụng giống biến đổi gen).
MWG tập trung xây dựng dịch vụ khách hàng khác biệt với chất lượng vượt trội, phù hợp
với văn hoá đặt khách hàng làm trung tâm trong mọi suy nghĩ và hành động của công ty.
MWG vinh dự khi liên tiếp lọt vào bảng xếp hạng TOP 50 công ty niêm yết tốt nhất Châu Á
của tạp chí uy tín Forbes và là đại diện Việt Nam duy nhất trong Top 100 nhà bán lẻ hàng đầu
Châu Á – Thái Bình Dương do Tạp chí bán lẻ châu Á (Retail Asia) và Tập đồn nghiên cứu thị
trường Euromonitor bình chọn.
MWG nhiều năm liền có tên trong các bảng xếp hạng danh giá như TOP 500 nhà bán lẻ hàng
đầu Châu Á – Thái Bình Dương (Retail Asia) và dẫn đầu TOP 50 công ty kinh doanh hiệu quả nhất

Việt Nam (Nhịp Cầu Đầu Tư)… Sự phát triển của MWG cũng là một điển hình tốt được nghiên
cứu tại các trường Đại học hàng đầu như Harvard, UC Berkeley, trường kinh doanh Tuck (Mỹ).
Không chỉ là một doanh nghiệp hoạt động hiệu quả được nhìn nhận bởi nhà đầu tư và các tổ
chức đánh giá chuyên nghiệp, MWG còn được người lao động tin yêu khi lần thứ 4 liên tiếp được
vinh danh trong TOP 50 Doanh nghiệp có mơi trường làm việc tốt nhất Việt Nam và là doanh
nghiệp xuất sắc nhất tại giải thưởng Vietnam HR Awards – “Chiến lược nhân sự hiệu quả”.


Chương 2 : Nội dung thực tập
1. Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty
Thời gian : 1 tuần
Nội dung : Giới thiệu về công ty, cách tổ chức của công ty
Được nghe người phụ trách giới thiệu về cơng ty, q trình thành lập và phát triên (như đã nhắc
đến ở trên), quy trình làm việc từ cao xuống thấp, cách thức tổ chức của cơng ty .
Ngồi ra, thực tập sinh cịn được giới thiệu về cách thức làm việc trong công ty như thời gian đi
làm, các quy định cần phải tuân thủ, cách sử dụng email trong công việc…
Kết quả : Tìm hiểu về cơng cụ phát triển website HTML/CSS/JAVASCRIPT và công nghệ mà
công ty sử dụng ASP.NET core.
2. Nghiên cứu kỹ thuật
a. Các công cụ làm việc
Thời gian : 1 Tuần
Nội dung : Tìm hiểu về các cơng cụ sẽ được sử dụng trong quá trình làm việc.
Trong thời gian này, live manager đã hướng dẫn thực tập sinh tìm hiểu về các cơng cụ sẽ giúp
ích cho trong cơng việc sau này và thực hành 1 project nhỏ.
Các công cụ cần thiết trong việc phát triển sản phẩm bao gồm:
- Visual Studio 2019 / Visual Studio 2022: Text editor được sử dụng chính trong
q trình phát triển
sản phẩm
- Git, Gitlab, CI/CD: Công cụ quản lý source code, deploy, integration
- Sử dụng Figma để thiết kế website

Thực hiện : Học lý thuyết và ứng dụng các công cụ trên
Kết quả: Hồn thành được 1 project nhỏ: />b. Tìm hiểu về các cơng cụ sẽ được sử dụng trong q trình làm việc.
Thời gian : 2 tuần
Nội dung :
Được training về cách sử dụng .NET MVC trong việc viết code, cách viết code sạch dễ
bảo trì tái sử dụng.


-

ASP.NET MVC:

Là một framework tuyệt vời hỗ trợ pattern MVC cho ASP.NET. Nếu bạn muốn hiểu ASP.NET
MVC làm việc như thế nào, bạn cần phải có một sự hiểu biết rõ ràng về mơ hình MVC. MVC
là cụm từ viết tắt của Model-View-Controller, nó phân chia pattern của ứng dụng thành 3 phần
- model, controller và view.
-

Razor Page:

Razor Page là một phần của ASP.NET, nó cho phép bạn bạn viết code C# trong một văn bản
HTML (nói cách khác bạn có thể trộn giữa HTML và code C# trong một file). Các file này có
phần mở rộng .cshtml. Ứng dụng dùng Razor Page giúp bạn tập trung vào code tạo trang, phát
triển nhanh và dễ dàng hơn mơ hình MVC. Hãy cố gắng sử dụng thành thạo Razor Page, nó
làm cơ sở để phát triển mơ hình lập trình phức tạp hơn là MVC ở các phần sau
View Component:
View Component nó giống như Partial View, Partial Page, chúng cung cấp khả năng phát sinh
HTML được sử dụng lại nhiều lần, trong nhiều trang. Nếu có thể sử dụng View Component thay
cho Partial View, Partial Page.
Layout trong ASP.NET core:

Trong ứng dụng Web thường là có nhiều trang, mà các trang này có thể có những thành phần giống
nhau trên trang, như giống nhau phần header, footer, menu điều hướng ... Do vậy, để tránh mỗi
trang lại phải tạo những thành phần này lại cho trang đó thì cần có cơ chế tạo một bố cục chung,
các trang chia sẻ cùng bố cục. Đó là Layout trong ASP.NET Core.
Thực hiện :
Sử dụng mơ hình MVC ASP.NET trong dự án. Commit và được review code bởi live
manager và các thành viên trong team
Kết quả :
-

Nắm vững cách sử dụng cơ bản mơ hình MVC, ASP.NET core 6.0 và có thể sử dụng trong
dự án
Có thể sử dụng về cơ bản MVC, ASP.NET, có thể phân chia các components, chia task
thành các công việc nhỏ để mọi người làm việc chung và dễ quản lý
c. Sử dụng jQuery, Javascript, các thư viện.
Nội dung: jQuery là thư viện javascript nổi bật nhất, phổ biến nhất trong lập trình web.
Ra đời vào năm 2006 bởi John Resig. Nó đã trở thành một thành phần khơng thể thiếu trong các
website có sử dụng Javascript. Với slogan “Write less – Do more” (viết ít hơn – làm nhiều hơn)


nó đã giúp lập trình viên tiết kiệm được rất nhiều thời gian và công sức trong việc thiết kế
website.


3. Thực hiện :
Sử dụng HTML, CSS, bootstrap để cấu hình lên trang web.
Hiểu và áp dụng được mơ hình MVC trong ASP.NET core.
Sử dụng jQuery để call ajax, thư viện owl-carousel trong dự án.
Sử dụng Github để commit và được review code bởi live manager và các thành viên
trong team

Kết quả :
-

Nắm vững cách sử dụng jQuery để call ajax, thư viện owl-carousel và có thể sử dụng trong
dự án

-

Nắm vững được mơ hình MVC, ASP.NET core.

-

Biết cách sử dụng Github để đáp ứng yêu cầu công việc

-

Biết cách responsive giao diện với bootstrap
4. Bài Tập Lập trình website Avakids quản lý sản phẩm

Nội dung: Thông qua bài tập này giúp em được luyện tập kĩ hơn về các cơng nghệ của cơng ty
MVC, ASP.NET core để từ đó có sự đánh giá của Mentor
Thực Hiện:
- Áp dụng tốt các công nghệ , sử dụng phân chia các components, partial hiệu
quả trong MVC để tối ưu hiệu quả, đồng thời khiến code dễ bảo trì và sử dụng
- Ứng dụng được jQuery, call ajax, owl-carousel, lần lượt tạo các hiệu ứng slide
cho website.
Kết quả: Về cơ bản đã đáp ứng được các yêu cầu của mentor đặt ra, và phát triển thêm các tình
năng mới
Link Github Sản phẩm: />5. Bài Tập Lập trình website Avakids quản lý sản phẩm

Nội dung: Áp dụng cơng nghệ sẵn có tiếp tục xây dựng chức năng filter. Filter các sản phẩm có sẵn
trong trang web


Thực Hiện: - Vẫn đang thực hiện
Kết quả: Về cơ bản đáp ứng các yêu cầu đặt ra, tuy nhiên vẫn còn 1 vài vấn đề để áp dụng vào
thực tế website công ty
Link Github Sản phẩm: />

6. Lịch làm việc
Thá
ng

Công việc

Người hướng
dẫn

1

Làm quen team,
các công nghệ sử
dụng, làm 2 bài
tập ứng dụng
MVC, ASP.NET
core

Phạm Nam
Long

2

Tiếp tục buil sản
phẩm và join vào
source cơng ty.

Phạm Nam
Long

Mức độ
hồn
thành
95%

95%

Nhận xét của
người hướng
dẫn


TỔNG KẾT
Sau gần 2 tháng thực tập tại MWG, em đã may mắn được tham gia vào các dự án thực tế (1 dự
án) chứ không chỉ là các project mẫu. Q trình học hỏi và làm việc tại cơng ty dù có hơi áp lực
nhưng đã đem lại cho em rất nhiều kiến thức, tư duy, kinh nghiệm cả về quá trình thực hiện dự
án lẫn trong cách làm việc và giao tiếp.
Chân thành cảm ơn sự giúp đỡ của anh Long cũng như các thành viên của team web Avakids,
và công ty MWG đã tạo môi trường và giúp đỡ cho em trong suốt quá trình thực tập.
Cảm ơn khoa CNPM đã tạo điều kiện cho em hoàn thành bài báo cáo này.

TRẦN THANH HẢI