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

Lập trình ứng dụng easy word

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 (6.57 MB, 108 trang )

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

<b>TRƯỜNG ĐẠI HỌC MỞ HÀ NỘIKhoa: Điện tử viễn thơng</b>

<b>Báo cáo mơn: Lập Trình Ứng DụngGiáo viên hướng dẫn: Vũ Song Tùng</b>

<b>Nguyễn Thị Thúy HằngVũ Hà Huy</b>

<b>Nguyễn Hữu Long</b>

<b>Hà Nội – năm 2022</b>

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

<b>LỜI CẢM ƠN</b>

Lời đầu tiên cho phép chúng em gửi lời cảm ơn tới nhà trường, khoa

<b>Kỹ thuật-Điện tử viễn thông, các thầy cơ đã dạy dỗ và dìu dắt chúng em trong </b>

suốt những năm học vừa qua truyền thụ cho chúng em những kiến thức về chuyên ngành cũng như các lĩnh vực liên quan để sau này khi ra đời em có thể làm việc, đóng góp cho xã hội.

Trong thời gian qua chúng em đã cố gắng rất nhiều để hồn thành đề tài của mình, vì hạn chế về mặt kiến thức và nội dung nghiên cứu khá rộng nên chắc chắn

<b>sẽ có nhiều thiếu sót. Chúng em xin chân thành cảm ơn Thầy Vũ Song Tùng đã </b>

tạo điều kiện cho bọn em được làm việc nhóm cùng nhau. Sự hướng dẫn của thầy là một yếu tố quan trọng để chúng em có được thành cơng trong đồ án này.

Cuối cùng chúng em xin gửi lời cảm ơn tới gia đình, bạn bè cũng như các thành viên trong lớp K22B đã luôn sát cánh và hỗ trợ em trong quá trình thực hiện đề tài.

Chúng 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">

<b>Nhận xét của giáo viên hướng dẫn</b>

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

Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” thì việc có một Website để quảng bá công ty hay một Website cá nhân không cịn là điều gì xa xỉ nữa. Thơng qua Website khách hàng có thể lựa chọn những sản phẩm mà mình cần một cách nhanh chóng và hiệu quả. Website với mục đích cung cấp cho khách hàng các thơng tin chính xác về các sản phẩm son mơi đang có trên thị trường của các hãng có uy tín và cách thức đặt mua

hàng qua mạng. Các thông tin được cập nhật thường xuyên và nhanh chóng. Vì vậy, rút ngắn được khoảng cách giữa người mua và người bán, đưa thông tin về các sản phẩm mới nhanh chóng đến cho khách hàng.

2. Mục đích nghiên cứu

- Vận dụng tổng hợp những kiến thức đã học để tiến hành xây dựng Xây dựng

Website kinh doanh son môi trực tuyến.

- Đáp ứng nhu cầu mua bán ngày càng phát triển của xã hội qua đó thúc đẩy

phát triển bn bán. 3. Đối tượng của đề tài

Có 2 đối tượng sử dụng cơ bản là thành viên và nhà quản trị: * Thành viên: Qua Website, khách hàng có thể xem thơng tin, lựa chọn những sản phẩm ưa thích ở mọi nơi thậm chí ngay trong phịng làm việc của mình.

* Nhà quản trị: Nhà quản trị có tồn quyền sử dụng và cập nhật sản phẩm, hoáđơn, quản lý khách hàng, đảm bảo tính an tồn cho Website.

4. Phạm vi nhiên cứu

- Đáp ứng nhu cầu mua bán ngày càng phát triển của xã hội, xây dựng nên một

môi trường làm việc hiệu quả.

- Thúc đẩy phát triển buôn bán trực tuyến.

- Rút ngắn khoảng cách giữa người mua và người bán, tạo ra một Website trực

tuyến có thể đưa nhanh thông tin cũng như việc trao đổi mua bán các loại điện

thoại qua mạng.

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

