Tải bản đầy đủ (.pdf) (40 trang)

báo cáo môn học công nghệ phần mềm xây dựng website quản lí mua bán trực tuyến xe máy honda

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.7 MB, 40 trang )

<span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

2

phát tri n m nh mể ạ ẽ ở nước ta. Có th nói, v i s phát triể ớ ự ển như vũ bão của khoa h c và công ọ

ích cho cu c sộ ống. Nó đang chiếm ph n l n trong vi c ph c v cầ ớ ệ ụ ụ ủa nhi u ngành ngh ề ề cũng như

cho quá trình quản lý đạt hi u qu cao trong vi c gi m t i thi u v nhân l c, thệ ả ệ ả ố ể ề ự ời gian cũng như tránh th t l c, sai sót d u thay vì vi c qu n lý b ng giấ ạ ữ liệ ệ ả ằ ấy tờ ằng phương pháp cổ b truyền như trước đây. Hơn nữa nó cịn giúp cho việc tra cứu, tìm kiếm thơng tin một cách nhanh chóng,

sống ngày càng được c i thi n, nhu c u cả ệ ầ ả v v t ch t l n tinh 10 th n cề ậ ấ ẫ ầ ủa con người ngày càng được nâng cao, t đó các lĩnh vực v v n t i ngày cừ ề ậ ả ảng được đẩy m nh và phát tri n. Vi c áp ạ ể ệ

cùng c p thiấ ết để theo k p thị ời đạ ạo ra đượi,t c s c nh tranh lự ạ ớn trong kinh doanh cũng như đáp ứng kịp thời nhu c u và làm h i l ng các khách hàng khó tính nh t. Nh ng ki n th c c n thi t ầ ả ỏ ấ ữ ế ứ ầ ế

hành và c nh ng l i gi ng gi i t n tình c a th y trong nh ng bu i ngoài gi hả ữ ờ ả ả ậ ủ ầ ữ ổ ờ ọc để chúng em có th h c t p rèn luyể ọ ậ ện để ồi đi từ r lý thuyết t i vi c áp d ng vào th c tớ ệ ụ ự ế. Để thực hi n t t báo ệ ố

nhiên do s hi u bi t c a em v ự ể ế ủ ề lĩnh vực này còn chưa sâu sắc, do bước đầu đi vào thực tế, tìm

Ngh Thơng Tin d i dào s c kh e, niệ ồ ứ ỏ ềm tin để tiế p t c th c hi n s mụ ự ệ ứ ệnh cao đẹp c a mình là ủtruyền đạt ki n thế ức cho th h mai sau. M t l n n a em xin chân thành cế ệ ộ ầ ữ ảm ơn.

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

3

<b>GIAÓ VIÊN HƯỚNG DẪN </b>

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

5

Hinh 1. Sơ đồ ERD ...9

Hinh 2. Sơ đồ PFD ... 16

Hinh 3. Giao diện loại xe ... 18

Hinh 4. Giao di n kiệ ểu xe ... 18

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

B ph n marketing: ch u trách nhi m các lo i ộ ậ ị ệ ạ2. <b>Khả</b>o sát v vi mô:<b>ề</b>

3. <b>Khả</b>o sát v tin h c:<b>ềọ </b>

đều có k t n i m ng Lan và k t n i internet, v ph n m m m i phòng mế ố ạ ế ố ề ầ ề ỗ ỗi máy đều trang bị

Giám đốc

TP bán

hàng<sup>TP kế </sup>tốnmarketing<sup>TP </sup>Phó Giám đốc

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

7

<b>CHƯƠNG 2: Mơ tả quy trình </b>

1. Quy trình qu n lý nh p xe máy:<b>ảậ</b>

c u c a nhà cung c p, tuân th ầ ủ ấ ủ theo điều khoản thanh toán đã thống nhất trước đó.

v tình tr ng này. ề ạ

vào h ệ thống c a c a hàng. ủ ử

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

8

tin chi ti t v giao d ch và s n ph m. Ngoài ra, n u có, s l p phi u bế ề ị ả ẩ ế ẽ ậ ế ảo hành để đảm b o ả

v ề các tính năng và sử ụng cơ bả d n c a xe. ủ3. Quy trình qu n ý b o hành xe máy:<b>ảả</b>

Kiểm Tra Điều Kiện Bảo Hành: Nhân viên kỹ thuật sẽ kiểm tra xem xe của khách hàng

sửa ch a ho c thay th các linh ki n c n thiữ ặ ế ệ ầ ết để đảm b o xe hoả ạt động đúng cách.

c các công viả ệc đã thực hi n và linh kiệ ện đã được thay th . ế

hoàn t t b o hành và sấ ả ẵn sàng để giao xe tr l i. Th i gian giao xe có th tùy thu c vào ở ạ ờ ể ộtình tr ng c ạ ụ thể ủ c a xe và th a thuỏ ận trước đó với khách hàng.

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

tính

Diễn gi i ả Loại giá trị Kiểu d u ữ liệ Chiều dài

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

11

Tên tắt thuộc

SDTNCC S ố điện thoại nhà cung cấp

Khơng bắt bu c ộ

tính

Diễn gi i ả Loại giá trị Kiểu d u ữ liệ Chiều dài

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

12 SDTNV S ố điện tho i nhân ạ

bu c ộ

Luận lý

Tên tắt thuộc

tính

Diễn gi i ả Loại giá trị Kiểu d u ữ liệ Chiều dài

bu c ộ

Ngày

bu c ộ

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

13 Phiếu nh p: ậ

Tên tắt thuộc tính

Diễn gi i ả Loại giá trị Kiểu dữ liệu Chiều dài

bu c ộ

S ố

Phiếu thu:

Tên tắt thuộc tính Diễn gi i ả Loại giá trị Kiểu d u ữ liệ Chi u dài ề

Không bắt bu c ộ

bu c ộ

Số SoTienTraTruoc S n trố tiề ả trước Không bắt

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

14 Tên tắt thuộc tính Diễn gi i ả Loại giá trị Kiểu d u ữ liệ Chiều dài

bu c ộ

S ố

Thu tr góp: ảTên tắt thuộc

Xe máy: Tên tắt thuộc

tính

Diễn gi i ả Loại giá trị Kiểu dữ liệu Chiều dài

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

phi u nh p ế ậ

Không bắt bu c ộ

S ố

CT_Phi u xu ế ất:Tên tắt thuộc

Tên tắt thuộc tính

liệu

Chiều dài

</div><span class="text_page_counter">Trang 24</span><div class="page_container" data-page="24">

24 <small>PHP 6. sua_kieuxe </small>

<small>PHP 7. them_kieuxe</small>X lí ki u xe <b>ửể</b>

$(document).ready(function () { loadKieuXe();;

$('.makxe').on('keydown', function(event) {

(ifevent keyCode. === ) { 13 // 13 là mã phím cho phím Enter

varinputValue=$(this).val(); if (inputValue.trim() !== ) { ''

$(this).val('mx' +inputValue ); }

}

</div><span class="text_page_counter">Trang 25</span><div class="page_container" data-page="25">

25

varrecord=2 varpagecurrent_cx=0

$(".txtsearch").keypress(function (event) { (ifevent keyCode. ==13) {

loadKieuXe_page(0record); }

});

loadKieuXe_page( ,0record);

//Khi click trang 2 thì di chuyển qua 2 dịng kế tiếp

$(".pagenumbercx").on("click", "button", function () { pagecurrent_cx=$(this).val();

loadKieuXe_page $( (this).val(), record); });

varflag= ; 0

$(".btnluukieuxe").prop('disabled', true); $(".btnsuakieuxe").prop('disabled', true); $(".btnthemkieuxe").click(function () { console.log("nut them ok");

$(".btnthemkieuxe").prop('disabled', true); $(".makxe").focus();

};

</div><span class="text_page_counter">Trang 26</span><div class="page_container" data-page="26">

bootbox.alert('Xóa khơng thành cơng!'); }

}); } else {

} }); });

