Hướng dẫn php ajax crud github - php ajax crud github

Php PDO crud với Ajax JQuery và Bootstrap

Ứng dụng PHP MySQL CRUD bằng cách sử dụng JQuery Ajax và Bootstrap

• Git nhân bản kho lưu trữ

  Thiết lập dự án

• Đổi tên thư mục dự án của bạn thành "phpcrudajax"

  Tạo nên cơ sở dữ liệu:

• Tạo tên cơ sở dữ liệu "Người chơiDB"

• Tạo bảng bằng cách sử dụng câu lệnh SQL dưới đây

CREATE TABLE `players` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `pname` varchar(50) NOT NULL,
 `email` varchar(100) NOT NULL,
 `phone` varchar(15) NOT NULL,
 `photo` varchar(100) NOT NULL,
 `status` enum('1','0') NOT NULL DEFAULT '1',
 PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8

Chạy dự án

Chạy điểm localhost (Apache) điểm đến:

http://localhost/phpcrudajax

PHP-Jquery-Ajax-Crud-Example

Hôm nay, tôi muốn chia sẻ với bạn PHP MySQL CRUD bằng cách sử dụng JQuery Ajax từ đầu. CRUD là viết tắt của Tạo, đọc, cập nhật và xóa dữ liệu cơ sở dữ liệu. Thêm, chỉnh sửa, cập nhật và xóa chức năng được sử dụng hầu hết mọi ứng dụng PHP. Nhưng hôm nay tôi sẽ chỉ cho bạn cách rất đơn giản để sử dụng mô hình bootstrap.

Trong hướng dẫn này, chúng tôi sẽ thực hiện việc chèn, cập nhật và xóa nhiệm vụ cho các mục. Trong ví dụ này, tôi cũng sử dụng bootstrap cho bố cục. Tôi chỉ viết vài bước để theo dõi bạn có thể thực hiện ứng dụng CRUD đơn giản với phân trang jQuery trong dự án Laravel 5 của bạn.

Trong ví dụ này, tôi đã sử dụng một số plugin jQuery cho FIRE AJAX, Ajax Pagination, Bootstrap, Bootstrap Xác thực, Thông báo như được liệt kê dưới đây.

1.Jquery

2.Bootstrap

3.TWbSpagination JS

4.Validator JS (Ví dụ xác thực biểu mẫu Bootstrap với bản demo sử dụng plugin Validator.js)

5.toastr JS (ví dụ hộp bật popup thông báo jQuery sử dụng plugin Toastr JS với bản demo)

Ví dụ Ajax CRUD đơn giản này, tôi đã tạo "Quản lý mục" với bạn có thể thực hiện một số tùy chọn như dưới đây:

1. Danh sách mục

2. Mục tạo

3. Chỉnh sửa mục

4. Xóa mục

Bạn có thể triển khai ứng dụng CRUD từ đầu, vì vậy không phải lo lắng nếu bạn có thể thực hiện thông qua bước đơn giản. Sau khi tạo ví dụ thành công, bạn sẽ tìm thấy bố cục dưới đây:

Php-ajax-crud + tải lên tệp + pagination + nhiều xóa với hộp kiểm

Đây là một ứng dụng CRUD đơn giản cho PHP AJAX với chức năng sau.

• Tạo, Cập nhật, Xóa
• Phân trang
• Tải lên tệp
• BẤT NHI cách xóa với hộp kiểm

Cấu trúc thư mục

    ├── assets/
          ├── action.js -- your action js
          ├── custom.css -- your custom css
          ├── jquery-3.1.1.min -- jquery library
    ├── config/ -- your db connection 
    ├── template/ 
          ├── header.php
          ├── content.php
          ├── foorter.php
    ├── upload/ -- your stoarage for images
    ├── view / -- your pages 
    ├── index.php  -- your simple route logic 

SQL

Tạo cơ sở dữ liệu và sao chép mã SQL bên dưới.

    -- phpMyAdmin SQL Dump
-- version 4.7.7
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Mar 19, 2018 at 11:35 AM
-- Server version: 10.1.30-MariaDB
-- PHP Version: 7.2.2

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `crud_review_2018`
--

-- --------------------------------------------------------

--
-- Table structure for table `employee`
--

CREATE TABLE `employee` (
  `emp_id` int(11) NOT NULL,
  `firstname` varchar(200) NOT NULL,
  `lastname` varchar(200) NOT NULL,
  `address` varchar(200) NOT NULL,
  `image_name` varchar(100) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `employee`
--

INSERT INTO `employee` (`emp_id`, `firstname`, `lastname`, `address`, `image_name`) VALUES
(32, 'johnysd', 'bravo', 'atlanta', 'Penguins.jpg'),
(37, 'john ', 'tumulak', 'bankal', 'Chrysanthemum.jpg');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `employee`
--
ALTER TABLE `employee`
  ADD PRIMARY KEY (`emp_id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `employee`
--
ALTER TABLE `employee`
  MODIFY `emp_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=38;
COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

db.php

Tạo kết nối cơ sở dữ liệu

<?php session_start() ?>
<?php 
	
	$ServerName = "localhost";
	$Username	= "root";
	$Password	= "";
	$DbName		= "crud_review_2018";
	$db = null;

	try {
		$db = new PDO("mysql:host=$ServerName;dbname=$DbName",$Username,$Password);
		$db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
		
	} catch (PDOException $e) {
		echo "Connection Failed:" . $e->getMessage();
		die();
	}

 ?>
 <?php require 'functions.php' ?>

Chỉ cần tải xuống để kiểm tra các chi tiết đầy đủ https://github.com/reyven90/php-ajax-rogin

Thêm câu hỏi Chỉ cần PM cho tôi trên Facebook https://www.facebook.com/jay.romantiko

Cảm ơn bạn đã theo dõi Goodbless :-)