- Việc quản lý hàng trở nên dễ dàng.

- Sản phẩm được sắp xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm

5. Phương pháp nghiên cứu - Nghiên cứu lý thuyết.

- Phân tích thiết kế hệ thống chương trình cho phù hợp. - Xây dựng chương trình theo những yêu cầu đã đặt ra. 6. Ý nghĩa khoa học và thực tiễn của đề tài

- Giúp nhà quản trị dễ dàng hơn trong việc quản lý sản phẩm, khách hàng.

- Nhà quản trị có thể cập nhật các sản phẩm một cách nhanh nhất giúp cho hoạt động của mình trở nên tốt hơn.

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

<b>Phần 1: Thiết kế cơ sở dữ liệuCơ sở dữ liệu:</b>

<b>Sơ đồ cơ sở dữ liệu</b>

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

<b>1. Giao diện và code xử xý:2.1 Giao diện trang chủ:</b>

Giao diện trang chủ 7. <metacharset="utf-8">

8. <linkrel="stylesheet"type="text/css"href="mystyle.css"> 9. <linkrel="stylesheet"type="text/css"href="style.css"> 10. <linkrel="preconnect"href=""> 11. <linkrel="preconnect"href=""crossorigin> 12. <linkhref=" 13.<body>

14. <?phprequire_once("xuly.php"); ?>

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

26. <divclass="khoancach"style="background-color: #F5F5DC;"></div> 27. <divclass="khoancach"style="background-color: #F5F5DC;"></div>

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

49. <divclass="row">

50. <divclass="column1"style="background-color:white;"> 51. <videowidth="400"controls>

52. <sourcesrc="img/video/Xu hướng thời trang 2020 _ Thời kì _CHUYỂN GIAO_ của thời trang thế giới..mp4"type="video/mp4"> 53. </video>

54. </div>

55. <divclass="column1"style="background-color:white;"> 56. <videowidth="400"controls>

57. <sourcesrc="img/video/yt1s.com - 7 xu hướng thời trang sẽ lên ngôi năm 2019.mp4"type="video/mp4">

58. </div>

59. <divclass="column1"style="background-color:white;"> 60. <videowidth="400"controls>

61. <sourcesrc="img/video/yt1s.com - 7 Xu hướng Thời trang Xuân Hè 2017 mọi Fashionista cần biết I ELLE Việt Nam.mp4"type="video/mp4"> 62. </div>

63. </div>

64. <!-- end tin tức -->

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

//create connection toi database

$conn = mysqli_connect(HOST, USERNAME, PASSWORD, DATABASE);

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

$conn = mysqli_connect(HOST, USERNAME, PASSWORD, DATABASE);

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

$sql="select malh from mathang where mamh='".$id."' ";

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

if($email== ||$hoten== ||$sodt== ||$password== ||$diachi== ){"" "" "" "" "" $_SESSION['erro']="Vui lịng nhập đầy đủ thơng tin";

$sqldn="insert into dangnhap values('$email','$password','0')"; //quền 0: là quyền của người dùng bình thường. Quyền 1 là quyền admin

execute($sqldn);

unset($_SESSION['erro']); header("location: ../dangnhap.php"); }

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

} ?>

<b>2.7 Giao diện danh sách sản phẩm: </b>

Giao diện xem danh sách sản phẩm

<b>Html trang danh sách sản phẩm:</b>

<!DOCTYPEhtml> <htmllang="en"> <head>

<metacharset="UTF-8">

<metahttp-equiv="X-UA-Compatible"content="IE=edge">

<metaname="viewport"content="width=device-width, initial-scale=1.0"> <linkrel="stylesheet"type="text/css"href="mystyle.css">

<scriptsrc=" <?php

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

<divclass="khoancach"></div><divclass="khoancach"></div><div

class="khoancach"></div>

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

<img src="'.$duongdan.'" alt="" id="hinhsp">

<divclass="khoancach"></div><divclass="khoancach"></div><div

