Download source code tại Sharecode.vn
PHẦN III: THIẾT KẾ HỆ THỐNG 3.1 Mô hình quan hệ dữ liệu
Hình 22 : Mô hình quan hệ dữ liệu
3.2 Các bảng dữ liệu
Sau quá trình phân tích thiết kế, nhóm đã xác định được các bảng cần có trong CSDL như sau:
3.2.1 Bảng Thể loại(TheLoai)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
1 MaTheLoai Varchar(50) Primary key Mã thể loại 2 TenTheLoai Nvarchar(50) Not null Tên thể loại
Bảng 28: thể loại
3.2.2 Bảng Mặt hàng (MatHang)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
1 MaMH Varchar(50) Primary key Mã mặt hàng
2 TenMH nvarchar(10) Not null Tên mặt hàng
3 GiaBan Int Giá bán
4 TinhTrang Nvarchar(50) Tình trạng
mặt hàng
5 ThoiGianBaoHanh Int Thời gian bảo
hành
6 MoTa Nvarchar(50) Mô tả
7 MaLoai Varchar (500) Foreign key Mã loại
8 MaNCC Varchar(50) Foreign key Mã nhà
cung cấp
9 Anh Nvarchar(500) ảnh
Bảng 29: mặt hàng
3.2.3 Bảng hóa đơn nhập (HoaDonNhap)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
Download source code tại Sharecode.vn
2 TenHDN nvarchar(50) Not null Tên hóa đơn
nhập
3 NgayNhap DateTime Ngày nhập
4 NguoiNhap varchar(50) Người nhập
5 NguoiGiaoHang varchar(50) Người giao
hàng Bảng 30: Hóa đơn nhập
3.2.4 Bảng nhà cung cấp (NhaCungCap)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
1 MaNCC Varchar(50) Primary key Mã nhà cung
cấp
2 TenNCC nvarchar(50) Not null Tên nhà cung
cấp
3 DiaChi varchar(50) Địa chỉ
4 Email varchar(50) email
5 Website varchar(50) Website
Bảng 31: Nhà cung cấp
3.2.5 Bảng chi tiết xuất(ChiTietXuat)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
Primary key xuất
3 SoLuong int Số lượng
4 Gia nchar(50) Giá
5 ThanhTien nchar(50) Thành tiền
Bảng 32: Chi tiết xuất
3.2.6 Bảng chi tiết nhập(ChiTietNhap)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
1 MaMH Varchar(50) Foreign key,
Primary key
Mã mặt hàng
2 MaHDN varchar(50) Foreign key,
Primary key
Mã hóa đơn nhập
3 SoLuong int Số lượng
4 Gia nchar(50) Giá
5 ThanhTien nchar(50) Thành tiền
Bảng 33: Chi tiết nhập
3.2.7 Bảng quản trị(QuanTri)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
1 UserName Varchar(50) Primary key Tên đăng
Download source code tại Sharecode.vn
2 Pass Varchar(50) Not null Mật khẩu
3 Hoten Varchar(50) Họ tên
4 DiaChi Nvarchar(50) Địa chỉ
5 Email Varchar(50) email
6 NgheNghiep Varchar(50) Nghề
nghiệp
7 DienThoai Varchar(11) Điện thoại
8 Quyen Varchar(50) Quyền
Bảng 34: Quản trị
3.2.8 Bảng hóa đơn xuất (HoaDonXuat)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
1 MaHDX Varchar(50) Primary key Mã hóa đơn
xuất
2 TenHDX nvarchar(50) Not null Tên hóa đơn
xuất
3 NgayNhap DateTime Ngày xuất
4 NguoiNhap varchar(50) Người xuất
Bảng 35: Hóa đơn xuất
3.2.9 Bảng đặt hàng(DatHang)
Primary key nhập
2 MaMH Varchar(50) Foreign key,
Primary key
Mã mặt hàng
3 NgayDat DateTime Ngày đặt
4 NgayGiao DateTime Ngày giao
5 HinhThucGiao Varchar(50) Hình thức giao
6 HinhThucThanhToan Varchar(50) Hình thức thanh toán
7 SoLuong int Số lượng
8 DiaChi Varchar(50) Địa chỉ
Bảng 36: Đặt hàng
3.2.10 Bảng khách hàng(KhachHang)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
1 TenDN Varchar(50) Primary key Tê đăng nhập
2 MatKhau Varchar(50) Not null Mật khẩu
3 HoTen Varchar(50) Họ tên
4 DiaChi Varchar(50) Địa chỉ
5 SoDT Varchar(11) Số điện thoại
6 SoCMND int Số chứng minh
thư
7 Email Varchar(50) email
Download source code tại Sharecode.vn
3.2.11 Bảng NhanXet(NhanXet)
STT Tên trường Kiểu dữ liệu Ràng buộc Mô tả
1 MaNX Varchar(50) Primary key Mã nhận xét
2 TenDN Varchar(50) foreign key Tên đăng
nhập
3 TieuDe Varchar(50) Tiêu đề
4 NoiDung Varchar(50) Nội dung
Bảng 38: nhận xét
3.3 Phân tích thiết kế chương trình
Hệ thống các chức năng của chương trình như sau:
3.3.1 Giao diện phần người dùng
Mục đích:
Chức năng này cho phép người dùng xem thông tin trang web cửa hàng. Khách hàng có thể xem thông tin sảm phẩm, các sảm phẩm mới về.
Khách hàng giao dịch với cửa hàng thông qua phần người dùng như: góp ý, nhận xét sảm phẩm, đặt mua hàng, liên hệ với cửa hàng.
Đây là giao diện chính giữa người khách hàng và cửa hàng. Phạm vi:
Hiển thị thông tin cửa hàng, thông tin sảm phẩm .
3.3.1.1 Giao diện trang chủ
Mục đích:
mỗi Datalist chỉ lấy 10 sảm phẩm. Phạm vi:
Hiển thị hình ảnh các sảm phẩm nổi bật. Giao diện phần đầu trang chủ
Hình 23: Giao diện phần đầu trang chủ Các thành phần : STT Tên thành phần Kiểu Ràng buộc (nếu có) Mô tả 1 Lựa chọn sảm phẩm rbLuaChon Chỉ được chọn 1 Cho phép bạn chọn một loại sảm phẩm yêu thích trong các sảm
Download source code tại Sharecode.vn
2 Kết quả btnKetQua Khi click vào kết quả thì kết quả hiển thị ra số người tham gia.
Bảng 39: Bảng mô tả các điều khiển trên trang chủ Giao diện phần cuối trang chủ
Hình 24: Giao diện phần cuối trang chủ
Các thành phần : STT Tên thành phần Kiểu Ràng buộc (nếu có) Mô tả
email khách hàng
khuyến mại từ cửa hàng.
2 Gửi đi btnGuiDi btnGuiDi sẽ gử địa chỉ email của khách hàng đến admin.
3 Sảm phẩm mới nhất
dlsSPMoi Hiển thị 5 sảm phẩm mới nhất của cửa hàng.
4 Sảm phẩm cao cấp
dlsSPCaoCap Hiển thị 5 sảm phẩm cao cấp của cửa hàng.
Bảng 40: Bảng mô tả trang chủ
3.3.1.2 Giao diện trang giới thiệu
Mục đích:
Thông tin bài viết về cửa hàng. Địa chỉ liên hệ cửa hàng
Hình ảnh cửa hàng.
Giới thiệu về cửa hàng nội thất Phúc Lợi. Phạm vi:
Thông tin cửa hàng nội thất Phúc Lợi. Giao diện phần đầu trang giới thiệu
Download source code tại Sharecode.vn
Hình 25: Giao diện phần đầu trang giới thiệu
Hình 26: Giao diện phần sau trang giới thiệu
3.3.1.3 Giao diện trang đăng kí
Mục đích:
Khi khách hàng muốn có tài khoản của mình trên website của cửa hàng, khách hàng có thể dăng kí là thành viên.
Khi tham gia đánh giá sảm phẩm, mua sảm phẩm của cửa hàng… khách hàng phải là thành viên thì mới được tham gia.
Phạm vi:Thêm một tài khoản mới cho người dùng. Ràng buộc:
Đầu vào:
• Tên đăng nhập, mật khẩu không được bỏ trống.
• Số điện thoại, số chứng minh nhân dân phải là kiểu int. Đầu ra:
Thêm mới một tài khoản Giao diện trang đăng kí
Download source code tại Sharecode.vn
Hình 27: Giao diện trang đăng kí tài khoản Các thành phần: STT Tên thành phần Kiểu Ràng buộc (nếu có) Mô tả 1 Tên đăng nhập txtTenDangNhap Không rỗng
Nhập tên muốn đăng kí tài khoản
2 Mật khẩu txtMatKhau Không rỗng
Nhập vào mật khẩu người dùng
3 Họ tên khách hàng
txtHoTen Họ tên khách hàng dăng kí tài khoản
thoại số vào số điện thoại của chủ tài khoản 6 Số chứng minh nhân dân txtCMND Chỉ nhập số
Nhập vào số chứng minh nhân dân của mình.
7 Email txtEmail Địa chỉ email của người dùng.
8 Đăng kí btnDangKi Sau khi điền các thông tin ở trên, khách hàng nếu muốn đăng kí tài khoản thì click “đăng kí”
9 Hủy bỏ btHuyBo Khi khách hàng không muốn đăng kí tài khoản, ấn “hủy bỏ” 10 Đăng
nhập vào hệ thống tại đây
Khi đã có tài khoản, khách hàng click vào link đăng nhập trên, hệ thống sẽ tự động quay về trang đăng nhập để đăng nhập tài khoản.
Bảng 41: Thành phần trang đăng kí
3.3.1.4 Giao diện trang đăng nhập
Mục đích:
Đăng nhập thành công thì người dùng mới sử dụng được một số chức năng của hệ thống như: mua hàng, góp ý,…
Download source code tại Sharecode.vn
Ràng buộc:
Thông tin đầu vào: + Tài khoản ngườì dùng + Mật khẩu
Đầu ra:
+ Nếu đăng nhập đúng, hệ thống thông báo đăng nhập thành công.
+ Nếu đăng nhập sai, hệ thống thông báo “Sai UserName hoặc PassWord” + Nếu bỏ trống tên đăng nhập hoặc mật khẩu, hoặc bỏ trống cả hai, hệ thống
thông báo “bạn chưa nhập đủ thông tin” Giao diện trang đăng nhập
Hình 28: Giao diện trang đăng nhập Các thành phần: STT Tên thành phần Kiểu Ràng buộc (nếu có) Mô tả 1 Tên đăng nhập txtTenDan gNhap
Không rỗng Khách hàng nhập tên đăng nhập của mình. Không được phép bỏ
2 Mật khẩu txtMatKh au
Không rỗng Người khách hàng nhập mật khẩu của mình. Yêu cầu không bỏ trống. 3 Đăng nhập btnDangN
hap
Khi nhập tài khoản và mật khẩu, btnDangNhap cho phép người dùng sử dụng hệ thống nếu đăng nhập đúng. Ngược lại, nếu nhập sai tài khoản hoặc mật khẩu, hoặc cả 2 thì hệ thống thông báo lỗi đăng nhập. Người dùng phải kiểm tra và nhập lại.
4 Hủy bỏ btnHuy Hủy đăng nhập nếu khách hàng không muốn đăng nhập
5 label Label1 Thông báo nếu đăng nhập không đúng định dạng 6 Vui lòng đăng kí tài khoản tại đây a href="Dan gki.aspx"
Khi chưa có tài khoản, khách hàng click vào link đăng kí trên, hệ thống sẽ tự động quay về trang đăng kí để đăng kí tài khoản.
Bảng 42: Các thành phần trang đăng nhập
3.3.1.5 Giao diện trang mặt hàng
Mục đích:
Dùng để hiển thị các mặt hàng mà người dùng muốn xem. Phạm vi:
Download source code tại Sharecode.vn
Không có
Giao diện của chức năng
3.3.1.6 Giao diện trang chi tiết mặt hàng
Mục đích:
Dùng để hiển thị chi tiết các mặt hàng mà người dùng muốn xem. Phạm vi:
Tất cả các khách hàng Ràng buộc:
Không có Giao diện
3.3.1.7 Giao diện chức năng đặt hàng
Mục đích:
Phải là thành viên và đăng nhập thành công thì mới được mua hàng. Có thể đăng kí mua hàng, thông tin về sảm phẩm đó sẽ được hiện ra. Phạm vi:
Mua sảm phẩm trong các mặt hàng mà cửa hàng có. Phải là thành viên của trang web.
Ràng buộc:
Thông tin đầu vào: + đăng nhập
Download source code tại Sharecode.vn
Đầu ra:
+ Nếu đăng nhập đúng, sẽ được đăng kí mua hàng.
+ Tên mặt hàng không được them vào, mà phải chọn trong combobox. Giao diện trang đặt hàng
Hình 29: giao diện trang đặt hàng
Các thành phần: STT Tên thành phần Kiểu Ràng buộc (nếu có) Mô tả 1 Tên khách hàng slKhachHang Không rỗng
Nhập tên khách hàng muốn đang kí mua hàng.
2 Tên mặt hàng
slMatHang Không rỗng
Lựa chọn mặt hàng muốn mua.
4 Ngay giao
txtNgayGiao Ngày giao hàng cho khách hàng
5 Hình thức giao txtHinhThuc Hình thức giao hàng 6 Hình thức thanh toán
txtThanhToan Thanh toán tiền hàng bằng tiền mặt hay qua thẻ
7 Địa chỉ giao hàng
txtDiaChi Địa chỉ giao hàng của người dùng.
8 Số lượng txtSoLuong Số lượng hàng mua của một khách hàng.
9 Đặt hàng btDatHang Khách hàng muốn đặt hàng mua
10
Hủy bỏ
btHuyBo Khi khách hàng không muốn đăng kí mua hàng, ấn “hủy bỏ”
Bảng 43: mô tả các thành phần trong trang đặt hàng
3.3.1.8 Giao diện chức năng tìm kiếm
Mục đích:
Giúp người dùng tìm kiếm sảm phẩm nhanh hơn. Có thể tìm kiếm theo nhà cung cấp.
Phạm vi:
Chọn tiêu chí tìm kiếm trong combobox của chương trình. Ràng buộc:
Download source code tại Sharecode.vn
Hiển thị thông tin sảm phẩm, Load dữ liệu vào DataList. Giao diện của chức năng
Hình 30: Giao diện trang tìm kiếm Các thành phần: STT Tên thành phần Kiểu Ràng buộc (nếu có) Mô tả
1 Tên SP txtTenSP Nhập tên sảm phẩm cần tìm kiếm
2 Nhà cung cấp
ddlNCC Lựa chọn nhà cung cấp, không được thêm nhà cung cấp.
3 Thể loại ddlTheLoai Tiêu chí tìm theo thể loại, chọn trong dropdownlist không được thêm mới thể loại.
4 Tìm kiếm btnTimKiem Nhấn button tìm kiếm để tìm sảm phẩm theo các lựa chọn trên. Bảng 44: mô tả các thành phần trong trang tìm kiếm
thiện hơn. Phạm vi:
Chỉ có các khách hàng là thành viên của Website thì mới được góp ý. Ràng buộc:
Đầu vào: Thông tin góp ý Đầu ra:
Thông tin góp ý gửi cho Admin Giao diện của chức năng
Hình 31 : Giao diện trang góp ý
Các thành phần
Download source code tại Sharecode.vn có) 1 Mã nhận xét txtMaNX Không được trống Nhập mã nhận xét 2 Tên đăng nhập txtDangNhap Không được trống
Yêu cầu nhập đúng tên đăng nhập, không được bỏ trống tên đăng nhập.
3 Tiêu đề txtTieuDe Tiêu đề bài góp ý
4 Nội dung txtNoiDung Viết nội dung góp ý
5 Gửi đi btnGui Gửi thông tin ở trên
6 Hủy bỏ btnHuy Hủy thông tin góp ý.
Bảng 45: mô tả các thành phần trong trang đặt hàng
3.3.1.10 Giao diện trang liên hệ
Mục đích:
Khách hàng xem các thông tin địa chỉ cửa hàng để liên hệ với cửa hàng về tư vấn và mua sảm phẩm.
Phạm vi:
Thông tin liên hệ cửa hàng.
Hình 32: Giao diện trang liên hệ
3.3.2 Giao diện phần quản trị
Chức năng này chỉ phục vụ cho những người quản trị hệ thống. Để xử lý các thao tac, chức năng của hệ thống như: Quản lí hóa đơn, quản lí thành viên, quản lí khách hàng, quản lí đơn đặt hàng, tìm kiếm thông tin, thống kê ,tính doanh thu...
Chỉ có người quản trị mới được thực hiện các thao tác này. Người quản trị có thể xem thông tin, chỉnh sửa thông tin của hệ thống website.
Download source code tại Sharecode.vn
Hình 33: giao diện phẩn quản trị
3.3.2.1 Giao diện trang quản lí hóa đơn nhập
Mục đích:
Quản lí các mặt hàng mới nhập vào cửa hàng. Thao tác các chức năng nhập hàng qua hóa đơn. Phạm vi:
Quản lí mặt hàng nhập về của cửa hàng. Ràng buộc:
Đầu vào: thông tin đơn nhập hàng. Đầu ra:
+ Thêm, sửa, xóa hóa đơn nhập hàng vào cơ sở dữ liệu
+ Thông tin hóa đơn nhập được hiển thị vào Gridview hóa đơn nhập Giao diện của chức năng
Hình 34: giao diện quản lí hóa đơn nhập Các thành phần: STT Tên thành phần Kiểu Ràng buộc (nếu có) Mô tả 1 Mã hóa đơn txtMaHD Không được trống Mã hóa đơn nhập hàng 2 Tên hóa đơn
txtTenHD Tên hóa đơn nhập hàng
3 Ngày
nhập
txtNgayNhap Ngày nhập hàng
4 Người
nhập
txtNguoiNhap Nhân viên nhập hóa đơn trong cửa hàng
5 Người
giao hàng
txtNguoiGiao Người giao hàng cho cửa hàng.
6 Thêm
mới
lbtThem Thêm hóa đơn nhập vào CSDL
Download source code tại Sharecode.vn
8 Xóa lbtXoa Xóa hóa đơn nhập trong CSDL.
Bảng 46: mô tả các thành phần trong trang quản lí hóa đơn nhập
2.3.2.2 Giao diện chức năng hóa đơn xuất
Mục đích:
Quản lí các thông tin sảm phẩm xuất ra khỏi cửa hàng. Thao tác các chức năng xuất hàng qua hóa đơn.
Phạm vi:
Quản lí mặt hàng xuất của cửa hàng. Ràng buộc:
Đầu vào: thông tin xuất hàng. Đầu ra:
+ Thêm, sửa, xóa hóa đơn xuất hàng vào cơ sở dữ liệu
+ Thông tin hóa đơn xuất được hiển thị vào Gridview hóa xuất nhập Giao diện của chức năng
phần có) 1 Mã hóa đơn txtMaHD Không được trống
Mã hóa đơn xuất hàng
2 Tên hóa đơn
txtTenHD Tên hóa đơn xuất hàng
3 Ngày
xuất
txtNgayXuat Ngày xuất hàng
4 Người
xuất
txtNguoiXuat Nhân viên xuất hóa đơn trong cửa hàng
5 Thêm
mới
lbtThem Thêm hóa đơn xuất vào CSDL
7 Sửa lbtSua Sửa thông tin hóa đơn xuất.
8 xóa lbtXoa Xóa thông tin xuất hàng
Bảng 47: mô tả các thành phần trong trang quản lí hóa đơn xuất
3.3.2.3Giao diện chức năng chi tiết nhập hàng
Mục đích:
Chi tiết các hóa đơn nhập của cửa hàng. Phạm vi:
Thông tin chi tiết các hóa đơn nhập sảm phẩm vào cửa hàng. Ràng buộc: