İdris Sancar - Senior Full Stack Developer

Bu eğiticide PHP kullanarak Çoklu Gönderme Formu oluşturacağız . Kodun kendisi, veritabanı sunucusuna birden çok form verisi gönderecektir. Bu, kullanıcı dostu bir programdır ve onu değiştirmekten çekinmeyin. Bu eğitim hakkında daha fazla bilgi edinmek için aşağıdaki adımı takip etmeniz yeterlidir.

Başlangıç:

Öncelikle XAMPP'yi veya PHP betikleri çalıştıran herhangi bir yerel sunucuyu indirip kurmanız gerekir. İşte XAMPP sunucusu için bağlantı https://www.apachefriends.org/index.html . Ve bu, https://getbootstrap.com/ düzen tasarımı için kullandığım önyükleme bağlantısının bağlantısı .

Veritabanı Oluşturma

Veritabanı web sunucunuzu açın, ardından db_multiple_input içinde bir veritabanı adı oluşturun. Aşagıdaki kodu veritabanınıza aktarın.


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 utf8 */;
--
-- Database: `db_multiple_input`
--
-- --------------------------------------------------------
--
-- Table structure for table `member`
--
CREATE TABLE `member` (
  `mem_id` int(11) NOT NULL,
  `leader` varchar(100) NOT NULL,
  `member` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `member`
--
INSERT INTO `member` (`mem_id`, `leader`, `member`) VALUES
(1, 'John Smith', 'Claire Temple');
--
-- Indexes for dumped tables
--
--
-- Indexes for table `member`
--
ALTER TABLE `member`
  ADD PRIMARY KEY (`mem_id`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `member`
--
ALTER TABLE `member`
  MODIFY `mem_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
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 */;

Veritabanı bağlantısı oluşturma

Her türlü metin düzenleyicinizi açın (notepad ++, vb ..). Ardından aşağıdaki kodu kopyalayıp yapıştırın ve ardından onu conn.php olarak adlandırın.

<?php
$conn=mysqli_connect('localhost', 'root', '', 'db_multiple_input');
if(!$conn){
die("Error: Failed to connect to database!");
}
?>

Arayüzü Oluşturmak

Başvurumuz için basit bir form oluşturacağımız yer burasıdır. Formları oluşturmak için kopyalayıp metin düzenleyicinize yazın, ardından index.php olarak kaydedin .

1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4. <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
5. <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
6. </head>
7. <body>
8. <nav class="navbar navbar-default">
9. <div class="comtainer-fluid">
10. <a class="navbar-brand" href="https://idrissancar.com">İ.S</a>
11. </div>
12. </nav>
13. <div class="col-md-3"></div>
14. <div class="col-md-6 well">
15. <h3 class="text-primary">Çoklu İnput Form Gönderimi</h3>
16. <hr style="border-top:1px dotted #ccc;"/>
17. <div class="col-md-8">
18. <div class="table-responsive">
19. <table class="table table-bordered">
20. <thead class='alert-info'>
21. <tr>
22. <th>Lider Adı</th>
23. <th>Üyenin Adı</th>
24. </tr>
25. </thead>
26. <tbody>
27. <?php
28. require'conn.php';
30. $query=mysqli_query($conn, 'SELECT * FROM `member`') or die(mysqli_error());
31. while($fetch=mysqli_fetch_array($query)){
32. ?>
33. <tr>
34. <td><?php echo $fetch['leader']?></td>
35. <td><?php echo $fetch['member']?></td>
36. </tr>
37. <?php
38. }
39. ?>
40. </tbody>
41. </table>
42. </div>
43. </div>
45. <div class="col-md-4">
46. <form method="POST" action="save.php">
47. <div class="form-group">
48. <label>Lider Adı</label>
49. <input type="text" name="leader" placeholder="Buaraya girin..." class="form-control" required="required"/>
50. </div>
51. <br />
52. <label>Üye Adı</label> <button type="button" class="btn btn-success btn-sm" onclick="addEntry();"><span class="glyphicon glyphicon-plus"></span></button>
53. <br /><br />
54. <div id="member">
55. <div class="form-group">
56. <input type="text" name="member[]" placeholder="Buraya Girin..." class="form-control" required="required"/>
57. </div>
58. </div>
59. <center><button class="btn btn-primary" name="save"><span class="glyphicon glyphicon-save"></span> Gönder</button></center>
60. </form>
61. </div>
62. </div>
63. <script src="js/script.js"></script>
64. </body>
65. </html>

Ana İşlevi Oluşturmak

Bu kod, uygulamanın ana işlevini içerir. Bu kod, veritabanına birden fazla girişi depolayabilir. Bunu yapmak için, aşağıdaki kod bloklarını metin düzenleyicinin içine kopyalayıp yazın, ardından save.php olarak kaydedin.

1. <?php
2. require_once 'conn.php';
4. if(ISSET($_POST['save'])){
5. $parent = $_POST['leader'];
6. $member = $_POST['member'];
8. $members=implode(', ', $member);
10. mysqli_query($conn, "INSERT INTO `member` VALUES('', '$parent', '$members')") or die(mysqli_error());
13. header("location: index.php");
14. }
15. ?>

JS. KODU

function addEntry(){ var entry="<input type='text' name='member[]' placeholder='Enter here...' class='form-control' required='required'/>"; var element=document.createElement("div"); element.setAttribute('class', 'form-group'); element.innerHTML=entry; document.getElementById('member').appendChild(element); }

PHP kullanarak Çoklu Form Gönderme işlemini başarıyla oluşturduk . Umarım bu basit eğitim, aradığınız şey için size yardımcı olur. Daha fazla güncelleme ve öğretici için lütfen bu siteyi ziyaret edin. Kodlamanın Keyfini Çıkarın!

PHP Kullanarak Kelim...

2020-12-23

PHP Kullanarak Dizi ...