خلق الخام مع Jqgrid,بي أتش بي,دفعة & mysql
Jqgrid adalah plugin dari Jquery yang digunakan untuk manipulasi data menggunakan framework jquery. Jqgrid memiliki fungsi antara lain load data, بحث, تحرير حذف وهلم جرا. إذا اعتدنا على عرض البيانات في شكل جداول منتظمة, maka dengan menggunakan Jqgrid, data akan ditampilkan menjadi lebih menarik dan dinamis.
Ok tutorial kali ini saya akan mencoba membuat Jqgrid mengambil data dari mysql
Buat database nya dengan nama crudphpgrid dan buat tabel dengan nama client seperti dibawah ini
CREATE TABLE IF NOT EXISTS `clients` (
`client_id` int(11) NOT NULL,
`name` char(120) DEFAULT NULL,
`gender` varchar(255) DEFAULT NULL,
`company` varchar(255) DEFAULT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=97 ;
--
-- Dumping data إلى عن على table `clients`
--
INSERT INTO `clients` (`client_id`, `name`, `gender`, `company`) قيم
(90, 'andez', 'laki-laki', 'PT. Andeznet'),
(91, 'steven', 'laki-laki', 'PT. wijaya'),
(93, 'dina', 'perempuan', 'PT. UNTUNG TERUS '),
(94, 'agung', 'laki-laki', 'PT. ANGIN RIBUT'),
(95, 'SINTHA', 'perempuan', 'PT. آدم تروس),
(96, 'وحي', 'laki-laki', 'PT. لونتانغ لانتونغ سيجاهتيرا ");
--
-- فهارس إلى عن على طاولات ملقاة
--
--
-- فهارس إلى عن على table `clients`
--
تعديل الجدول "العملاء"
إضافة الابتدائية مفتاح (`client_id`);
--
-- زيادة تلقائية إلى عن على طاولات ملقاة
--
--
-- زيادة تلقائية إلى عن على table `clients`
--
تغيير الجدول "العملاء"
تعديل "معرف_العميل" int(11) NOT NULL زيادة تلقائية,زيادة تلقائية=97;قم بإنشاء ملف php جديد عبر برنامج notepad / محرر آخر يسمى config.php أو متروك لك
انسخ البرنامج النصي أدناه,
<?بي أتش بي
// إعدادات اتصال قاعدة بيانات شبكة PHP
حدد("PHPGRID_DBTYPE","Mysql"); // أو mysqli
حدد("PHPGRID_DBHOST","localhost");
حدد("PHPGRID_DBUSER","root");
حدد("PHPGRID_DBPASS","12345");
حدد("PHPGRID_DBNAME","crudphpgrid");
// إجراء اتصال db داخل lib تلقائيًا
حدد("PHPGRID_AUTOCONNECT",0);
// Basepath لليب
حدد("PHPGRID_LIBPATH",اسم الدليل(__ملف__).DIRECTORY_SEPARATOR."lib".DIRECTORY_SEPARATOR);ثم قم بإنشاء ملف php جديد باسم index.php / هذا يعود إليك
<?بي أتش بي
// تشمل التكوين ديسيبل
تضمين مرة واحدة("config.php");
// إعدادات قاعدة البيانات الخاصة بك
mysql_connect("مضيف محلي",'جذر',"12345");
mysql_select_db(PHPGRID_DBNAME);
// تضمين وإنشاء كائن
تضمن(PHPGRID_LIBPATH."inc\jqgrid_dist.php");
$ز = جديد jqgrid();
// إعدادات الجدول لـ CRUD وفقًا لاسم الجدول
$ز->الطاولة = "clients";
$جريد["caption"] = "Daftar Nama Client";
$جريد["form"]["position"] = "center";
$جريد["autowidth"] = صحيح;
$جريد["autoresize"] = صحيح; // تأثير سريع الاستجابة
$ز->set_options($جريد);
$العمود = مجموعة مصفوفة();
$العمود["title"] = "Id"; // أسماء الأعمدة التي سيتم عرضها
$العمود["name"] = "client_id"; // اسم العمود client_id مأخوذ من قاعدة بيانات mysql
$العمود["editable"] = صحيح;
$العمود["width"] = "30";
$العواميد[] = $العمود;
$العمود = مجموعة مصفوفة();
$العمود["title"] = "Nama"; // أسماء الأعمدة التي سيتم عرضها
$العمود["name"] = "name"; // اسم كولوم مأخوذ من قاعدة بيانات mysql
$العمود["editable"] = صحيح;
$العمود["required"] = صحيح;
$العواميد[] = $العمود;
$العمود = مجموعة مصفوفة();
$العمود["title"] = "Jeni Kelamin"; // أسماء الأعمدة التي سيتم عرضها
$العمود["name"] = "gender"; // اسم عمود الجنس مأخوذ من قاعدة بيانات mysql
$العمود["editable"] = صحيح;
$العواميد[] = $العمود;
$العمود = مجموعة مصفوفة();
$العمود["title"] = "Perusahaan"; // أسماء الأعمدة التي سيتم عرضها
$العمود["name"] = "company"; // اسم شركة Colom مأخوذ من قاعدة بيانات mysql
$العمود["editable"] = صحيح;
$العمود["editoptions"] = مجموعة مصفوفة("defaultValue" => "Default Company");
$العواميد[] = $العمود;
$ز->set_columns($العواميد);
$ز->set_actions(مجموعة مصفوفة( // لاتخاذ إجراءات
"add"=>صحيح,
"edit"=>صحيح,
"delete"=>صحيح,
"clone"=>صحيح,
"rowactions"=>صحيح,
"search" => "advance",
"showhidecolumns" => خاطئة
)
);
// لعرض الجدول
$يظهر = $ز->يجعل("list1");
// للموضوعات
$الموضوعات = مجموعة مصفوفة("black-tie","blitzer","cupertino","dark-hive","dot-luv","eggplant","excite-bike","flick","hot-sneaks","humanity","le-frog","mint-choc","overcast","pepper-grinder","redmond","smoothness","south-street","start","sunny","swanky-purse","trontastic","ui-darkness","ui-lightness","vader");
$أنا = rand(0,8);
إذا (is_numeric($_احصل على["themeid"]))
$أنا = $_احصل على["themeid"];
آخر
$أنا = 14;
?>
<!DOCTYPE html>
<html lang="en">
<رئيس>
<meta charset="utf-8">
<عنوان>Membuat CRUD dengan phpjqGrid,دفعة & mysql</عنوان>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" type="text/css" media="screen" href="lib/js/themes/<?بي أتش بي صدى صوت $الموضوعات[$أنا] ?>/jquery-ui.custom.css">
<link rel="stylesheet" type="text/css" media="screen" href="lib/js/jqgrid/css/ui.jqgrid.css">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="lib/js/jqgrid/css/ui.bootstrap.jqgrid.css">
<script src="lib/js/jquery.min.js" type="text/javascript"></النصي>
<script src="lib/js/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></النصي>
<script src="lib/js/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></النصي>
<script src="lib/js/themes/jquery-ui.custom.min.js" type="text/javascript"></النصي>
</رئيس>
<الجسم>
<div class="row-fluid">
<div class="span12">
<div style="margin:10px">
<form method="get">
Pilih Theme: <select name="themeid" onchange="form.submit()">
<?بي أتش بي foreach($الموضوعات مثل $k=>$t) { ?>
<option value=<?بي أتش بي صدى صوت $k?> <?بي أتش بي صدى صوت ($أنا==$k)?"selected":""?>><?بي أتش بي صدى صوت ucwords($t)?></option>
<?بي أتش بي } ?>
</select> -
Anda bisa custum theme di (<a href="http://jqueryui.com/themeroller">jqueryui.com/themeroller</أ>).
</شكل>
<?بي أتش بي صدى صوت $يظهر?> <!--untuk menampilkan tabel-->
</شعبة>
</شعبة><!--/امتداد-->
</شعبة><!--/صف-->
<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
<div class="alert alert-info">
<a name="contact"></أ>
<h2>www.andeznet.com</h2>
<p class="text-info">مستودع التكنولوجيا & معلومات</ص>
<ص>&نسخ; <a href="http://andeznet.com">www.andeznet.com</أ>&نبسب<?بي أتش بي صدى صوت تاريخ("Y");?></ص>
</شعبة><!--/امتداد-->
</شعبة><!--/صف-->
</شعبة><!--/امتداد-->
</شعبة><!--/صف-->
</الجسم>
</لغة البرمجة>Setalah itu anda download boostrap & jqgrid, lalu masukan folder boostrap & jqgrid di directory htdocs anda . lalu jalankan localhost di browser anda jika sudah benar maka akan tampil seperti gambar dibawah ini :
Ok sekian tutorial dari saya untuk script lengkap nya bisa anda download هنا
استعارة السكريب ، إخوانه. حالة طوارئ… الديكورات.
حسنا امض قدما
ثم,هل يوجد برنامج نصي لتطبيق المتجر أم لا?
غير متوفر, في المرة القادمة سوف أشاركها
لكن, إذا كان عمود الشركة يستخدم مكونات Combobox ، فهل يمكن ذلك أم لا? رجاء
إذا كنت تريد مثال إعدادات الاستعلام “select * من المستخدم حيث id = ’123′” كيف?