1. Using Easyui as the background page frame
header.php
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1"> <meta charset="Utf-8"> <title>Beautiful Easyui Background Frame demo-css background template-www.nongfuit.com</title> <link href="/lkphp/lkphp/mvc/view/defaultadmin/css/default.css" rel= "stylesheet" type="Text/css" /> <link rel="stylesheet" type="text/css" href ="/lkphp/lkphp/mvc/view/defaultadmin/js/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="/ Lkphp/lkphp/mvc/view/defaultadmin/js/themes/icon.css " /> <script type="text/javascript" src="/lkphp/lkphp/mvc/view/ Defaultadmin/js/jquery-1.4.2.min.js "></script> <script type="text/javascript" src="/lkphp/lkphp/mvc/view/ Defaultadmin/js/jquery.easyui.js "></script> <script type="text/javascript" src='/lkphp/lkphp/mvc/ View/defaultadmin/js/outlook2.js '> </script> <script type="Text/javascript"> var_menus = {"Menus":[ {"MenuID":"1","icon":"Icon-sys","Menuname":"System Management","Menus":[{"Menuname":"Menu Management","icon":"Icon-nav","url":"Http://www.nongfuit.com"}, {"Menuname":"Add Users","icon":"Icon-add","url":"Demo.html"}, {"Menuname":"User Management","icon":"Icon-users","url":"Demo2.html"}, {"Menuname":"Role Management","icon":"Icon-role","url":"Demo2.html"}, {"Menuname":"Permission Settings","icon":"Icon-set","url":"Demo.html"}, {"Menuname":"System Log","icon":"Icon-log","url":"Demo.html"} ] },{"MenuID":"8","icon":"Icon-sys","Menuname":"Employee Management","Menus":[{"Menuname":"Employee List","icon":"Icon-nav","url":"Demo.html"}, {"Menuname":"video surveillance","icon":"Icon-nav","url":"Demo1.html"} ] },{"MenuID":" the","icon":"Icon-sys","Menuname":"Department Management","Menus":[{"Menuname":"Add Department","icon":"Icon-nav","url":"Demo1.html"}, {"Menuname":"Department list","icon":"Icon-nav","url":"Demo2.html"} ] },{"MenuID":" ","icon":"Icon-sys","Menuname":"Financial Management","Menus":[{"Menuname":"Income and expenditure Classification","icon":"Icon-nav","url":"Demo.html"}, {"Menuname":"Report Statistics","icon":"Icon-nav","url":"Demo1.html"}, {"Menuname":"Add Expense","icon":"Icon-nav","url":"Demo.html"} ] },{"MenuID":" the","icon":"Icon-sys","Menuname":"Mall Management","Menus":[{"Menuname":"Merchandise","icon":"Icon-nav","url":"/shop/productcatagory.aspx"}, {"Menuname":"Product List","icon":"Icon-nav","url":"/shop/product.aspx"}, {"Menuname":"Order of goods","icon":"Icon-nav","url":"/shop/orders.aspx"} ] } ]};//Set Login window function openpwd() {$(' #w '). Window ({title:' Change Password ', Width: -, modal:true, Shadow:true, Closed:true, Height: the, resizable:false}); }//Close Login window function close() {$(' #w '). Window (' Close '); }//Change Password function serverlogin() { var$newpass = $ (' #txtNewPass ');var$rePass = $ (' #txtRePass ');if($newpass. val () = ="') {Msgshow (' System hints ',' Please enter your password! ',' Warning ');return false; }if($rePass. val () = ="') {Msgshow (' System hints ',' Please enter your password at once! ',' Warning ');return false; }if($newpass. val ()! = $rePass. val ()) {Msgshow (' System hints ',' two times password! Please re-enter ',' Warning ');return false; } $.post ('/ajax/editpassword.ashx?newpass= '+ $newpass. Val (), function(msg) {Msgshow (' System hints ',' Congratulations, the password changes successfully! <br> your new password is: '+ MSG,' Info '); $newpass. Val ("'); $rePass. Val ("'); Close (); }) } $( function() {Openpwd ();//$(' #editpass '). Click ( function() {$(' #w '). Window (' Open '); }); $(' #btnEp '). Click ( function() {Serverlogin (); }) $(' #loginOut '). Click ( function() {$.messager.confirm (' System hints ',' Are you sure you want to exit this login? ', function(r) { if(r) {location.href ='/ajax/loginout.ashx '; } }); }) });</script></head>
Never ask: self-developed a set of PHP front-end development Framework (31) to build a background framework