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

LỜI CẢM ƠNLời đầu tiên cho phép chúng em gửi lời cảm ơn tới nhà trường, khoa 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 suốt những năm học vừa qua truyề

Trang 1

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI Khoa: Điện tử viễn thông

Báo cáo môn: Lập Trình Ứng Dụng

Giáo viên hướng dẫn: Vũ Song Tùng

Nguyễn Thị Thúy Hằng

Vũ Hà Huy

Nguyễn Hữu Long

Hà Nội – năm 2022

Trang 2

LỜI CẢM ƠN

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

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

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 để hoà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

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 đã

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

Trang 3

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

-MỞ ĐẦU

1 Lý do chọn đề tài

Trang 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 buôn 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ó toà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

toà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

Trang 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

Trang 6

Phần 1: Thiết kế cơ sở dữ liệu

Cơ sở dữ liệu:

Sơ đồ cơ sở dữ liệu

Trang 10

1 Giao diện và code xử xý:

2.1 Giao diện trang chủ:

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="https://fonts.googleapis.com">

11 <linkrel="preconnect"href="https://fonts.gstatic.com"crossorigin>

12 <linkhref="https://fonts.googleapis.com/css2?

family=Poppins&display=swap"rel="stylesheet">

13.<body>

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

Trang 11

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

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

Trang 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>

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>

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 >

Trang 13

//create connection toi database

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

Trang 14

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

Trang 16

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

Trang 32

}

?>

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

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

Html trang danh sách sản phẩm:

<!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="https://code.jquery.com/jquery-3.5.1.js"></script>

<?php

Trang 33

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

class="khoancach"></div>

Trang 34

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

<! thẻ footer >

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

</body>

</html>

Trang 36

Trang 37

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

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

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

Trang 38

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

<!DOCTYPEhtml>

<htmllang="en">

<head>

<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> >

Trang 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">

Trang 40

</div>

<divclass="right_sp">

<divclass="tieudesanpham">

</div>

</div>

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

</div>

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

<hr>

</div>

<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">

Trang 41

<spanclass="close-button">×</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

Quý 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>

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

<divclass="modal2">

<divclass="modal-content2">

<spanclass="close-button2">×</span>

Trang 42

<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

<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>

<menu>

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

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

Trang 43

<inputtype="text"name="mamh"style="display: none"value="<?php echo "$id"; ?> >"

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") {

Trang 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>

Trang 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);

Trang 46

if($soluong!="0"&&$soluong!="default"){

$sql="insert into donhang

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

execute($sql);

echo'

Trang 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: color: teal; border-radius: 5px;" ><a href=" /index.php" style="text-decoration: none; color: white;">Ấn để tiếp tục </a></button></center> ';

}

?>

Trang 48

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

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

Trang 49

<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">

Trang 54

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

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

Html trang chính sách cửa hàng:

<!DOCTYPEhtml>

<htmllang="en">

<head>

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

</head>

<?php

require_once('xuly.php');

?>

Tiêu đề	Lập Trình Ứng Dụng
Tác giả	Lê Chí Kiên, Nguyễn Thị Thúy Hằng, Vũ Hà Huy, Nguyễn Hữu Long
Người hướng dẫn	Vũ Song Tùng
Trường học	Trường Đại Học Mở Hà Nội
Chuyên ngành	Điện Tử Viễn Thông
Thể loại	báo cáo
Năm xuất bản	2022
Thành phố	Hà Nội

Định dạng
Số trang	108
Dung lượng	6,57 MB