index
<%-- Document : index Created on : Jul 12, 2023, 11:54:22 PM Author : MSI GTX --%> <%@page import="Models.Account"%> <%@page import="DAOs.AccountDAO"%> <%@page import="DAOs.DetailDAO"%> <%@page import="java.sql.ResultSet"%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> <link rel="stylesheet" href="style.css"> <style> .user-container { border: 1px solid black; /* Tạo viền khung */ padding: 10px; /* Tạo khoảng cách bên trong khung */ width: fit-content; /* Chỉ chiều rộng cần thiết */ } .logout-button { display: none; /* Ẩn ban đầu */ } </style> </head> <body> <!--Bắt đầu phần Header--> <div class="header"> <div class="products row row-small large-columns-4 medium-columns-3 small-columns-4 equalize-box center-align"> <div class="logo"> <!--logo--> <a href="index.jsp"><img src="img/logo.jpg"></a> </div> <div class="search"> <!--content search--> <form method="GET" action="search.jsp"> <input type="text" name="keyword" placeholder="Nhập tên loại hoa..."> <button type="submit">Tìm kiếm</button> </form> </div> <!-- <div class="cart"> <a href="index.jsp"><img src="img/cart.png"></a> </div>--> <% AccountDAO daos = new AccountDAO(); String dv = ""; boolean loggedIn = false; String loggedInUser = null; Account sv = null; Cookie[] cookies = request.getCookies(); if (cookies != null) { for (Cookie cookie : cookies) { if (cookie.getName().equals("quantri")) { loggedIn = true; loggedInUser = cookie.getValue(); sv = daos.GetAccount(loggedInUser); dv = sv.getName(); break; } } } // Kiểm tra cookie "quantri" có tồn tại hay không if (loggedInUser == null) { response.sendRedirect("index.jsp"); } %> <div class="user-container" onclick="toggleLogoutButton()"> <% if (loggedIn) {%> <!-- Hiển thị thông tin người dùng đã đăng nhập --> <a><%= dv%></a> <% } else { %> <!-- Hiển thị nút đăng nhập --> <form action="login.jsp" method="post"> <input type="submit" value="Login"> </form> <% } %> <form action="login.jsp" method="post" class="logout-button"> <input type="submit" value="Logout"> </form> </div> <script> function toggleLogoutButton() { var logoutButton = document.querySelector('.logout-button'); logoutButton.style.display = (logoutButton.style.display === 'none') ? 'block' : 'none'; } </script> </div> </div> <!--phần Banner--> <div class="slideshow"> <img src="img/Spring.jpg" class="banner" alt="Banner 1"> <img src="img/Summer.jpg" class="banner" alt="Banner 2"> <img src="img/Autumn.jpg" class="banner" alt="Banner 3"> <img src="img/Winter.jpg" class="banner" alt="Banner 3"> </div> <!--Kết thúc Header--> <div class="menu" id="flower-list"> <!--content menu--> <div class="products row row-small large-columns-4 medium-columns-3 small-columns-2 equalize-box center-align"> <li><a href="index.jsp" class="dropbtn">Home</a></li> <li class="dropdown"> <a href="#" onclick="myFunction('flowerDropdown')" class="dropbtn">Flower</a> <div id="flowerDropdown" class="dropdown-content"> <a href="hoahong.jsp">Hoa Hồng</a> <a href="huongduong.jsp">Hoa Hướng Dương</a> <a href="hoatulip.jsp">Hoa Tulip</a> <a href="hoamaudon.jsp">Hoa Mẫu Đơn</a> </div> </li> <li><a href="hoabo.jsp" class="dropbtn">Hoa Bó</a></li> <li><a href="hoagio.jsp" class="dropbtn">Hoa Giỏ</a></li> <li><a href="hoasinhnhat.jsp" class="dropbtn">Hoa Sinh Nhật</a></li> </div> </div> <footer> <div class="footer-links"></div> </footer> <!--nội dung--> <div class="shop-container" > <div class="products row row-small large-columns-4 medium-columns-3 small-columns-2 equalize-box center-align"> <% int productsPerPage = 30; // Số sản phẩm trên mỗi trang int currentPage = 1; // Trang hiện tại, ban đầu là trang đầu tiên DetailDAO dao = new DetailDAO(); ResultSet rs = dao.GetAll(); int count = 0; // Biến đếm số sản phẩm đã được hiển thị while (rs.next()) { count++; if (count >= (currentPage - 1) * productsPerPage + 1 && count <= currentPage * productsPerPage) { // Hiển thị sản phẩm // ... %> <div class="flower"> <div class="col-inner"> <div class="box-image"> <div class="image_fade_in_back"> <img width="250" height="250" src="<%= rs.getString("Linkimage")%>" alt="Product Image"> </div> </div> <!--chuyển sang trang chi tiết--> <div class="box-text"> <div class="title-wrapper"> <p class="product-title" style="height: 31px;"><a href="chitiet.jsp?maso=<%= rs.getString("ID")%>"><%= rs.getString("FlowerName")%></a></p> </div> <div class="price-wrapper" style="height: 19px;"> <span class="price"><%= rs.getString("Price")%>₫</span> </div> <form method="POST" action="datHang.jsp"> <input type="hidden" name="maso" value="<%= rs.getString("ID")%>"> <div type="button" class="add-to-cart-button" style="height: 49px;" > <button type="submit" style="background-color: red; width: 120px; font-size: 18px">Mua hàng</button> </div> </form> </div> </div> </div> <% } } %> </div> </div> <div class="container-123"> <ul class="pagination"> <li><a class="prev page-number" href="index.jsp"><i class="icon-angle-left"></i><</a></li> <li><a aria-current="page" class="page-number">1</a></li> <li><a class="page-number" href="index2.jsp">2</a></li> <li><a class="next page-number" href="index2.jsp"><i class="icon-angle-right"></i>></a></li> </ul> </div> <!--bắt đầu footer--> <footer> <div class="back-ground"> <div class="inner-content"> <div class="ft-contact"> <h2>Flower Shop DNC</h2> <div class="ft-contact-address">Địa chỉ: Cầu Rau Răm, đường Nguyễn Văn Cừ nối dài, An Bình, Ninh Kiều, Cần Thơ 900000</div> <div class="ft-contact-tele">Số điện thoại: <a>0984426872</a> </div> <div class="social-icons"> <a href="https://www.facebook.com/nhu.ng.509511"> <img src="https://i.pinimg.com/474x/31/65/e7/3165e7e62b12b0cc513e6f45971996aa.jpg" alt="Facebook"> </a> <a href="https://www.facebook.com/nhu.ng.509511"> <img src="https://i.pinimg.com/474x/5f/c0/0f/5fc00f979873e919a67869ffc001ac68.jpg" alt="Messenger"> </a> <a href="https://www.instagram.com/_tnhuuuu/"> <img src="https://i.pinimg.com/474x/85/60/3b/85603b87f49c708429e1e9f64c263676.jpg" alt="instagram"> </a> </div> </div> <div class="quick-links"> <h2>LIÊN KẾT NHANH</h2> <ul class="quick-links-address"> <li><a href="hoahong.jsp">Hoa Hồng</a></li> <li><a href="hoamaudon.jsp">Hoa Mẫu Đơn</a></li> <li><a href="hoatulip.jsp">Hoa Tulip</a></li> <li><a href="huongduong.jsp">Hoa Hướng Dương</a></li> <li><a href="hoagio.jsp">Hoa Giỏ</a></li> <li><a href="hoabo.jsp">Hoa Bó</a></li> </ul> </div> <div class="information"> <h2>THÔNG TIN</h2> <ul class="information-address"> <li><a href="index.jsp">Trang Chủ</a></li> <li><a href="#">Giới Thiệu</a></li> <li><a href="#">Bảo Mật</a></li> <li><a href="#">Chính Sách Đổi Trả</a></li> <li><a href="#">Điều Khoản Dịch Vụ</a></li> </ul> </div> <div class="newsletter"> <h2>Tại sao nên chọn shop hoa DNC </h2> <p> Không khó để bạn tìm được một cửa hàng hoa cung cấp dịch vụ đặt hoa online giao tận nơi. Vậy tại sao bạn nên sử dụng dịch vụ điện hoa (Flower Delivery) của shop hoa tươi Flower DNC? Hoa đẹp, thiết kế đa dạng phù hợp với tất cả sự kiện. Thiết kế theo yêu cầu của khách hàng. Gửi hình hoa trước khi giao. Đội ngũ Chăm sóc khách hàng chuyên nghiệp với nhiều năm kinh nghiệm.</p> </div> </div> <!--kết thúc của thẻ nội dung bên trong--> </div><!--footer--> </footer> <!--kết thúc footer--> <script src="script.js"></script> </body> </html>
Leave a Comment