Xây dựng website thương mại điện tử sử dụng mô hình ASP NET MVC 3

 Việc xây dựng trang web bán sản phẩm trực tuyến là điều tất yếu cho những công ty, các tổ chức kinh doanh muốn hình thành thương hiệu, hỗ trợ việc giới thiệu các sản phẩm mới với công

Xây dựng website thương mại điện tử sử dụng công nghệ

Giáo viên hướng dẫn:

-Ths Đinh Gia Trường

Nội dung bài báo cáo

Nội dung đề tài

Phần 1: Nội dung đề tài

Phần 1: Nội dung đề tài

3

và cộng đồng cư dân mạng.

4

Phần 1.1- Lý do chọn đề tài (tt)

Với người sử dụng khi lựa chọn một trang web để tham gia mua bán trực tuyến thì đầu tiên là website đó phải đảm bảo được tính tin cậy, tiếp theo là đến website đó

có đẹp hay không và cuối cùng là website đó có đơn

giản, có dễ sử dụng và đầy đủ chức năng?

 Việc xây dựng trang web bán sản phẩm trực tuyến là điều tất yếu cho những công ty, các tổ chức kinh doanh muốn hình thành thương hiệu, hỗ trợ việc giới thiệu các sản phẩm mới với công nghệ hiện đại tới người mua

và cộng đồng cư dân mạng

5

Phần 1.1- Lý do chọn đề tài (tt)

6

Để xây dựng được thương hiệu trên các công cụ tìm

kiếm thì SEO là một điều rất quan trọng để tồn tại và phát triển một trang web

Trong giới hạn của đề tài em sẽ không tìm hiểu về SEO

mà sẽ chuyên sâu vào việc làm sao để thiết kế được

một trang web phải đẹp, đầy đủ chức năng và thực hiện tốt những chức năng cơ bản nhất

Phần 1.2- Các giải pháp được đề xuất

Để tồn tại và phát triển trong tương lại thì yếu tố quan trọng nhất mà một trang web mới là phải mang tính sáng tạo và đầy đủ

Để mang tính sáng tạo thì việc vận dụng tốt CSS+ HTML, thêm vào đó là hiệu ứng động của thư viện Jquery vào việc thiết kế giao diện của trang web

 Để đầy đủ và hoàn thiện về mặt chức năng thì việc sử dụng

mô hình Asp.Net MVC 3 đã hỗ trợ chúng ta rất nhiều trong việc này

7

Phần 1.2- Các giải pháp được đề xuất (tt)

Ngoài ra việc sử dụng một số công cụ có sẵn hỗ trợ cho

việc nhập dữ liệu vào hệ thống như CkEditor cho việc thiết

kế nội dung chi tiết hay CkFinder cho việc hỗ trợ Upload những hình ảnh lên Server một cách nhanh chóng cũng là những điều hết sức cần thiết với những người dùng không chuyên

 Chính vì thế trang web của em xin được hướng tới sự

sáng tạo về mặt giao diện, đầy đủ về mặt chức năng nhất có thể

8

Phần 2: Giới thiệu về ASP.Net MVC 3

9

Phần 2.1-Tổng quan về mô hình MVC

10

Phần 2.1-Tổng quan về mô hình MVC (tt)

11

Phần 2.1-Tổng quan về mô hình MVC (tt)

12

Phần 2.1-Tổng quan về mô hình MVC

13

Phần 2.2-Mô hình MVC và mô hình 3 lớp (tt)

15

Phần 2.2-Mô hình MVC và mô hình 3 lớp (tt)

16

 So sánh MVC và 3 Layers

Phần 2.3- So sánh ASP.Net và ASP.Net MVC

17

Tính năng ASP.NET ASP.NET MVC

Kiến trúc chương trình Kiến trúc mô hình

WebForm->Business->Database.

Kiến trúc sử dụng việc phân chia chương trình thành Controllers, Models, View.

Cú pháp chương trình. Sử dụng cú pháp

WebForm, tất cả các sự kiện và control do server

quản lý.

Các sự kiện được kiều khiển bởi controllers, các control không do server

quản lý.

Truy cập dữ liệu. Sử dụng hầu hết các công

nghệ truy cập dữ liệu trong

ứng dụng.

Phần lớn dùng LINQ to SQL class để tạo mô hình truy cập đối tượng.

 So sánh ASP.Net và ASP.Net MVC

Phần 2.3- So sánh ASP.Net và ASP.Net MVC (tt)

18

Tính năng ASP.NET ASP.NET MVC

