خلق الخام مع 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`) VALUES
(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($الموضوعات as $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</أ>).
</form>
<?بي أتش بي صدى صوت $يظهر?> <!--untuk menampilkan tabel-->
</شعبة>
</شعبة><!--/span-->
</شعبة><!--/row-->
<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">Gudang Teknologi & Informasi</p>
<p>&copy; <a href="http://andeznet.com">www.andeznet.com</أ>&nbsp<?بي أتش بي صدى صوت date("Y");?></p>
</شعبة><!--/span-->
</شعبة><!--/row-->
</شعبة><!--/span-->
</شعبة><!--/row-->
</الجسم>
</لغة البرمجة>

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 :

tutorial jqgrid

Ok sekian tutorial dari saya untuk script lengkap nya bisa anda download disini

ربما يعجبك أيضا...

6 استجابات

  1. واكد يقول:

    استعارة السكريب ، إخوانه. حالة طوارئ… الديكورات.

  2. كذا و كذا يقول:

    ثم,هل يوجد برنامج نصي لتطبيق المتجر أم لا?

  3. وديكمان يقول:

    لكن, إذا كان عمود الشركة يستخدم مكونات Combobox ، فهل يمكن ذلك أم لا? رجاء

  4. جين يقول:

    إذا كنت تريد مثال إعدادات الاستعلام “select * من المستخدم حيث id = ’123′” كيف?

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني. الحقول المطلوبة محددة *