Lập trình trên nền Web - 33

<ItemTemplate>

<b>In Stock:</b>

<%# Eval("UnitsInStock") %>

<b>On Order:</b>

<%# Eval("UnitsOnOrder") %>

<b>Reorder:</b>

<%# Eval("ReorderLevel") %>

</ItemTemplate>

</asp:FormView>

</div>

Có thể bạn quan tâm!

Xem toàn bộ 285 trang tài liệu này.

</form>

4.7.6. ListView

Dùng để trình bày dữ liệu là một mẫu tin tại một thời điểm. Listview nhưng cho phép trình bày dữ liệu theo các mẫu tùy chọn (custom temnplates), Listview hổ trợ phân nhóm, phân trang, thêm, xoá, cập nhật và sắp xếp dữ liệu.Xem ví dụ dưới đây qua đó nắm vững cách sử dụng đối tượng này

<asp:ListView ID="DS_Test" runat="server">

<LayoutTemplate>

<div id="itemPlaceholderContainer" style="width:100%;">

<div runat="server" id="itemPlaceholder"></div>

</div>

</LayoutTemplate>

<ItemTemplate>

<div style="float:left; width:189px;">

<img class="hinh_phim" src=<%# "../hinh/phim/thumb/" + Eval("hinh") %> />

<div style="text-align:left; margin:5px 0px 0px 10px;"><%# Eval("tensanpham") %>

</div>

</div>

</ItemTemplate>

</asp:ListView>

4.8. Bài tập

1. Tạo một ứng dụng Web cơ bản cho phép quản lý danh sách nhân viên và phòng ban. Gồm hai form cơ bản:

- Default.aspx: trang này cho phép gọi các trang quản lý nhân viên và phòng ban

- qlnv.aspx: cho phép hiển thị danh sách nhân viên, ngoài ra có chức năng cập nhật thông tin của nhân viên. Danh sách nhân viên này có hỗ trợ chức năng phân trang.

- qlpb.aspx: cho phép chọn một phòng ban và xem danh sách nhân viên trong phòng ban, ngoài ra hiển thị thông tin của người phụ trách phòng ban chính phòng ban.

Hướng dẫn:

1.1. Cơ sở dữ liệu


1 2 Giao diện Giao diện trang default aspx Giao diện trang qlnv aspx Giao diện trang 1

1.2. Giao diện


Giao diện trang default aspx Giao diện trang qlnv aspx Giao diện trang qlpb aspx 2 Tạo 2

Giao diện trang default.aspx


Giao diện trang qlnv aspx Giao diện trang qlpb aspx 2 Tạo một ứng dụng Web cơ bản 3

Giao diện trang qlnv.aspx

Giao diện trang qlpb aspx 2 Tạo một ứng dụng Web cơ bản cho phép quản lý album 4

Giao diện trang qlpb.aspx

2. Tạo một ứng dụng Web cơ bản cho phép quản lý album bài hát:

- Cho phép user xem các bài hát theo các mục như: tên tác giả, thể loại, album

- User có thể tạo mới một album từ các bài hát đã có trong danh sách bài hát Ứng dụng gồm 2 trang chính như sau:

- SongManaging.aspx: trang này cho phép người dùng chọn xem các bài hát theo tên tác giả, thể loại và các album có sẵn. Giao diện của trang Web đơn giản như sau:

Giao diện trang SongManaging aspx Minh họa cách thao tác trên trang SongManaging aspx 5

Giao diện trang SongManaging.aspx


Minh họa cách thao tác trên trang SongManaging aspx Album aspx Cho phép user tạo album 6

Minh họa cách thao tác trên trang SongManaging.aspx

- Album.aspx: Cho phép user tạo album mới với tên gọi và danh sách các bài hát đã chọn trong trang SongManaging.aspx.

Giao diện trang Album aspx Hướng dẫn 2 1 Cơ sở dữ liệu tạo cơ sở dữ liệu 7

Giao diện trang Album.aspx

Hướng dẫn:

2.1. Cơ sở dữ liệu: tạo cơ sở dữ liệu SongAlbum có các bảng như sau:

- Albums: chứa danh sách các album

- Songs: chứa danh sách các bài hát

- AlbumSong: chứa danh sách các bài hát thuộc album

- Artist: danh sách các nghệ sỹ

- Genres: thể loại


Bảng Album Bảng AlbumSong Bảng Artist Bảng Genres Bảng Song 3 Để quản lý bán 8

Bảng Album


Bảng AlbumSong Bảng Artist Bảng Genres Bảng Song 3 Để quản lý bán sách của một 9

Bảng AlbumSong


Bảng Artist Bảng Genres Bảng Song 3 Để quản lý bán sách của một cửa hàng 10

Bảng Artist


Bảng Genres Bảng Song 3 Để quản lý bán sách của một cửa hàng trên mạng 11

Bảng Genres


Bảng Song 3 Để quản lý bán sách của một cửa hàng trên mạng người ta xây 12

Bảng Song

3. Để quản lý bán sách của một cửa hàng trên mạng người ta xây dựng một Website được thiết kế giao diện như sau:

Dữ liệu được lưu trữ trong 2 bảng Sach và Thanhvien gồm các trường như sau 13

