Chỉnh sửa phương thức php

Xin chào, tôi cần ai đó tạo thông tin đăng nhập WP vào bảng điều khiển giao diện người dùng tùy chỉnh của người dùng. Bạn có thể sử dụng các plugin miễn phí như Forminator, Ultimate member, ARMember, tạo Plugin WP, v.v. Các yêu cầu như sau. 1. Đăng ký [6-files, trang thông báo/tin nhắn sau khi nộp] 2. Email xác nhận [gửi. sử dụng các plugin miễn phí như Forminator, Ultimate member, ARMember, tạo Plugin WP, v.v. Các yêu cầu như sau. 1. Đăng ký [6-files, trang thông báo/tin nhắn sau khi nộp] 2. Email xác nhận [gửi FName, Email, BCategory tới AWeber hoặc GetResponse API] 3. Đăng nhập [nhớ tôi, quên mật khẩu] 4. Bảng điều khiển giao diện người dùng [không có quyền truy cập vào Quản trị viên WP] a. Chỉnh sửa hồ sơ người dùng/thay đổi mật khẩu, v.v. b. Bảng điều khiển với điều hướng ngang và dọc. liên kết. Để được thêm vào exis

Cách tạo Crud trong PHP và MySQL bằng Bootstrap Modal Popup và AJAX

Sau đây chúng ta sẽ hiểu các điểm sau về cách tạo Crud trong PHP và MySQL

1- Hiển thị dữ liệu động từ cơ sở dữ liệu

2-Chèn bản ghi vào My SQL bằng Bootstrap Modal Popup và PHP

3- Cập nhật Bản ghi trong Bảng My SQL bằng Bootstrap Modal Popup và PHP

Mã nguồn. Crud trong PHP và MySQL

Mục lục. php




	
	
	
	User Data
	
	
	
	
	
	
	
	


    

How to Create Crud in PHP and MySQL using Bootstrap Modal Popup and AJAX

Bảng SQL về Cách tạo Crud trong PHP và MySQL bằng Bootstrap Modal Popup và AJAX

CREATE TABLE `student` (
  `id` int(11) NOT NULL,
  `name` varchar(100) NOT NULL,
  `email` varchar(100) NOT NULL,
  `phone` varchar(100) NOT NULL,
  `city` varchar(100) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

ALTER TABLE `student`
  ADD PRIMARY KEY (`id`);

ALTER TABLE `student`
  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=19;
COMMIT;

db. php để biết Cách tạo Crud trong PHP và MySQL bằng Bootstrap Modal Popup và AJAX

tiết kiệm. php

 0){
	if($_POST['type']==1){
		$name=$_POST['name'];
		$email=$_POST['email'];
		$phone=$_POST['phone'];
		$city=$_POST['city'];
		$sql = "INSERT INTO `student`( `name`, `email`,`phone`,`city`) 
		VALUES ('$name','$email','$phone','$city')";
		if (mysqli_query($conn, $sql)) {
			echo json_encode(array("statusCode"=>200));
		} 
		else {
			echo "Error: " . $sql . "
" . mysqli_error($conn); } mysqli_close($conn); } } if(count($_POST)>0){ if($_POST['type']==2){ $id=$_POST['id']; $name=$_POST['name']; $email=$_POST['email']; $phone=$_POST['phone']; $city=$_POST['city']; $sql = "UPDATE `student` SET `name`='$name',`email`='$email',`phone`='$phone',`city`='$city' WHERE id=$id"; if (mysqli_query($conn, $sql)) { echo json_encode(array("statusCode"=>200)); } else { echo "Error: " . $sql . "
" . mysqli_error($conn); } mysqli_close($conn); } } if(count($_POST)>0){ if($_POST['type']==3){ $id=$_POST['id']; $sql = "DELETE FROM `student` WHERE id=$id "; if (mysqli_query($conn, $sql)) { echo $id; } else { echo "Error: " . $sql . "
" . mysqli_error($conn); } mysqli_close($conn); } } if(count($_POST)>0){ if($_POST['type']==4){ $id=$_POST['id']; $sql = "DELETE FROM 'student' WHERE id in ($id)"; if (mysqli_query($conn, $sql)) { echo $id; } else { echo "Error: " . $sql . "
" . mysqli_error($conn); } mysqli_close($conn); } } ?>

Mã CSS

body {
  color: #566787;
  background: #f5f5f5;
  font-family: varela round, sans-serif;
  font-size: 13px;
}
.table-wrapper {
  background: #fff;
  padding: 20px 25px;
  margin: 30px 0;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.table-title {
  padding-bottom: 15px;
  background: #435d7d;
  color: #fff;
  padding: 16px 30px;
  margin: -20px -25px 10px;
  border-radius: 3px 3px 0 0;
}
.table-title h2 {
  margin: 5px 0 0;
  font-size: 24px;
}
.table-title .btn-group {
  float: right;
}
.table-title .btn {
  color: #fff;
  float: right;
  font-size: 13px;
  min-width: 50px;
  border-radius: 2px;
  border: none;
  outline: none!important;
  margin-left: 10px;
}
.table-title .btn i {
  float: left;
  font-size: 21px;
  margin-right: 5px;
}
.table-title .btn span {
  float: left;
  margin-top: 2px;
}
table.table tr th,
table.table tr td {
  border-color: #e9e9e9;
  padding: 12px 15px;
  vertical-align: middle;
}
table.table tr th:first-child {
  width: 60px;
}
table.table tr th:last-child {
  width: 100px;
}
table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fcfcfc;
}
table.table-striped.table-hover tbody tr:hover {
  background: #f5f5f5;
}
table.table th i {
  font-size: 13px;
  margin: 0 5px;
  cursor: pointer;
}
table.table td:last-child i {
  opacity: .9;
  font-size: 22px;
  margin: 0 5px;
}
table.table td a {
  font-weight: 700;
  color: #566787;
  display: inline-block;
  text-decoration: none;
  outline: none !important;
}
table.table td a:hover {
  color: #2196f3;
}
table.table td a.edit {
  color: #ffc107;
}
table.table td a.delete {
  color: #f44336;
}
table.table td i {
  font-size: 19px;
}
table.table .avatar {
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
}
.pagination {
  float: right;
  margin: 0 0 5px;
}
.pagination li a {
  border: none;
  font-size: 13px;
  min-width: 30px;
  min-height: 30px;
  color: #999;
  margin: 0 2px;
  line-height: 30px;
  border-radius: 2px!important;
  text-align: center;
  padding: 0 6px;
}
.pagination li a:hover {
  color: #666666;
}
.pagination li.active a,
.pagination li.active a.page-link {
  background: #03a9f4;
}
.pagination li.active a:hover {
  background: #0397d6;
}
.pagination li.disabled i {
  color: #cccccc;
}
.pagination li i {
  font-size: 16px;
  padding-top: 6px;
}
.hint-text {
  float: left;
  margin-top: 10px;
  font-size: 13px;
}
.custom-checkbox {
  position: relative;
}
.custom-checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 5px 0 0 3px;
  z-index: 9;
}
.custom-checkbox label:before {
  width: 18px;
  height: 18px;
}
.custom-checkbox label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 2px;
  box-sizing: border-box;
  z-index: 2;
}
.custom-checkbox input[type=checkbox]:checked + label:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: inherit;
  z-index: 3;
  transform: rotateZ(45deg);
}
.custom-checkbox input[type=checkbox]:checked + label:before {
  border-color: #03a9f4;
  background: #03a9f4;
}
.custom-checkbox input[type=checkbox]:checked + label:after {
  border-color: #ffffff;
}
.custom-checkbox input[type=checkbox]:disabled + label:before {
  color: #b8b8b8;
  cursor: auto;
  box-shadow: none;
  background: #dddddd;
}
.modal .modal-dialog {
  max-width: 400px;
}
.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
  padding: 20px 30px;
}
.modal .modal-content {
  border-radius: 3px;
}
.modal .modal-footer {
  background: #ecf0f1;
  border-radius: 0 0 3px 3px;
}
.modal .modal-title {
  display: inline-block;
}
.modal .form-control {
  border-radius: 2px;
  box-shadow: none;
  border-color: #dddddd;
}
.modal textarea.form-control {
  resize: vertical;
}
.modal .btn {
  border-radius: 2px;
  min-width: 100px;
}
.modal form label {
  font-weight: 400;
}

