THIẾT KẾ , XÂY DỰNG TRANG WEB QUẢNG CÁO & BÁN ĐIỆN THOẠI DI ĐỘNG
THIẾT KẾ , XÂY DỰNG TRANG WEB QUẢNG CÁO & BÁN ĐIỆN THOẠI DI ĐỘNG A. ĐỀ CƯƠNG DỰ ÁN. I. Giới Thiệu : Ngày nay, nền kinh tế đang phát triển ,đời sống được nâng cao, lĩnh vực thương mại điện tử không còn xa lạ với chúng ta như trươc .Các mặc hàng được rao bán trên Internet ngày càng phong phú và đa dạng , đặc biệt là các sản phẩm công nghệ cao. Một trong số đó là : điện thoại di động . Hiện nay , chiếc điện thoại không còn đơn thuần là liên lạc nữa , nó đã trở thành phương tiện giải trí với các dịch vụ :game , nghe nhạc,wap,xem tivi…Vì vậy nhu cầu sử dụng điện thoại di động ngày càng tăng cao ,để tiên viêc mua bán ,nhóm chúng em thiết kế và xây dựng trang web : “ Quảng cáo và mua bán điện thoại trên Internet “ nhầm cung cấp thông tin cho khách hàng về chiếc điện thoại để cho người dùng có thể chọn cho minh chiếc điện thoại ưng ý nhất ngay tại nhà mà không cần đến trực tiếp cửa hàng. II. Chức Năng : 1. Tìm Kiếm : Đây là một trong số những chức năng quan trọng nhất của một trang web. Chúng ta có thể tìm kiếm điện thoại theo: + Hãng xản xuất. +Tên của điện thoại. 2. Cập Nhật Thông Tin : Đây là chức năng của người quản lý. Bao gồm các chức năng : +Thêm . +Xóa. +Sửa. III. Ứng Dụng Thực Tiễn : Trang web cung cấp cho khách hàng thông tin sản phẩm :mẫu mã ,giá cả ,…thông tin khuyến mãi là cầu nối giữa doanh nghiệp và khách hàng. Giúp khách hàng có thể mua hàng qua mạng Internet. IV. Môi Trường Cài Đặt : Trang web được thiết kế và xây dựng trên nền ngôn ngữ JSP SERVLET, JAVA SCRIPT, HTML ,cơ sở dữ lieu :SQL server 2000.Công cụ hỗ trợ :Jbuilder, Microsoft SQL server 2000, Frontpage. Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 1 B.PHÂN TÍHC-THIẾT KẾ. I.Phân tích: Dùng Power Designer DataArchitect để biểu diễn mô hình ER. KH_DATMUA THUOC DATMUA KH_XEMCHITIET CO CHI TIET KIEUDT MAKIEU TENKIEU HANGSX <pi> VA10 VA20 VA20 <M> Identifier_1 <pi> DIENTHOAI MADT NHASX GIATIEN GHICHU <pi> VA10 VA20 LI LVA30 <M> Identifier_1 <pi> KH_THUONGXUYEN MAKH TENTRUYCAP MATKHAU NGAYSINH DIENT HOAI EMAIL <pi> VA10 VA12 VA12 D VA10 VA20 <M> Identifier_1 <pi> DATMUA MADM TENKH NGAYMUA DIACHI DIENTHOAI EMAIL SOLUONG THANHTIEN <pi> VA10 VA20 D VA30 VA10 VA20 I LI <M> Identifier_1 <pi> CHITIETDIENTHOAI KICHTHUOC TRONGLUONG BLUETOOT H NGHENHAC NGHE_FM HONGNGOAI THENHO GIABAN NGAYBH TINHTRANG VA10 VA10 VA5 VA5 VA5 VA5 VA5 LI DT VA10 Mô tả chi tiết các thuộc tính của thực thể: 1.Kiểu điện thoại STT Thuộc tính Kiểu Miền giá trị Ý nghĩa Ghi chú 1 MAKIEU Varchar(10) <pk> Khóa chính 2 TENKIEU Varchar(20) 3 HANGSX Varchar(20) Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 2 2.Điện thoại: STT Thuộc tính Kiểu Miền giá trị Ý nghĩa Ghi chú 1 MADT Varchar(10) <pk> Khóa chính 2 MAKIEU Varchar(10) <fk> Khóa nghoại 3 GIATIEN Varchar(20) 4 GHICHU Long Varchar 3.Đặt Hàng: STT Thuộc tính Kiểu Miền giá trị Ý nghĩa Ghi chú 1 MADM Varchar(10) <pk> Khoa chính 2 MADT Varchar(10) <fk1> Khóa ngoại 3 MAKH Varchar(10) <fk2> Khóa ngoại 4 TENKH Varchar(20) 5 NGAYMUA Date 6 DIACHI Varchar(30) 7 DIENTHOAI Varchar(10) 4. Khách Hàng Thường Xuyên: STT Thuộc tính Kiểu Miền giá trị Ý nghĩa Ghi chú 1 MAKH Varchar(10) <pk> Khóa chính 2 TENTRUYCAP Varchar(12) 3 MATKHAU Varchar(10) 4 NGAYSINH Date 5 DIENTHOAI Varchar(10) 6 EMAIL Varchar(20) 7 SOLUONG Integer 8 THANHTIEN Integer 5. Chi Tiết Điện Thọai Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 3 STT Thuộc tính Kiểu Miền giá trị Ý nghĩa Ghi chú 1 MADT Varchar(10) <fk> Khóa ngoại 2 KHICTHUOC Varchar(10) 3 TRONGLUONG Varchar(10) 4 BLUETOOTH Varchar(5) 5 HONGNGOAI Varchar(5) 6 THENHO Varchar(5) 7 NGHENHAC Varchar(5) 8 NGHE_FM Varchar(10) 9 TINHTRANG Varchar(10) 10 GIABAN Integer 11 NGAYBH timestamp Mô hình lô gic (PDM – Physical Data Model): FK_DAT MUA_ DATM UA_DIENTHOA FK_DIENTHOA_T HUOC_K IEUDT FK_KH_T HUON_KH_XEM CHI_CHITIET D FK_DAT MUA_KH_DATMUA_KH_T HUON FK_CHITIET D_CO_CHI_T I_DIENT HOA FK_DIENTHOA_CO_CHI_T I_CHIT IET D KIEUDT MAKIEU TENKIE U HANGSX varchar(10 ) varchar(20 ) varchar(20 ) <pk> DIENTHOAI MADT MAKIEU NHASX GIAT IEN GHICHU varchar(10) varchar(10) varchar(20) integer lon g varchar <pk> <fk1> KH_T HUONGXUYEN MAKH TENT RUYCAP MAT KHAU NGAYSINH DIENTHOAI EMAIL varchar(10) varchar(12) varchar(12) date varchar(10) varchar(20) <pk> DATMUA MADM MADT MAKH TENKH NGAYMUA DIACHI DIENTHOAI EMAIL SOLUONG THANHTIE N varchar(10 ) varchar(10 ) varchar(10 ) varchar(20 ) date varchar(30 ) varchar(10 ) varchar(20 ) inte ge r inte ge r <pk> <fk1> <fk2> CHITIET DIENTHOAI MADT KICHTHUOC TRONGLUONG BLUETOOT H HONGNGOAI THENHO NGHENHAC NGHE_FM TINHTRANG GIABAN NGAYBH varchar(10 ) varchar(10 ) varchar(10 ) varchar(5) varchar(5) varchar(5) varchar(5) varchar(5) varchar(10 ) integer tim estam p <fk> II. THIẾT KẾ GIAO DIỆN Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 4 1.Trang Chủ : Có các chức năng: đăng nhâp, đăng ký, tìm kiếm, liên hệ. 2. Các Trang Đăng Nhập: Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 5 -Khách hàng đăng nhập : -Admin đăng nhập vào trang quản trị . 3. Các Trang Đăng ký Thông Tin: -Đăng kí thành viên khách hàng thường xuyên . Sau khi đăng kí thông tin đăng kí được chuyển qua trang xử lý xóa : Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 6 4. Trang Tìm Kiếm: Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 7 5. Trang Đặt Hàng : 6.Các Trang Xử Lý : chỉ có quyền admin mới vào được các trang này . -Trang thêm ,xóa, sửa ,điện thoại: Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 8 -Trang xử lý xóa : sau khi bấm nút xóa trên trang thêm xóa sửa dữ liệu được chuyển qua trang xử lý xóa : Trang sửa điện thoại : Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 9 -Trang thêm , xóa ,sửa chi tiết điện thoại . III-CORE XỬ LÝ : //servlet xử lý đăng nhập : import javax.servlet.*; import javax.servlet.http.*; import java.io.*; import java.sql.*; import java.util.*; import qldt.*; public class xulidn extends HttpServlet { private static final String CONTENT_TYPE = "text/html"; //Initialize global variables public void init() throws ServletException { } Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 10 [...]... bh=Integer.parseInt(request.getParameter("tbBH")); try { db.execUpdate("INSERT INTO CHITIETDIENTHOAI VALUES('"+ma+" ',' "+ten+" ',' "+kt+" ',' "+tl+" ',' "+hinh+" ',' "+ca+" ',' "+qp+" ',' "+blt+" ',' "+hn+"' ,' "+tn+" ',' "+nn+" ',' "+fm+" ',' "+tt+" ',' "+gia+" ',' "+bh+"')"); //Insert vào dữ liệu vào bảng CHITIETDIENTHOAI response.sendRedirect("Themchitiet.jsp"); //gọi lại trang Themchitiet.jsp }catch (Exception e) { System.out.println(e.toString());... Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 13 db.execUpdate("INSERT INTO DIENTHOAI VALUES('"+maloai+" ',' "+tenloai+" ',' "+hinh+" ',' "+tenhang+" ',' "+gia+"')"); //câu lệnh SQL thêm vào bảng DIENTHOAI trong CSDL response.sendRedirect("Themloai.jsp"); }catch (Exception e) { System.out.println(e.toString()); } } //Clean up resources public void destroy() { } } //servlet xóa điện thoại : package... response.sendRedirect("LoiDN.jsp"); //Không có record gọi trang LoiDN.jsp } else{ vt=rs.getInt("VAITRO"); //lấy giá trị cột VAITRO HttpSession s=request.getSession(); //khởi tạo Session s.setAttribute("un",usn); s.setAttribute("up",usn); s.setAttribute("v",String.valueOf(vt)); switch(vt){ case 0: response.sendRedirect("Quantri.jsp"); //vai trò =0 (là admin) gọi trang Quantri.jsp case 1: response.sendRedirect("Trangchu.jsp");//vai... request.getParameter("fH"); try { db.execUpdate("UPDATE DIENTHOAI SET MADT = '"+maloai+" ', MAKIEU = '"+tenloai+"',HINH='"+hinh+" ', HANGSX = '"+tenhang+"',GIATIEN='"+gia+"' WHERE MADT='"+ma+"'"); //câu lệnh SQL cập nhật dữ liệu của bảng DIENTHOAI trong CSDL response.sendRedirect("Themloai.jsp"); //Gọi lại trang Themloai.jsp Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 12 }catch... doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { DBManager db=new DBManager(); //gọi hàm kết nối db.doConnect(); String maloai = null; //khởi tạo biến ResultSet rs=null; maloai= request.getParameter("hdML"); //lấy biến từ trang themloai.jsp try { Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 14 db.execUpdate("DELETE FROM DIENTHOAI WHERE... db.execUpdate("DELETE FROM DIENTHOAI WHERE MADT = '"+maloai+"'"); //câu lệnh SQL xóa dữ liệu bảng DIENTHOAI trong CSDL response.sendRedirect("Themloai.jsp"); //gọi lại trang Themloai.jsp }catch (Exception e) { System.out.println(e.toString()); } } //Clean up resources public void destroy() { } } //servlet thêm chi tiết điện thoại : package qldt; import javax.servlet.*; import javax.servlet.http.*; import java.io.*;... request public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { DBManager db=new DBManager(); db.doConnect(); //kết nối String ma= null; //Khởi tạo dữ liệu String ten= null; String kt= null; String tl= null; String hinh= null; String ca= null; String qp= null; Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 15 String... response.sendRedirect("Trangchu.jsp");//vai trò =1 (là thành viên bình thường ) gọi Trangchu.jsp } rs.close(); } }catch (Exception e) { System.out.println(e.toString()); } } Đồ Án Môn Học : Lập Trinh Java Và Web GVHD: Viên Thanh Nhã –Nguyễn Duy Nhất 11 //Clean up resources public void destroy() { } } //servlet sửa điện thoại : package qldt; import javax.servlet.*; import javax.servlet.http.*; import... //Initialize global variables public void init() throws ServletException { } //Process the HTTP Get request public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { DBManager db=new DBManager(); //Gọi hàm kết nối db.doConnect(); String maloai = null; //khởi tạo biến String tenloai= null ; String tenhang= null ; String hinh= null ; int gia=0 ; maloai=... //Initialize global variables public void init() throws ServletException { } //Process the HTTP Get request public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { DBManager db=new DBManager(); //gọi hàm kết nối db.doConnect(); String maloai = null; //khởi tạo biến String ma=null; String tenloai= null ; String tenhang= null ; String hinh=null; int