Video hướng dẫn xây dựng trang web bán điện thoại di động dùng ASP.NET MVC 4 và Dependency Injection Design Pattern

**hoaian** · 09-12-2013, 10:19 AM

Chào các bạn [IMG]images/smilies/biggrin.png[/IMG]
Trong video này mình sẽ hướng dẫn các bạn cách xây dựng 1 đồ án web bán điện thoại di động sử dụng MVC 4 và mẫu thiết kế Dependency Injection ( cài đặt với Ninject ). Bởi vì đây là lần đầu tiên mình làm video, và mình cũng hổng có kinh nghiệm giảng dạy gì cả, cho nên việc diễn đạt trong video nhiều lúc bị vấp váp, lủng củng, diễn đạt ko rõ ràng ...v....v... mong các bạn thông cảm chọi gạch đá nhẹ tay thôi

Yêu cầu của đồ án và file script phát sinh CSDL:

Mã:

http://www.mediafire.com/download/kfvrmll7dw801an/Yeu+cau+do+an+_+script+CSDL.rar

Trong video này mình sẽ thiết kế Domain Model theo mô hình 3 lớp, sử dụng mẫu Dependency Injection

Cấu trúc ứng dụng khi nhìn theo kiến trúc phân tầng

Cấu trúc ứng dụng khi nhìn theo mẫu thiết kế Dependency Injection

Dưới đây là các video

Phần 1: Xây dựng bộ khung cho Domain Model

01. Giới thiệu sơ lược về những yêu cầu của đồ án và cấu trúc CSDL

Mã:

Youtube: http://youtu.be/vHixMCPOwqk
http://www.mediafire.com/download/1931q32nxdzoxwy/01.wmv

02. Xây dựng 1 ví dụ đơn giản để tìm hiểu về Dependency Injection

Mã:

Youtube: http://youtu.be/c2ubthCn9nQ
http://www.mediafire.com/download/7561rsa2ex1dbu1/02.wmv
Source code: http://www.mediafire.com/download/8u6slpgg2bcw300/02_Test+Solution.rar

03. Giới thiệu về kiến trúc tổng quan của ứng dụng

Mã:

Youtube: http://youtu.be/bAZBo8LZeVU
http://www.mediafire.com/download/9c9qic8ac9y5vr7/03.wmv

04. Xây dựng 1 ví dụ để tìm hiểu về kiến trúc ứng dụng

Mã:

Youtube: http://youtu.be/Qt4fjdbPDME
http://www.mediafire.com/download/34sl4hmj1e3nmv0/04.wmv
Source code: http://www.mediafire.com/download/8pqo38mmdlf89vk/04_Test%20Solution.rar

05. Tạo các project cần thiết và bắt đầu với việc xây dựng các lớp Model

Mã:

Youtube: http://youtu.be/QsYxm2uFfI8
http://www.mediafire.com/download/vuefguas0qsuhuc/05.wmv
Source code: http://www.mediafire.com/download/4it8ukpebbx08kx/05_MobiShop.rar

06. Xây dựng bộ giao diện Data Interface và tầng Data

Mã:

Youtube: http://youtu.be/VKHKVUZX1iA
http://www.mediafire.com/download/9x9xla7v8w7z6w2/06.wmv
Source code: http://www.mediafire.com/download/dtg1mqs0yxjxxqq/06_MobiShop.rar

07. Xây dựng bộ giao diện Service Interface và tầng Service

Mã:

Youtube: http://youtu.be/kzGjzUSAE5I
http://www.mediafire.com/download/772sw93n2580ukd/07.wmv
Source code:http://www.mediafire.com/download/ava9sy4t49db4np/07_MobiShop.rar

08. Tạo CSDL, cài đặt ninject và tiến hành ánh xạ các thành phần với nhau, giải thích về Domain Model được cài đặt ở 2 video trước

Mã:

Youtube: http://youtu.be/J6EJQvBzXzg
http://www.mediafire.com/download/ze4lo5x263mzs3m/08.wmv
Source code: http://www.mediafire.com/download/1d750t07zp9o4w0/08_MobiShop.rar

Phần 2: Xây dựng WebUI project

