Trong hướng dẫn này, chúng ta sẽ học Cách tạo mã Thích và Không thích bằng cách sử dụng PHP, MySQL và jQuery

Hệ thống đánh giá rất hữu ích cho mọi dự án web. Thông qua hệ thống này, quản trị viên web có thể theo dõi lượt thích và không thích của khách truy cập. Ngoài ra, nó sẽ giúp quản trị viên web hiểu các lựa chọn của khách truy cập và làm cho trang web của họ tương tác nhiều hơn với khách truy cập

Thử nghiệm

Tải xuống

Chúng tôi đã thực hiện đánh giá đơn giản hoặc thích hoặc không thích hệ thống mã bằng cách sử dụng PHP, MySQL, jQuery và Ajax. Hệ thống xếp hạng này đưa khách truy cập thích hoặc không thích với jQuery và Ajax

Bước 1. Tạo bảng 'thích' cơ sở dữ liệu bằng truy vấn MySQL

CREATE TABLE `likes` [
  `id` int[5] NOT NULL AUTO_INCREMENT,
  `pid` int[10] NOT NULL,
  `like` int[10] NOT NULL,
  `unlike` int[10] NOT NULL,
  `uid` varchar[100] NOT NULL,
  PRIMARY KEY [`id`]
] ENGINE=MyISAM AUTO_INCREMENT=1;

Bước 2. Tạo bảng 'sản phẩm' cơ sở dữ liệu bằng truy vấn MySQL

CREATE TABLE `products` [
  `id` int[11] NOT NULL AUTO_INCREMENT,
  `product_name` varchar[255] NOT NULL,
  `price` double[10,2] NOT NULL DEFAULT '0.00',
  `status` int[2] NOT NULL DEFAULT '1',
  PRIMARY KEY [`id`]
] ENGINE=InnoDB AUTO_INCREMENT=4;

-- 
-- Dumping data for table `products`
-- 

INSERT INTO `products` VALUES [1, 'developer desks design book', 20.00,  1];
INSERT INTO `products` VALUES [2, 'Developer desks login tutorials', 10.00, , 1];
INSERT INTO `products` VALUES [3, 'developer desks coding book', 100.00,  1];

Bước 3. Kết nối chức năng DB với mã hóa db

Bước 4. Mục lục. tệp php có Tệp chính hiển thị danh sách sản phẩm và các nút thích

  
  
   

    

    
PHPGang Shopping store
        

            

            
            
        
    

  

Bước 5. Tạo kiểu cho css

.button_like {
    background-image: url[like.png];
    background-color: #fff;
    background-repeat: no-repeat; 
    background-position: 2px 0;
    border: none;           
    cursor: pointer;       
    height: 32px;          
    padding-left: 40px;    
    vertical-align: middle;
    color: hsl[0, 0%, 33%];
    
 
}
.button_unlike {
    background-image: url[like.png];
    background-color: #FFF;
    background-repeat: no-repeat; 
    background-position: 2px -31px;
    border: none;           
    cursor: pointer;       
    height: 32px;          
    padding-left: 40px;    
    vertical-align: middle;
    color: hsl[0, 0%, 33%];
    
 
}
.button_disable{
    background-image: url["likebw.png"];
}
.grid
{
    width: 450px;
    margin: 0 auto;
    text-align:middle;
}
.thumbnail-list {
  list-style:none;
  margin:0;
  padding:0;
  font-size:0;
}
.thumbnail-list li {
  display:inline-block;
  vertical-align:top;
  width:50%;
  padding:2%;
  font-size:12px;
}
.thumbnail-list img {
  display:block;
  width:100%;
}
.item { background:green; }
.cut-price {
  text-decoration:line-through;
  color:#ccc;
}
.product-price {
  float:left;
  width:100%;
  color:#999;
}
.btn-slide { display:none; }

@media [min-width:640px] {
  .thumbnail-list li { width:33.33333%; }
}
@media [max-width:767px] {
  .btn-slide {
    text-align:center;
    width:100%;
    padding:10px;
    margin:0 auto;
    display:block;
    font:bold 120%/100% Arial,Helvetica,sans-serif;
    color:#000;
    text-decoration:none;
    border:1px solid #ccc;
  }
  #panel { display:none; }
  .thumbnail-list li { text-align:center; }
}
@media [max-width:320px] {
  .thumbnail-list li { width: 100%}
}

Thêm mã jquery và liên kết css cho mã

Đây là mã đơn giản và dễ dàng cho hệ thống thích và không thích. Tôi hy vọng bạn thích điều này, vui lòng chia sẻ phản hồi của bạn trong phần nhận xét. Nếu bạn gặp phải bất kỳ vấn đề nào, vui lòng bình luận bên dưới

Làm cách nào để tạo nút thích và không thích trong PHP?

Làm cách nào để tạo nút thích trong PHP?

Làm cách nào để đếm like trong PHP?

Làm cách nào để thích một bài đăng trong PHP?