Dữ liệu được lưu trữ trong 2 bảng Sach và Thanhvien gồm các trường như sau: Sach (id, Tensach, Tacgia, Nhaxb, Namxb, Sotrang, Mota, Hinhanh) Thanhvien (Tentruynhap, Matkhau, Hoten, Email, Quyen)

3.1. Sử dụng phần mềm Microsoft SQLServer tạo ra các bảng dữ liệu có cấu trúc như trên (với trường và độ rộng phù hợp).

3.2. Thiết kế Website có cấu trúc như trên với hình ảnh phù hợp

3.3. Hãy sử dụng Visual studio.net xây dựng các trang Web cho các mục:

- Sản phẩm: trang “Thêm - Sửa” dùng để nhập mới, sửa đổi hoặc xóa một sách; trang “Tìm kiếm” dùng để tìm kiếm một sách theo tên; trang “Danh sách” dùng để xem danh sách các cuốn sách.

- Hệ thống: trang “Danh sách thành viên” để xem danh sách thành viên; trang “Thêm - Sửa thành viên” dùng để nhập mới, sửa đổi hoặc xóa một thành viên.

3.4. Xây dựng lớp, đối tượng, phương thức, sự kiện xử lý cho mục đăng nhập hệ thống sao cho nếu username và password đúng sẽ cho đăng nhập hệ thống và trang thái sẽ được thay đổi theo tên người dùng, ngược lại thì sẽ báo lỗi, trạng thái là chưa đăng nhập.

4. Để quản lý bán điện thoại của một cửa hàng trên mạng người ta xây dựng một Website được thiết kế như sau:

4 1 Thiết kế Website có cấu trúc như trên gồm Banner Menu trái Contents Menu 14

4.1. Thiết kế Website có cấu trúc như trên (gồm: Banner, Menu trái, Contents, Menu phải) với dữ liệu ảnh đã cho.

4.2. Dùng ngôn ngữ lập trình C# để lập trình chức năng Nhập cho phép nhập mới sản phẩm điện thoại vào cơ sở dữ liệu SQL Server gồm các thông tin theo form sau:

4 3 Sử dụng Visual Studio xây dựng các trang Web cho mục Điện Thoại trang Tìm 15

4.3. Sử dụng Visual Studio xây dựng các trang Web cho mục Điện Thoại: trang Tìm kiếm dùng để tìm kiếm sản phẩm điện thoại theo giá, trang Hiển Thị dùng để xem danh sách các sản phẩm.

5. Để quản lý bán mỹ phẩm của một cửa hàng trên mạng người ta xây dựng một Website được thiết kế như sau:

5 1 Thiết kế Website có cấu trúc như trên gồm Banner Menu trái Contents Menu 16


5.1. Thiết kế Website có cấu trúc như trên (gồm: Banner, Menu trái, Contents, Menu phải) với dữ liệu ảnh đã cho.

5.2. Dùng ngôn ngữ lập trình C# để lập trình chức năng Xóa cho phép xóa một sản phẩm (gồm các thông tin Mã mỹ phẩm, Tên mỹ phẩm, Hãng sản xuất, Cách dùng, Đơn giá, Hình ảnh) trong cơ sở dữ liệu SQL Server theo form sau:

5 3 Sử dụng Visual Studio và SQL Server xây dựng trang Nhập Sửa Xóa Thành Viên 17

5.3. Sử dụng Visual Studio và SQL Server xây dựng trang Nhập/Sửa/Xóa Thành Viên dùng để nhập mới, sửa đổi hoặc xóa thành viên. Biết rằng thông tin về thành viên gồm: Tên đăng nhâp, Mật khẩu, Họ tên, Số điện thoại, Địa chỉ, Email.

6. Để quản lý bán mũ bảo hiểm của một cửa hàng trên mạng người ta xây dựng một Website được thiết kế như sau:

6 1 Thiết kế Website có cấu trúc như trên gồm Banner Menu trái Contents Menu 18

6.1. Thiết kế Website có cấu trúc như trên (gồm: Banner, Menu trái, Contents, Menu phải) với dữ liệu ảnh đã cho.

6.2. Dùng ngôn ngữ lập trình C# để lập trình chức năng Sửa cho phép sửa đổi thông tin của sản phẩm mũ trong cơ sở dữ liệu SQL Server theo form sau:

6 3 Sử dụng Visual Studio xây dựng các trang Web cho mục Sản Phẩm trang Xóa dùng 19

6.3. Sử dụng Visual Studio xây dựng các trang Web cho mục Sản Phẩm: trang Xóa dùng để xóa sản phẩm, trang Tìm kiếm dùng để tìm kiếm sản phẩm theo màu sắc.

7. Bài tập tổng hợp

Dự án Website “Nước hoa - mỹ phẩm” cho công ty ABC với mục tiêu: giới thiệu sản phẩm, cho phép đặt hàng và thanh toán trực tuyến các sản phẩm nước hoa, mỹ phẩm của các thương hiệu nổi tiếng mà người dùng ưa chuộng. Ngoài ra hệ thống còn cung cấp công cụ giúp quản trị như: Quản trị cấu hình, quản trị người dùng, quản trị sản phẩm, hỗ trợ trực tuyến, quản trị liên hệ ......

Ngày đăng: 16/07/2022