Debug. Debug chương trình phải

thực hiện tất cả bao gồm các lớp truy cập dữ liệu,

sự hiển thị, điều khiển các

controls.

Debug có thể sử dụng các unit test kiểm tra các phương thức trong controllers.

Tốc độ phân tải. Tốc độ phân tải chậm

trong khi trang có quá nhiều các controls vì ViewState quá lớn.

Phân tải nhanh hơn do không phải quản lý ViewState để quản lý các control trong trang.

Tương tác với

javascript. Tương tác với javascript khó khăn vì các controls

được điều khiển bởi

server

Tương tác với javascript

dễ dàng vì các đối tượng không do server quản lý điều khiển không khó.

URL Address. Cấu trúc địa chỉ URL có

dạng

<filename>.aspx?&<các

tham số>.

Cấu trúc địa chỉ rành mạch theo dạng Controllers/Action/ID.

Phần 2 4- ASP.Net MVC Routing

19

 File Global.asax

Mặc định route table chỉ chứa 1 route (Default).

Default ánh xạ vào {controller}/{action}/{id}

 Controller: tên controller

 Action: Hành động tương ứng trong Controller

 Id: Tham số của action

Phần 2 4- ASP.Net MVC Routing (tt)

21

 Cách thức hoạt động ROUTING (tt)

Phần 2 5- Đánh giá MVC

22

 Ưu điểm và nhược điểm của MVC

Phần 2 6- Mô hình ASP.Net MVC 3

23

 Mô hình ASP.Net MVC 3

ASP.Net MVC 3 là một phiên bản có thêm nhiều tính năng

và cải tiến mới giúp đơn giản hóa mã (code)

ASP.Net MVC 3 cũng tương thích ngược với ASP.Net

MVC 1 và ASP.Net MVC 2, khiến việc nâng cấp các ứng dụng này rất dễ dàng

Phần 2 6- Mô hình ASP.Net MVC 3 (tt)

24

 Mô hình ASP.Net MVC 3 (tt)

Và sau đây là một số điểm mới của MVC 3:

 Công cụ xem Razor (The Razor View Engine)

 Hỗ trợ đa View Engines (Support for Multiple View Engines)

 Những cải tiến thành phần Controller:

• Global Action Filters

• Thuộc tính mới “ViewBag”

• Các kiểu “ActionResult” mới.

Phần 3.1- Bài toán đặt ra

26

 Nội dung yêu cầu:

Nhằm xây dựng một trang web bán điện thoại di động trực tuyến với các chức năng dành cho cả người dùng (khách hàng) và người quản trị trang web

Đảm bảo đủ các tiêu chí cơ bản của một Website có chất lượng là:

Phần 3.1- Bài toán đặt ra (tt)

27

 Nội dung yêu cầu (tt):

Thực hiện một cách đáng tin cậy các nhiệm vụ của Website như là:

 Đầy đủ chức năng người dùng.

 Đầy đủ chức năng người quản trị.

 Có cơ chế kiểm soát lỗi và bảo đảm hệ thống thực hiện tốt.

 Bảo mật thông tin và chức năng của hệ thống.

 Mang tính sáng tạo so với các sản phẩm hiện tại.

Phần 3.2- Đối tượng sử dụng

28

 Đối tượng sử dụng:

 Những sản phẩm Công nghệ thông tin hiện đại đều hướng tới xây

dựng theo hướng đối tượng Tức là tất cả nhiệm vụ, chức năng của hệ thống đều được bắt đầu từ các đối tượng (thể hiện của các lớp).

 Nhóm người sử dụng được chia làm 2 đối tượng chính là người dùng (User) và người quản trị hệ thống (Admin):

Trang Web

Người quản trị hệ thống

(Admin)

Người sử dụng (User)

Thành viên hệ thống

(User)

Phần 3.3- Yêu cầu với hệ thống mới

29

Yêu cầu đặt ra cho hệ thống mới:

 Để một trang web có thể tiếp tục tồn tại và phát triển hay không thì sản phẩm mới được xây dựng phải có tính sáng tạo và mới mẻ với người sử dụng.

 Đa số các trang web bán hàng trực tuyến hiện nay đều đảm bảo được đầy đủ tính năng cho việc bán hàng trực tuyến như: Xem các sản

phẩm, xem thông tin, cấu hình sản phẩm, tìm kiếm sản phẩm, so sánh sản phẩm, xem tin tức, lựa chọn mặt hàng, đặt hàng, thanh toán,

 Không những chỉ có chức năng chính là bán hàng trực tuyến mà