$(".addDataKieuXe").on('click', '.click_sua', function() { varmakxe=$(this).attr("data-makxe");

vartenkxe=$(this).attr("data-tenkxe"); // Fix here

varmotakxe = (this).attr("data-motakxe"); $(".makxe").val(makxe);

$(".tenkxe").val(tenkxe); $(".motakxe").val(motakxe);

$(".btnluuchuyenxe").prop('disabled', false); flag= ;

console.log(datasend);

queryDataPost("../php/them_kieuxe.php", datasend, function (res) { console.log(res);

(ifres.success==1) {

bootbox.alert('Thêm dữ liệu vào thành công!'); loadKieuXe_page(0record)

} else if (res.success==0) {

bootbox.alert('Thêm dữ liệu vào thất bại!'); } else {

bootbox.alert('Dữ liệu đã bị trùng'); }

</div><span class="text_page_counter">Trang 27</span><div class="page_container" data-page="27">

27

} else if (flag==2) { console.log("sua du lieu "); vardatasend= { makxe:$(".makxe").val(), tenkxe:$(".tenkxe").val(), motakxe:$(".motakxe").val(), };

console.log(datasend);

queryDataPost("../php/update_kieuxe.php", datasend, function (res) {

console.log(res); (ifres.success==1) {

bootbox.alert('update dữ liệu vào thành công!'); loadKieuXe_page(0record)

} else if (res.success==0) {

bootbox.alert('Thêm dữ liệu vào thành công thất bại!'); }

}); } else {

console.log("chua chon thao tac "); }

});});

functionloadKieuXe(s=" ") { vardatasend= { search:s

(ifarr length. ==0) {

$(".addDataKieuXe").html('Chưa có dữ liệu'); } else {

vari= ; 1 for (varx inarr) { varitem=arr[x]; data=data +'<tr>' +

'<th scope="row">' +i +'</th>'+

'<td>'+item.MAKXE+'</td>' +

</div><span class="text_page_counter">Trang 28</span><div class="page_container" data-page="28">

28

'<td>'+item motakxe. +'</td>' +

'<td><span class="badge badge-danger click_xoa" makxe="' +item.makxe +'">' +

'<i class="fa fa-bitbucket"></i>&nbsp;Xóa</span>&nbsp;'+

'<span class="badge badge-danger click_sua" data-makxe="'

+item.makxe +'" data-tenkxe="' +item.tenkxe+'" data-motakxe="' +ite motakxem. +'"><i class="fa fa-edit"></i>Sửa</span></td>' +

'</tr>'; i=i+1 }

console.log(data);

$(".addDataKieuXe").html(data); }

});}

functionloadKieuXe_page(page, record) { varsearch=$(".txtsearch").val(); vardatasend= {

page: page, record: record, search: search

(ifdata.length==0) {

$(".addDataKieuXe").html("khơng có dữ liệu"); loadKieuXe_page( ($this).val(), record) $(".pagenumbercx").html(""

} else { varhtmls= ; ''

for (varx indata) { varitem=data[x]; htmls =htmls +'<tr>' +

</div><span class="text_page_counter">Trang 29</span><div class="page_container" data-page="29">

data-29

'<span class="badge badge-danger click_sua" data-makxe="'

+item.MAKXE +'" data-tenkxe="' +item.TENKXE+'" data-motakxe="'+item.MOTAKXE+'"><i class="fa fa-edit"></i>Sửa</span></td>' +

'</tr>'; stt=stt+ ; }

$(".addDataKieuXe").html(htmls);

buildSlidePage $( (".pagenumbercx"), 5res.page res totalpage, . ); }

});}

<b> Loại xe </b>

<small>PHP 8. them_loaixe </small>

</div><span class="text_page_counter">Trang 30</span><div class="page_container" data-page="30">

30 <small>PHP 9. xoa_loaixe </small>

<small>PHP 10.update_loaixe </small>