ajax. js

$(document).on('click','#btn-add',function(e) {
		var data = $("#user_form").serialize();
		$.ajax({
			data: data,
			type: "post",
			url: "save.php",
			success: function(dataResult){
					var dataResult = JSON.parse(dataResult);
					if(dataResult.statusCode==200){
						$('#addEmployeeModal').modal('hide');
						alert('Data added successfully !'); 
                        location.reload();						
					}
					else if(dataResult.statusCode==201){
					   alert(dataResult);
					}
			}
		});
	});
	$(document).on('click','.update',function(e) {
		var id=$(this).attr("data-id");
		var name=$(this).attr("data-name");
		var email=$(this).attr("data-email");
		var phone=$(this).attr("data-phone");
		var city=$(this).attr("data-city");
		$('#id_u').val(id);
		$('#name_u').val(name);
		$('#email_u').val(email);
		$('#phone_u').val(phone);
		$('#city_u').val(city);
	});
	
	$(document).on('click','#update',function(e) {
		var data = $("#update_form").serialize();
		$.ajax({
			data: data,
			type: "post",
			url: "save.php",
			success: function(dataResult){
					var dataResult = JSON.parse(dataResult);
					if(dataResult.statusCode==200){
						$('#editEmployeeModal').modal('hide');
						alert('Data updated successfully !'); 
                        location.reload();						
					}
					else if(dataResult.statusCode==201){
					   alert(dataResult);
					}
			}
		});
	});
	$(document).on("click", ".delete", function() { 
		var id=$(this).attr("data-id");
		$('#id_d').val(id);
		
	});
	$(document).on("click", "#delete", function() { 
		$.ajax({
			url: "save.php",
			type: "POST",
			cache: false,
			data:{
				type:3,
				id: $("#id_d").val()
			},
			success: function(dataResult){
                location.reload();	
					$('#deleteEmployeeModal').modal('hide');
					$("#"+dataResult).remove();
                    
			}
		});	
	});
	$(document).on("click", "#delete_multiple", function() {
		var user = [];
		$(".user_checkbox:checked").each(function() {
			user.push($(this).data('user-id'));
		});
		if(user.length <=0) {
			alert("Please select records."); 
		} 
		else { 
			WRN_PROFILE_DELETE = "Are you sure you want to delete "+(user.length>1?"these":"this")+" row?";
			var checked = confirm(WRN_PROFILE_DELETE);
			if(checked == true) {
				var selected_values = user.join(",");
				console.log(selected_values);
				$.ajax({
					type: "POST",
					url: "save.php",
					cache:false,
					data:{
						type: 4,						
						id : selected_values
					},
					success: function(response) {
						var ids = response.split(",");
						for (var i=0; i < ids.length; i++ ) {	
							$("#"+ids[i]).remove(); 
						}	
					} 
				});location.reload();	 
			}  
		} 
	});
	$(document).ready(function(){
		$('[data-toggle="tooltip"]').tooltip();
		var checkbox = $('table tbody input[type="checkbox"]');
		$("#selectAll").click(function(){
			if(this.checked){
				checkbox.each(function(){
					this.checked = true;                        
				});
			} else{
				checkbox.each(function(){
					this.checked = false;                        
				});
			} 
		});
		checkbox.click(function(){
			if(!this.checked){
				$("#selectAll").prop("checked", false);
			}
		});
	});

Xem thêm

Kết quả. Cách tạo Crud trong PHP và MySQL bằng Bootstrap Modal Popup và AJAX

Chỉnh sửa phương thức php
Crud trong PHP và MySQL sử dụng Bootstrap Modal Popup và AJAX

Tải xuống mã nguồn

Giới thiệu về tác giả bài viết

Quản trị viên

Xem bài viết của tác giả

thẻ. Cửa sổ bật lên phương thức Bootstrap

Tiếp tục đọc

Trước Cách tạo và sử dụng dịch vụ web RESTful JSON trong PHP

Tiếp theo Cách lấy ngày giờ hiện tại ở nhiều định dạng trong PHP