class="khoancach"></div> <!-- thẻ footer -->

<?phprequire_once('foodter.php'); ?> </body>

</html>

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

<div class="xemthem"

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

<b>2.9 Giao diện xem chi tiết sản phẩm và mua hàng:</b>

Giao diện xem chi tiết sản phẩm

Giao diện đặt hàng sản phẩm

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

<b>Html giao diện xem chi tiết sản phẩm, mua hàng:</b>

<!DOCTYPEhtml> <htmllang="en"> <head>

<metacharset="UTF-8">

<metahttp-equiv="X-UA-Compatible"content="IE=edge">

<metaname="viewport"content="width=device-width, initial-scale=1.0"> <linkrel="stylesheet"type="text/css"href="mystyle.css">

<linkrel="stylesheet"type="text/css"href="modal.css"> <linkhref="css/main.css"rel="stylesheet"type="text/css"/> <scripttype="text/javascript"src="js/glMatrix-0.9.5.min.js"></script> <scripttype="text/javascript"src="js/webgl-utils.js"></script> <!--<script type="text/javascript" src="js/script.js"></script> -->

<title>Danh mục sản phẩm</title>

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

$gia=layGia($id);

$hinh="./hinh/".layHinh($id); ?>

<divclass="content_sp"> <divclass="left_sp"> <divclass="tensanpham"> <?php echo "$tenmh"; ?> </div>

<divclass="hinhsanpham">

<imgsrc="<?php echo "$hinh"; ?>"alt=""id="hinhsppp">

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

</div>

<divclass="right_sp"> <divclass="tieudesanpham">

<span>HÃNG SẢN XUẤT: </span> <p><?php echo "$tennsx"; ?></p> <hr>

</div>

<divclass="tieudesanpham">

<span>LOẠI HÀNG: </span> <p><?php echo "$tenlh"; ?></p> <hr>

</div>

<divclass="tieudesanpham">

<span>SỐ LƯỢNG: </span> <p><?php echo "$soluong"; ?></p> <hr>

</div>

<divclass="tieudesanpham"> <span>MÔ TẢ: </span>

<divstyle="width: 500px;"><?php echo "$mota"; ?></div> <hr>

</div>

<divclass="tieudesanpham">

<span>GIÁ: </span> <p><?php echo "$gia"; ?> </p>đ <hr>

</div> <br>

<buttonclass="trigger">Hướng dẫn mua hàng</button> <divclass="modal">

<divclass="modal-content">

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

<spanclass="close-button">&times;</span> <h1>Hướng dẫn mua hàng</h1>

<p>- Quý khách chọn xem chi tiết các mẫu sản phẩm tại website</p> <p>- Khi đã tìm được sản phẩm quan tâm và phù hợp, Quý khách có thể đặt hàng theo các hình thức sau đây:</p>

<h3>A. HÌNH THỨC MUA HÀNG TRỰC TUYẾN</h3>

<p>-Nhấn vào nút mua ngay sau đó chọn kích cỡ, số lượng sản phẩm rồi click vào nút “Đặt hàng” hệ thống sẽ ghi nhận. Nhân viên sẽ tiến hành xử lý đơn hàng cho quý khách.

Q khách có thể kiểm tra tình trạng đơn hàng ở mục "Xem đơn hàng" </p>

<h3>B. HÌNH THỨC MUA HÀNG QUA ĐIỆN THOẠI</h3> <p>- Chọn kích cỡ, màu sắc, số lượng sản phẩm, sau đó gọi hoặc gửi tin nhắn cho Seven.AM vào số hotline: 092.405.8888 để đặt hàng, nhân viên của Seven.AM sẽ liên hệ lại để xác nhận thông tin sản phẩm của và hướng dẫn Quý khách chuyển khoản thanh toán.</p>

</div> </div>

<buttonclass="trigger2">Hướng dẫn chọn size</button> <divclass="modal2">

<divclass="modal-content2">