</div><span class="text_page_counter">Trang 31</span><div class="page_container" data-page="31">

31 <small>PHP 11.tim_loaixe </small>

<small>PHP 12. sua_loaixe </small>

<small>PHP 13.data_get_loaixe_page </small>

</div><span class="text_page_counter">Trang 32</span><div class="page_container" data-page="32">

32 <small>PHP 14.data_get_loai_xe_cb</small>

X lí lo i xe <b>ửạ</b>

$(document).ready(function(){ loadCBKX();

loadLoaiXe(""); varrecord=2 varpagecurrent_cx=0

$(".txtsearch").keypress(function (event) { (ifevent keyCode. ==13) {

loadKieuXe_page(0record); }

});

loadKieuXe_page( ,0record);

//Khi click trang 2 thì di chuyển qua 2 dịng kế tiếp

$(".pagenumbercx").on("click" "button, ", function () { pagecurrent_cx=$(this).val();

loadKieuXe_page $( (this).val(), record); });

varflag=; //giả sử chưa thao tác (Thêm, sửa dữ liệu)

$(".btnclosekieuxe").click(function(){ $('.showkieuxe').modal('hide'); })

$(".btnluuloaixe").prop('disabled', true);

$(".addDataLoaiXe").on('click','.click_kieuxe',function(){ varmakxe=(this).attr("data-makxe");

</div><span class="text_page_counter">Trang 33</span><div class="page_container" data-page="33">

33

makxe:makxe

}

//dữ liệu chuẩn gửi lên server dạng đối tượng

console.log(datasend);

queryDataPost("../php/data_get_loai_xe_cb.php",datasend,function(res){ console.log(res items. );

$('.showkieuxe').modal('show'); varar=res.items;

$(".addmakxe").html( [ar0MAKXE); $(".addtenkxe").html(ar[0TENKXE); $(".addmotakxe").html(ar[0MOTAKXE); });

})

$(".btnthemloaixe").click(function(){

$(".btnthemloaixe").prop('disabled', true); $(".txtmahang").focus();

$(".btnluuloaixe").click(function(){ if(flag==1){

console.log("them du lieu "); vardatasend={

mahang:$(".txtmahang").val(), tenhang:$(".txttenhang").val(), soluong:$(".txtsoluong").val(), dongiapn:$(".txtdongiapn").val(), dongiaban:$(".txtdongiaban").val(), makxe:$(".cbkxe").val(), }

//dữ liệu chuẩn gửi lên server dạng đối tượng

console.log(datasend);

queryDataPost("../php/them_loaixe.php",datasend,function(res){ console.log(res);

if(res.success==1){ /// alert("Thêm thành công");

bootbox.alert('Thêm dữ liệu vào thành công!');

</div><span class="text_page_counter">Trang 34</span><div class="page_container" data-page="34">

//load combox

functionloadCBKX(){ vardatasend={ } //ajax

queryDataGet("../php/data_get_kieu_xe_cb.php",datasend,function(res){ console.log(res);

vararr=res.items; varoptions='';

for(var xinarr){ varoj=arr x[ ]; options options= + '<option

value="'+oj.MAKXE+'">'+oj.TENKXE+'</option>'; }

$(".cbkxe").html(options); })

} //

functionloadLoaiXe(s){ vardatasend={ search:s

} //ajax

$(".addDataLoaiXe").html('<img src="images/loading.gif" width="30px" height="30px" /><b><i>Đang tải dữ liệu</i></b>');

queryDataGet("../php/data_get_loai_xe.php",datasend,function(res){ console.log(res);

vararr=res.items; vardata=''; vari=; for(var xinarr){

</div><span class="text_page_counter">Trang 35</span><div class="page_container" data-page="35">

'<td class= "click_kieuxe"

data-makxe="'+item makxe. +'">'+item.tenkxe+'</td>'+'<td><span class="badge badgedanger click_xoa" data-txtmahang="'+item.MAHANG+'">'+

'<i class="fa fa-bitbucket"></i>&nbsp;Xóa</span>&nbsp;'+

'<span class="badge badge-danger click_sua"

data-txtmahang="'+item.MAHANG+'" data-txttenhang="'+item.TENHANG+'" txtmahang="'+item.MAHANG+'" data-txtsoluong="'+item.SOLUONG+'" data-txtdongiapn="'+item.DONGIAPN+'" data-txtdongiaban="'+item.DONGIABAN+'"><i class="fa fa-edit"></i>Sửa</span></td>'+

'</tr>'; i=i+;

//console.log("MATL"+item.MATL);

//console.log("TENTL"+item.TENTL);

}

//console.log(data)

$(".addDataLoaiXe").html(data); })

}

functionloadKieuXe(s=" ") { vardatasend= { search:s

(ifarr length. ==0) {

$(".addDataKieuXe").html('Chưa có dữ liệu'); } else {

vari= ; 1 for (varx inarr) { varitem=arr[x]; data=data +'<tr>' +

'<th scope="row">' +i+'</th>' +

</div><span class="text_page_counter">Trang 36</span><div class="page_container" data-page="36">

'<i class="fa fa-bitbucket"></i>&nbsp;Xóa</span>&nbsp;'+

'<span class="badge badge-danger click_sua" data-makxe="'

+item.makxe +'" data-tenkxe="' +item.tenkxe+'" data-motakxe="' +item motakxe. +'"><i class="fa fa-edit"></i>Sửa</span></td>' +

'</tr>'; i=i+1 }

console.log(data);

$(".addDataKieuXe").html(data); }

});}

functionloadKieuXe_page(page record, ) { varsearch=$(".txtsearch").val(); vardatasend= {

page: page, record: record, search: search

(ifdata.length==0) {

$(".addDataKieuXe").html("khơng có dữ liệu"); loadKieuXe_page $( (this).val(), record) $(".pagenumbercx").html(""

} else { varhtmls= ; ''

for (varx indata) { varitem=data[x]; htmls =htmls +'<tr>' +

'<th scope="row">' +stt+'</th>'+

'<td>'+item.MAKXE+'</td>' +

'<td>'+item.TENKXE +'</td>' +

'<td>'+item.MOTAKXE+'</td>' +

</div><span class="text_page_counter">Trang 37</span><div class="page_container" data-page="37">

37 makxe="' +item.MAKXE +'">' +

'<i class="fa fa-bitbucket"></i>&nbsp;Xóa</span>&nbsp;'+

'<span class="badge badge-danger click_sua" data-makxe="'

+item.MAKXE +'" data-tenkxe="' +item.TENKXE+'" data-motakxe="' +item.MOTAKXE+'"><i class="fa fa-edit"></i>Sửa</span></td>' +

'</tr>'; stt=stt+ ; }

$(".addDataKieuXe").html(htmls);

buildSlidePage $( (".pagenumbercx"), 5res.page, res.totalpage); }

});}

</div><span class="text_page_counter">Trang 38</span><div class="page_container" data-page="38">

38

<b>Chương 6: Kiểm thử: </b>

- Kiểm th nút thêm ử

<small>Hinh . Ki m th nút thêm 10ểử</small>- Kiểm th nút xóaử

<small>Hinh . Ki m th nút xóa 11ểử</small>- Kiểm th nút s a ử ử

</div><span class="text_page_counter">Trang 39</span><div class="page_container" data-page="39">

39 <small>Hinh . Ki m th nút s a 12ểửử</small>

- Kiểm th b ng postman ử ằ

<small>Hinh . Postman 13</small>

</div><span class="text_page_counter">Trang 40</span><div class="page_container" data-page="40">

h ệ thống phân tích thi t k ế ế đã mơ tả như ở trên.

<b>3. Ưu và nhược điểm </b>

Ưu điểm: Nhược điểm:

B t l i h n chắ ỗ ạ ế, chưa hoàn thiện. X ử lý code chưa đượ ối ưu lắm.c t

<b>4. Hướng phát triển </b>

</div>

×