Layout mẫu và thư mục ảnh

Mã:

http://www.mediafire.com/download/852fmfk9ypy9tp8/Layout%20va%20image.rar

09. Giới thiệu về Bundle và xây dựng layout

Mã:

Youtube: http://youtu.be/rMNjFovLUIQ
http://www.mediafire.com/download/fysnes9ocw4n255/09.wmv

10. Xây dựng menu nhà sản xuất

Mã:

Youtube: http://youtu.be/PaothnmayyI
http://www.mediafire.com/download/1ax1ls49hqa7vg2/10.wmv

11. Xây dựng trang chủ

Mã:

Youtube: http://youtu.be/ZzQjwJRq_Kc
http://www.mediafire.com/download/c866q6xgjuqc5yj/11.wmv
Source code: http://www.mediafire.com/download/ju039wxw6vg1huq/11_MobiShop.rar

Bổ sung thêm ít video. Đến khổ, trước khi làm video thì suy nghĩ nói cái này nói cái nọ ngon lành lắm, ấy thế mà bước vào làm thật thì bao nhiêu chữ nghĩa bay hết lên mây, lắp ba lắp bắp như gà mắc tóc

12. Sơ lược về Routing

Mã:

Youtube: http://youtu.be/QdOod0abA8M
http://www.mediafire.com/download/4h8xwasc873xxi1/12.wmv

13. Thêm chức năng hiển thị 1 sản phẩm ngẫu nhiên vào phần Header của layout

Mã:

Youtube: http://youtu.be/F-2bWlB4nxs
http://www.mediafire.com/download/stvxj2tobd8dn54/13.wmv

14. Viết 1 custom helper method đơn giản

Mã:

Youtube: http://youtu.be/wA1vIt6_3pE
http://www.mediafire.com/download/bbx78xr6hcnlzzp/14.wmv
Source code : http://www.mediafire.com/download/6xtejilht339d1y/14_MobiShop.rar

Bổ sung thêm bộ phân trang
15. Trang hiển thị sản phẩm theo nhà sản xuất

Mã:

Youtube: http://youtu.be/X_NTm5-vOS0
http://www.mediafire.com/download/q2p9yad941ni23h/15.wmv

16. Sơ lược về chức năng phân trang, xây dựng đối tượng PagingOptions cung cấp thông tin cấu hình cho bộ phân trang

Mã:

http://youtu.be/ooypYK99DP4
http://www.mediafire.com/download/wz6pjxmh3ny4r87/16.wmv

17. Viết custom helper method cho bộ phân trang

Mã:

Youtube: http://youtu.be/jRf_iZEdPA4
http://www.mediafire.com/download/dciqr6wqdnnq4an/17.wmv
Source code : http://www.mediafire.com/download/eghoublhdtq432q/17_MobiShop.rar

Và cuối cùng sẽ là phần .... kêu gọi ủng hộ [IMG]images/smilies/laughing.gif[/IMG] :
Tình hình là vì 1 vài lý do, hiện tại mình đang ở trong tình trạng viêm màng túi khá nghiêm trọng. Nếu video này giúp ích được cho các bạn, vui lòng ủng hộ cho mình bằng cách mua thẻ điện thoại viettel, mobi, vina, hoặc thẻ Gate, cào và gửi mã thẻ + số serial ( dãy số nhỏ, thường là in bên dưới gần mã thẻ ) về cho mình ở địa chỉ email sounj142@gmail.com . À thì .... ưu tiên thẻ Viettel vì hiện tại điện thoại ko còn xu nào [IMG]images/smilies/smile.png[/IMG])

View more random threads:

**longcheng** · 10-12-2013, 04:27 PM

Một số bạn thích video, nhưng mình nghĩ bạn viết tut và chia sẻ chi tiết từng đoạn lệnh, từng tập, từng tập 1 thì sẽ hay hơn.

**ichiase24h** · 10-12-2013, 04:34 PM

Gửi bởi nam.phong

Một số bạn thích video, nhưng mình nghĩ bạn viết tut và chia sẻ chi tiết từng đoạn lệnh, từng tập, từng tập 1 thì sẽ hay hơn.

