Hướng dẫn php oop crud - php oop crud

Question

Tổng quan

Trong bài hướng dẫn này, chúng tôi hướng dẫn bạn cách tạo cơ sở dữ liệu một cách đơn giản. Ngoài ra, chúng ta sử dụng OOP của PHP để tạo CRUD. Bạn có thể sử dụng kiến thức này trong các dự án hiện tại hoặc tương lai của mình.

Nội dung chính Show

Tổng quan
Bootstrap JavaScript - để làm cho các thành phần giao diện người dùng hoạt động thú vị .
Tạo layout footer
Tạo tập tin CSS

Chúng ta xây dựng giao diện bằng công nghệ Bootstrap.

Hiện nay trên mạng có rất nhiều bài hướng dẫn lập trình hướng đối tượng PHP, chúng có các ví dụ và cách triển khai khác nhau. Một số có thể hoàn toàn đúng, một số có thể không.

Tôi viết hướng dẫn này với mục tiêu rõ ràng: cung cấp hướng dẫn PHP OOP CRUD tốt nhất cho người mới bắt đầu.

Chúng ta muốn tìm hiểu cách triển khai PHP OOP chính xác. Có các framework PHP như CakePHP, CodeIgniter và Laravel thực hiện chính xác việc đó.

Những thứ đó cao hơn một bậc. Còn bây giờ, chúng ta sẽ học lập trình hướng đối tượng với PHP & MySQL. Làm việc với một framework PHP sẽ trở nên dễ dàng sau khi làm theo hướng dẫn này.

Bootstrap JavaScript - để làm cho các thành phần giao diện người dùng hoạt động thú vị .

BootboxJS - để hiển thị hộp thoại cảnh báo hoặc xác nhận đẹp.

Hãy tiếp tục và tạo tệp layout footer

Mở thư mục BanHang.

Tạo tệp layout_footer.php.

Nội dung CSS Bootstrap sẽ được bao gồm bên trong các thẻ head

Tạo thư mục Banhang và mở nó ra.
Tạo tệp layout_header.php.
Đặt mã sau.

<!DOCTYPE html>
<html lang="en">
<head>
  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
    <title><?php echo $page_title; ?></title>
  
    <!-- Latest compiled and minified Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
   
    <!-- our custom CSS -->
    <link rel="stylesheet" href="libs/css/custom.css" />
   
</head>
<body>
  
    <!-- container -->
    <div class="container">
  
        <?php
        // show page header
        echo "<div class='page-header'>
                <h2>{$page_title}</h2>
            </div>";
        ?>

Layout_footer.php này sẽ được bao gồm ở cuối mỗi tệp PHP cần nó. Bằng cách này, chúng tôi sẽ không phải viết các mã chân trang giống nhau mọi lúc.

Nội dung được sử dụng trong tệp này là:

jQuery - cần bởi Bootstrap JavaScript.
Bootstrap JavaScript - để làm cho các thành phần giao diện người dùng hoạt động thú vị .
BootboxJS - để hiển thị hộp thoại cảnh báo hoặc xác nhận đẹp.

Hãy tiếp tục và tạo tệp layout footer

Mở thư mục BanHang.
Tạo tệp layout_footer.php.
Đặt mã sau.

 </div>
    <!-- /container -->
  
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   
<!-- bootbox library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
  
</body>
</html>

Tạo tập tin CSS

Tập tin này được sử dụng để thay đổi bất kỳ kiểu nào chúng tôi muốn trên trang web của mình. Nó cũng được sử dụng để ghi đè kiểu mặc định do Bootstrap đưa ra.

Mở thư mục BanHang
Tạo thư mục libs.
Tạo thư mục css.
Tạo tệp custom.css.
Đặt mã sau.

.left-margin{
    margin:0 .5em 0 0;
}
  
.right-button-margin{
    margin: 0 0 1em 0;
    overflow: hidden;
}
  
/* some changes in bootstrap modal */
.modal-body {
    padding: 20px 20px 0px 20px !important;
    text-align: center !important;
}
  
.modal-footer{
    text-align: center !important;
}

Tạo layout footer

Layout_footer.php này sẽ được bao gồm ở cuối mỗi tệp PHP cần nó. Bằng cách này, chúng tôi sẽ không phải viết các mã chân trang giống nhau mọi lúc.

Nội dung được sử dụng trong tệp này là:

jQuery - cần bởi Bootstrap JavaScript.

programming php