<spanclass="close-button2">&times;</span>

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

<br><br>

<divclass="muahang">

<divclass="themgiohang"id="muahang">Mua ngay</div>

</div>

<dialogid="favDialog">

<formmethod="post"action="./function/dathang.php"> <p><label> <?php echo "$tenmh"; ?></label></p> <div

<p><label>Số lượng: <inputtype="number"></label></p> <div

class="khoancach"></div> <p><label>Size:

<selectname="size"id="cars"> <optionvalue="XS">XS</option> <optionvalue="S"> </option> <optionvalue="M">M</option> <optionvalue="L">L</option> <optionvalue="XL">XL</option> <optionvalue="XXL">XXL</option> </select>

</label></p> <divclass="khoancach"></div> </label></p> <divclass="khoancach"></div> <menu>

<buttonvalue="cancel"id="huy">Hủy</button>

<buttonid="confirmBtn"value="default"name="soluong">Đặt hàng</button>

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

<inputtype="text"name="mamh"style="display: none"value="<?

var btndatmua = document.getElementById('muahang'); var favDialog = document.getElementById('favDialog'); var outputBox = document.querySelector('output'); var soluong = document.querySelector('input');

var confirmBtn = document.getElementById('confirmBtn');

btndatmua.addEventListener('click', function onOpen() { (if typeof favDialog.showModal === "function") {

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

const modal = document.querySelector(".modal"); const trigger = document.querySelector(".trigger");

const closeButton = document.querySelector(".close-button");

trigger.addEventListener("click", toggleModal); closeButton.addEventListener("click", toggleModal); window.addEventListener("click", windowOnClick); </script>

<script>

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

const modal2 = document.querySelector(".modal2"); const trigger2 = document.querySelector(".trigger2");

const closeButton2 = document.querySelector(".close-button2");

trigger2.addEventListener("click", toggleModal2); closeButton2.addEventListener("click", toggleModal2); window.addEventListener("click", windowOnClick);

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

if($soluong!="0"&&$soluong!="default"){ $sql="insert into donhang

values('null','$iduser','$id','$size','$soluong',CURDATE(),'0')"; execute($sql);

echo'

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

<h1><center>Đặt hàng thành công. Đơn hàng của quý khách đã được hệ thống ghi nhận, chúng tôi sẽ xử lý đơn hàng của quý khách trong thời gian nhanh nhất</center></h1>

<h2><center>Cảm ơn quý khách đã tin tưởng và lựa chọn sản phẩm tại Shop!!!!!!!!</center> </h2>

<center> <button style="color:blue;width: 150px;height: 50px;background-color: teal; border-radius: 5px;" ><a href="../index.php" style="text-decoration: none; color: white;">Ấn để tiếp tục ...</a></button></center> ';

} ?>

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

<b>2.11 Giao diện trang xem tình trạng đơn hàng của khách:</b>

Giao diện tình trạng đơn hàng của khách

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

<metacharset="UTF-8">

<metaname="description"content="Học lập trình web"/> <linkrel="stylesheet"href="mystyle.css">

</head> <body> <!-- menu -->

<!-- <?phpinclude('menu-quantri.php'); ?> -->

<divclass="container-admin2"> <divclass="nav2">

</div>

<divclass="container"> <divclass="heding">

<span>Danh sách đơn đặt hàng</span>

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

<b>2.13 Giao diện chính sách cửa hàng:</b>

Giao diện chính sách cửa hàng

<b>Html trang chính sách cửa hàng:</b>

<!DOCTYPEhtml> <htmllang="en"> <head>

<metacharset="UTF-8">

<metahttp-equiv="X-UA-Compatible"content="IE=edge">

<metaname="viewport"content="width=device-width, initial-scale=1.0"> <linkrel="stylesheet"type="text/css"href="mystyle.css">

<linkrel="stylesheet"type="text/css"href="./css/lienhe.css"> </head>

require_once('xuly.php'); ?>

</div>

×