Theo mình thì viết tut cho ra hồn còn mệt hơn làm video nhiều [IMG]images/smilies/Surprised.gif[/IMG], phải suy nghĩ chỉn chu xem sẽ diễn đạt thế nào, dùng câu từ ra sao, diễn đạt dùng chữ và 1 ít hình ảnh nói chung là khó hơn quay video ( nói ba sàm + video hình ảnh trực quan là xong 1 cái video [IMG]images/smilies/laughing.gif[/IMG] ). Mình vốn dở viết văn nên vô cùng ngại viết [IMG]images/smilies/tongue.png[/IMG]

Khoảng cách giữa việc viết 1 cuốn sách và giảng dạy trên giảng đường cũng thế. Người dạy thì nhiều, nhưng cũng có mấy ai đủ trình độ viết sách, nhất là sách hay

**seo3m** · 31-12-2013, 07:09 PM

Đang kéo xuống bookmark phát nào [IMG]images/smilies/smile.png[/IMG]

**ngocha** · 03-01-2014, 10:35 AM

Đánh dấu phát, hôm nào rảnh ngồi ngâm [IMG]images/smilies/biggrin.png[/IMG]

**thach1990** · 06-01-2014, 04:07 PM

Diễn đàn đã hỗ trợ tag video, bạn nên upload lên youtube và nhúng vào diễn đàn sẽ tốt hơn, còn các source code cố gắng clean cho nhẹ rồi đính kèm vào diễn đàn vì để ở mediafire rất dễ bị mất sau một thời gian.

Xin cảm ơn bạn!

**hoaian** · 26-01-2014, 08:05 AM

Việc trình bày chưa tốt thôi, còn về audio trong video mình thấy cũng khá đấy chứ. Với giọng nói của bạn cũng không tệ, bạn nên nói ngắn gọn hơn, hạn chế phụ từ, bớt nói về chi tiết nhỏ, không nên nói đều đều như đọc, mà nên sử dụng trọng âm, bớt kỹ thuật thì sẽ tốt. Nói chung mình thấy video của bạn Ok, sẽ có nhiều người xem và copy [IMG]images/smilies/1.gif[/IMG], bạn nên giới thiệu nó rộng rãi, và bạn cũng có quyền sử dụng sự ảnh hưởng của cộng đồng C Việt mà. Trong phiên bản tới mình nghĩ sẽ tốt hơn đấy, nên cố gắng chứ không nên nản.

Còn về việc bạn nói theo hướng MVC, mình nghĩ là không nên, vì MVC không phù hợp trong nhiều trường hợp, tạo nên sự nặng nề không cần thiết. Cá nhân mình khi thiết kế, thường mình sử dụng mô hình Hybird (kết hợp từ nhiều mô hình khác nhau), và nhiều hệ thống lớn không thích MVC đâu [IMG]images/smilies/biggrin.png[/IMG] Tất nhiên đó là sự lựa chọn của bạn, không ai có quyền và có thể ngăn cản bạn!

PS: Tiền không phải là tất cả, nhưng nó mua được gần hết mọi thứ. Kiếm tiền là một mục đích chính đáng và tốt đẹp không chỉ cho bản thân mà còn tốt đẹp cho cả xã hội. Billgate từng nói: "Khi bạn có tiền cả thế giới sẽ nhớ đến bạn ngoại trừ bạn, khi bạn không có tiền chẳng ai quan tâm đến bạn cả" [IMG]images/smilies/11.gif[/IMG]

**thedattm** · 26-01-2014, 06:02 PM