ngoài ra chúng ta phải xây dựng trang web như một hệ thống quản lý thực Có nghĩa là ngoài việc thực hiện chức năng mua bán sản phẩm thì hệ thống phải hướng đối tượng:

Phần 3.3- Yêu cầu với hệ thống mới (tt)

30

Yêu cầu đặt ra cho hệ thống mới (tt):

 Với người sử dụng (User): Tìm kiếm sản phẩm, xem thông tin sản

phẩm, xem cấu hình, chức năng sản phẩm, xem các tin tức, lựa chọn sản phẩm để đặt mua, đặt hàng qua mạng, thanh toán, đăng ký thành viên hệ thống, đăng nhập, đăng xuất Chủ yếu là những chức năng xem thông tin từ hệ thống chứ không thể sửa đổi chúng.

 Với người quản trị (Admin): Ngoài tất cả những chức năng của

người sử dụng hệ thống thì người quản trị còn có thể thay đổi nội

dung các sản phẩm, thêm mới, sửa xóa đối với tin tức, thành viên, đơn hàng, mua bán, thống kê khi cần thiết, cấu hình các nội dung

hiển thị như Menu, Banner, quảng cáo, Nói chung là người quản trị

có toàn quyền với hệ thống mà họ quản lý.

Mời các thầy cô giáo xem trang web ứng dụng mô hình ASP.Net MVC 3

Mời các thầy cô giáo xem trang web ứng dụng mô hình ASP.Net MVC 3

31

Phần 3.4-Cài đặt và kiểm thử hệ thống

Phần 4: Kết luận và hướng phát triển

32

Phần 4- Kết luận và hướng phát triển

33

 Mô hình MVC thực sự rất mạnh với khả năng tùy biến dựa

trên nền tảng Entity Framework kết hợp với LINQ Những câu truy vấn liên bảng giờ đã được làm giảm rất nhiều sự cồng

kềnh, việc truyền tham số cũng không còn nhiều như trước

nữa, hơn thế nữa việc lọc dữ liệu cũng khá là dễ dành với 2

cách là làm bằng biểu thức LINQ hay câu truy vấn LINQ.

 Nền tảng Entity Framework đã mang lại cho chúng ta 3 cách xây dựng dữ liệu khác nhau: Code First (CF), Database First (DF) và Model First (MF) Tùy theo ứng dụng của chúng ta mà

ta có thể làm cách nào cũng được Mỗi cách đều có điểm mạnh riêng của mình.

Ưu điểm:

Phần 4- Kết luận và hướng phát triển (tt)

34

 Việc xây dựng trang web dựa trên sự phát triển vượt bậc của CSS, Jquery, Ajax đã mang lại khả năng thể hiện vô cùng ấn tượng và đẹp mắt Thêm vào đó thư việc Jquery đã giúp cho trang web của chúng

ta giảm thiểu tối đa Băng thông, thời gian, sự dài dòng trong code, bằng các đối tượng như Date Picker, DataTable, AutoComplete,Auto Sort,

 Trang Web được xây dựng theo hướng MVC với 3 đối tượng là

Model, View và Controller đã mang đến những hiệu quả nhất định trong việc điều hướng các trang con của website, hạn chế nhiều lỗi bảo mật khi bổ sung Begin Form, các đối tượng quản lý đa dạng như Route Thay vì xử lý sự kiện mà xử lý bằng các Action đã mang lại nhiều hứa hẹn cho công việc bảo mật và làm gọn cho người Code.

Phần 4- Kết luận và hướng phát triển (tt)

 Những nhược điểm đó sẽ được khắc phục trong những phiên bản MVC tiếp theo.

Nhược điểm:

Phần 4- Kết luận và hướng phát triển (tt)

36

Với khả năng của mình website bán điện thoại di động sử dụng công nghệ Asp.Net MVC 3 của em thiết kế vẫn còn nhiều điều thiếu sót, vẫn còn những chỗ chưa đầy đủ, bố cục vẫn chưa thực sự tốt Kính mong các thầy, cô chỉ bảo thêm để em hoàn thiện trong tương lai

4 Kết luận (tt)

 Tiếng Việt:

 1 Học cùng doanh nghiệp Video học Asp.Net MVC 4.

 2 MicroSoft VietNam Giáo trình Asp.Net 3.5 của

MicroSoft VietNam dịch và biên soạn.

 3 Phạm Hùng Phú Bài giảng phân tích và thiết kế hệ thống

thông tin Trường ĐH SPKT Nam Định

www.themegallery.com