Video youtube
01. Giới thiệu sơ lược về những yêu cầu của đồ án và cấu trúc CSDL
http://youtu.be/vHixMCPOwqk
02. Xây dựng 1 ví dụ đơn giản để tìm hiểu về Dependency Injection
http://youtu.be/c2ubthCn9nQ
03. Giới thiệu về kiến trúc tổng quan của ứng dụng
http://youtu.be/bAZBo8LZeVU
04. Xây dựng 1 ví dụ để tìm hiểu về kiến trúc ứng dụng
http://youtu.be/Qt4fjdbPDME
05. Tạo các project cần thiết và bắt đầu với việc xây dựng các lớp Model
http://youtu.be/QsYxm2uFfI8
06. Xây dựng bộ giao diện Data Interface và tầng Data
http://youtu.be/VKHKVUZX1iA
07. Xây dựng bộ giao diện Service Interface và tầng Service
http://youtu.be/kzGjzUSAE5I
08. Tạo CSDL, cài đặt ninject và tiến hành ánh xạ các thành phần với nhau, giải thích về Domain Model được cài đặt ở 2 video trước
http://youtu.be/J6EJQvBzXzg
09. Giới thiệu về Bundle và xây dựng layout
http://youtu.be/rMNjFovLUIQ
10. Xây dựng menu nhà sản xuất
http://youtu.be/PaothnmayyI
11. Xây dựng trang chủ
http://youtu.be/ZzQjwJRq_Kc
12. Sơ lược về Routing
http://youtu.be/QdOod0abA8M
13. Thêm chức năng hiển thị 1 sản phẩm ngẫu nhiên vào phần Header của layout
http://youtu.be/F-2bWlB4nxs
14. Viết 1 custom helper method đơn giản
http://youtu.be/wA1vIt6_3pE
15. Trang hiển thị sản phẩm theo nhà sản xuất
http://youtu.be/X_NTm5-vOS0
16. Sơ lược về chức năng phân trang, xây dựng đối tượng PagingOptions cung cấp thông tin cấu hình cho bộ phân trang
http://youtu.be/ooypYK99DP4
17. Viết custom helper method cho bộ phân trang
http://youtu.be/jRf_iZEdPA4

Đã up xong video, mình kết thúc video này ở đây nha các bạn [IMG]images/smilies/biggrin.png[/IMG]

**namanh** · 26-01-2014, 07:06 PM

Kevin đã hỗ trợ bạn chỉnh chu bài viết cho dễ nhìn, cách bạn trình bày công nhận là không hấp dẫn. Việc sử dụng youtube thì sẽ nặng nhưng sẽ rất tiện cho người dùng khi xem, Kevin đang chỉnh sửa tag Youtube để các bạn có thể nhúng playlist như thế sẽ nhẹ hơn.

Bạn nên chia sẻ bài viết trên facebook, và các trang web để thu hút người xem (tập trung vào một nơi), bạn có thể tham khảo cách làm của thành viên hieubm, bạn ấy đã post một đề tài ở cộng đồng C Việt được hơn 1 triệu lượt xem, theo Kevin biết mỗi tháng thu nhập mấy chục triệu và bạn ấy đã ủng hộ cho diễn đàn cộng đồng C Việt 1 triệu đồng, đến bây giờ bạn ấy 'kiếm tiền bằng nhiều cách lắm'.

**dtphong_1989** · 26-01-2014, 07:33 PM

Cảm ơn Kevin [IMG]images/smilies/biggrin.png[/IMG] Thực ra mình làm video này hổng mơ kiếm xiền đâu, chỉ là sau khi xem 1 ít souce code trên codeplex, hiểu ra được kiến trúc của họ rồi nhất thời cao hứng đi làm video thôi. Kiến thức về sofware architecture của mình khá chắp vá, tại tiếng anh kém, với lại cũng có nhiều chuyện nên bỏ bê 1 thời gian rất dài ko học hành gì. Gần 1 năm nay mới tu tỉnh trở lại >"<, đang theo hướng MVC, khổ cái là sách vở nhiều quá đọc ko hết [IMG]images/smilies/laughing.gif[/IMG] Sách chuyên ngành tiếng Anh thì sau 1 thời gian cố gắng bập bõm với babylon mình đã đọc tàm tạm ( chỉ những sách dễ thôi, sách khó nhiều từ lạ vẫn chịu thua ). Nói chung là vẫn nát lắm

Video này mình làm trong lúc nhất thời cao hứng, giờ chả có ai xem với lại cũng đã mất hứng nên đương nhiên là drop. Với lại mới đọc được 1 ít về sofware architecture, ngẫm lại thấy những gì trình bày trong video vẫn sạn lắm, nên sẽ ko tiếp tục nữa