導航:首頁 > 源碼編譯 > thinkphp酒店管理源碼

thinkphp酒店管理源碼

發布時間:2024-07-27 05:12:31

1. Thinkphp源碼開發的網站,VIP會員許可權改為遊客會員許可權如何操作

如果有用戶組的話,直接修改用戶組許可權就可以!

2. ThinkPHP後台代碼一般放在哪幾個文件夾

建議新建一個ThinkPHP項目作為後台開發用,入口文件admin.php;然後另起一個項目作為前台用,入口文件inde.php,會員中心也可獨立建一個項目,入口文件user.php。

其他如果再需要擴展也可另起項目。這樣各個項目獨立運行,互不幹擾,便於開發和調試管理。為了減少工作量和便於升級,你也可以讓各個項目共用一些資源,比如model可以用D函數跨項目共用。

看我的構架圖:

3. 有什麼好用的thinkphp+後台管理框架

PHP源碼後台管理系統源碼基於THINKPHP開發漂亮整潔
源碼屬性:
語言:PHP
資料庫:MySQL
文件大小:9.2M壓縮
規格:整站源碼
源碼特點:
該系統基於THINKPHP3.2.3開發,頁面漂亮整潔大方。系統架構通用,操作簡單,秉承了THINKPHP大道至簡的核心理念。擴展性比較強,小白用戶更易上手,簡單方便。

網頁鏈接

4. thinkphp開發的實例及源碼哪裡有

在官網上有開發的實例及源碼可以下載。地址:http://www.thinkphp.cn/case/index.html。

5. 有一套thinkphp源碼怎麼安裝

1。先有個php的運行環境
2.把源碼放到這個環境的程序目錄里
3 把源碼里的環境變數(配置文件或者其他叫法)修改成你這個運行環境一致的
4 調試運行!

6. 濡備綍鍦╰hinkphp涓浣跨敤b-jui

B-JUI 鍓嶇妗嗘灦
B-JUI錛圔ootstrap for DWZ錛夋槸涓涓瀵屽㈡埛絝妗嗘灦錛屽熀浜嶥WZ-jUI瀵屽㈡埛絝妗嗘灦淇鏀廣

鏈鏂囨槸B-JUI涓鏂囦嬌鐢ㄦ墜鍐岋紝鍖呮嫭浣跨敤紺轟緥浠g爜錛屾劅鍏磋叮鐨勫悓瀛﹀弬鑰冧笅銆

姒傝
B-JUI浠呮湁涓涓涓婚〉闈(document)錛屾嗘灦鍐呯殑鎵鏈夊瓙欏甸潰灝嗛氳繃Ajax鑾峰彇鍚庝綔涓轟竴涓欏甸潰鐗囨甸檮鍔犲埌涓婚〉闈涓婏紝澶栭儴欏甸潰鍒欓氳繃iframe宓屽叆涓婚〉闈錛 鏈鑺備粙緇 B-JUI鐨勪富欏甸潰緇撴瀯銆

HTML5 鏂囨。綾誨瀷
鍚孊ootstrap錛 B-JUI浣跨敤 HTML5 鏂囨。綾誨瀷錛屽弬鐓т笅闈㈢殑鏍煎紡榪涜岃劇疆銆

<!DOCTYPE html>

<html lang="zh-CN">

...

</html>

涓婚〉闈㈢粨鏋(浠卋ody閮ㄥ垎)
涓婚〉闈㈢敱涓婏紙欏靛ご錛夈佷腑宸︼紙瀵艱埅鑿滃崟錛夈佷腑鍙籌紙宸ヤ綔鍖猴級銆佷笅錛堥〉鑴氾級鍥涢儴鍒嗙粍鎴愶紝鍏朵腑宸︿晶瀵艱埅鑿滃崟鍙鏀剁緝銆傜粨鏋勫備笅錛

<header class="bjui-header" id="bjui-header">

<!-- 欏靛ご -->

</header>

<div class="bjui-leftside" id="bjui-leftside">

<!-- 瀵艱埅鑿滃崟 -->

</div>

<div id="bjui-container">

<!-- 宸ヤ綔鍖 -->

</div>

<footer class="bjui-footer" id="bjui-footer">

<!-- 欏佃剼 -->

</footer>

瀛愰〉闈錛堝嵆欏甸潰鐗囨礫鍚庨潰綆縐幫細欏電墖]錛夌粨鏋
欏電墖閫氬父鐢變袱閮ㄥ垎緇勬垚錛屼篃鍙浠ュ彧淇濈暀bjui-pageContent閮ㄥ垎錛屽叾涓璪jui-pageContent閮ㄥ垎鍙閫塨jui-headBar錛堥《閮ㄥ伐鍏鋒潯錛夊拰bjui-footBar錛堝簳閮ㄥ伐鍏鋒潯錛夈傜粨鏋勫備笅錛

<div class="bjui-pageHeader">

<!-- 欏墮儴妯″潡[濡傦細鍔熻兘鎸夐挳銆佹悳緔㈤潰鏉縘 -->

</div>

<div class="bjui-pageContent">

<div class="bjui-headBar">

<!-- 欏墮儴宸ュ叿鏉 -->

</div>

<div data-layout-h="0">

<!-- 鍐呭瑰尯 -->

</div>

<div class="bjui-footBar">

<!-- 搴曢儴宸ュ叿鏉 -->

</div>

</div>

data-layout-h 灞炴ц〃紺鴻ュ瑰櫒涓洪〉鐗囪嚜閫傚簲甯冨矓錛屽綋鍊間負0鏃訛紝B-JUI浼氫負璇ュ瑰櫒鐨勯珮搴﹁嚜鍔ㄨ祴鍊間負錛氭湰欏電墖鎬婚珮搴﹀噺鍘繪湰欏電墖涓鐨勫滻瀹氬厓緔(bjui-pageHeader\bjui-headBar\bjui-footBar)楂樺害銆
data-layout-h 灞炴у間笉絳変簬0鏃訛紝璇ュ瑰櫒楂樺害涓烘湰欏電墖鎬婚珮搴﹀噺鍘誨睘鎬у箋
闇瑕佽嚜瀹氫箟鍥哄畾鍏冪礌(鍧楃駭鍏冪礌鏈夋晥)錛岃蜂負璇ュ厓緔犳坊鍔犲睘鎬data-layout-fixed="true"
瀹屾暣鐨勯〉鐗囪﹁丅-JUI婧愪唬鐮佺殑table.html錛屼粎bjui-pageContent閮ㄥ垎鐨勯〉鐗囪﹁乫orm.html

鍏冪礌ID鍛藉悕瑙勮寖
鍥犱負鏈妗嗘灦榛樿ゆ墍鏈夊唴瀹歸兘浣嶄簬涓涓狣ocument涓錛屾墍浠ヤ負鍏冪礌鍛藉悕ID鐨勬椂鍊欓渶瑕佸仛鍒板敮涓鎬э紝濡傛灉紜瀹炰笉鍙閬垮厤鐨勪細鍑虹幇鏈夐噸澶岻D鐨勭幇璞★紝闇瑕佹搷浣滃綋鍓嶉〉鐗囩殑鍏冪礌鏃訛紝灝介噺鐢錛

$.CurrentNavtab.find('#dom-id')錛屽湪褰撳墠鏍囩懼伐浣滃尯涓鏌ユ壘鎸囧畾ID鐨勫厓緔犮

鎴 $.CurrentDialog.find('#dom-id')錛屽湪褰撳墠寮圭獥涓鏌ユ壘鎸囧畾ID鐨勫厓緔犮

鏍囩懼紡宸ヤ綔鍖(navtab)
B-JUI妗嗘灦鐨勬暣涓宸ヤ綔鍖洪儴鍒嗗氨鏄涓涓猲avtab緇勪歡錛屾湰緇勪歡浣嶄簬涓婚〉闈㈢殑"#bjui-container"瀹瑰櫒鍐咃紝鍥哄畾鐨刪tml緇撴瀯濡備笅錛

<div id="bjui-navtab" class="tabsPage">

<div class="tabsPageHeader">

<div class="tabsPageHeaderContent">

<ul class="navtab-tab nav nav-tabs">

<li data-tabid="main" class="main active"><a href="javascript:;"><span>鎴戠殑涓婚〉</span></a></li>

</ul>

</div>

<div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>

<div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>

<div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>

</div>

<ul class="tabsMoreList">

<li><a href="javascript:;">鎴戠殑涓婚〉</a></li>

</ul>

<div class="navtab-panel tabsPageContent layoutBox">

鍚勯〉鐗囧唴瀹瑰尯鍩

</div>

</div>

鐢ㄦ硶(濡備綍鍒涘緩涓涓猲avtab)錛

DOM鐐瑰嚮瑙﹀彂錛
<a href="mytab.html" data-toggle="navtab" data-id="mynavtab" data-title="鎴戠殑涓氬姟欏甸潰">鎵撳紑navtab</a>

<button type="button" class="btn-green" data-toggle="navtab" data-id="mynavtab" data-url="mytab.html" data-title="鎴戠殑涓氬姟欏甸潰">鎵撳紑navtab</button>

jQuery錛
$(selector).navtab({id:'鏍囩劇殑id', url:'杞藉叆欏電墖鐨剈rl', title:'鏍囩劇殑鏍囬'})

鍙栧緱褰撳墠navtab鐨勫唴瀹瑰瑰櫒錛$.CurrentNavtab

鍙傛暟錛

鍚嶇О 綾誨瀷 榛樿ゅ 鎻忚堪 id string navtab 鏍囩劇殑ID錛屽傛灉鎸囧畾閲嶅嶏紝灝嗚嗙洊鐜版湁鐨処D鐩稿悓鏍囩俱 title string New tab 鏍囩炬墦寮鍚庢樉紺虹殑鍚嶇О銆 url string undefined 璇鋒眰鏁版嵁鐨剈rl銆 type string GET Http璇鋒眰鏂瑰紡錛屽彲閫夆楪ET/POST鈥欍 data object {} 璇鋒眰url鏃訛紝闇瑕佸彂閫佺殑data鏁版嵁銆

鏂規硶錛

榪欐牱璋冪敤navtab鐨勬柟娉曪細

$(selector).navtab('鏂規硶鍚', 鍙傛暟1, ..., 鍙傛暟n)

濡傝佸垏鎹㈠埌鏌愪釜鏍囩撅細
$(selector).navtab('switchTab', 鏍囩綢D)

鏂規嫭鍙風殑鍙傛暟錛岃〃紺鴻ュ弬鏁板彲閫夈
鍙鐢ㄧ殑鏂規硶錛

switchTab(tabid)錛氬垏鎹㈠埌鏌愪釜鏍囩俱
refresh(tabid)錛氬埛鏂版煇涓鏍囩俱
reload(options)錛氶噸鏂拌澆鍏ユ煇涓鏍囩撅紝options鍚宯avtab榛樿ゅ弬鏁幫紝濡傛灉鏈鎸囧畾ID錛屽垯榛樿ら噸杞藉叆褰撳墠鏍囩俱
closeTab(tabid)錛氬叧闂鏌愪釜鏍囩俱
closeCurrentTab([tabid])錛氬叧闂褰撳墠鏍囩俱
closeAllTab()錛氬叧闂鎵鏈夋爣絳俱
浜嬩歡錛

榪欐牱鐩戝惉navtab鐨勪簨浠訛細

$(document).on('bjui.beforeLoadNavtab', function(e) {

var $navtab = $(e.target)

// do something...

})

鍚嶇О 鎻忚堪 bjui.beforeLoadNavtab 杞藉叆鏍囩懼唴瀹瑰墠鐨勪簨浠 bjui.beforeCloseNavtab 鍏抽棴鏍囩懼墠鐨勪簨浠

寮瑰嚭紿楀彛(dialog)
寮瑰嚭紿楀彛鍒嗕負鏅閫氬脊鍑虹獥鍙e拰妯℃佸脊鍑虹獥鍙o紝鏅閫氬脊鍑虹獥鍙e彲閫氳繃taskBar緇勪歡榪涜屾渶灝忓寲絳夋搷浣溿傚脊鍑虹獥鍙g殑DOM緇撴瀯浼氭斁鍏Body涓錛岀粨鏋勫備笅錛

<div class="bjui-dialog bjui-dialog-container">

<div class="dialogHeader">

<!-- 鏈澶у寲銆佹渶灝忓寲銆佸叧闂絳夋寜閽鍖 -->

<h1><!-- 鏍囬 --></h1>

</div>

<div class="dialogContent layoutBox unitBox">

<!-- 欏電墖鍐呭瑰尯 -->

</div>

<!-- 鐢ㄤ簬璋冩暣澶у皬鐨刣iv鐗囨柇 -->

</div>

鐢ㄦ硶(濡備綍鍒涘緩涓涓猟ialog)錛

DOM鐐瑰嚮瑙﹀彂錛
<a href="mydialog.html" data-toggle="dialog" data-id="mydialog" data-title="鎴戠殑寮瑰嚭紿楀彛">鎵撳紑寮瑰嚭紿楀彛</a>

<button type="button" class="btn-green" data-toggle="dialog" data-id="mynavtab" data-url="mytab.html" data-title="鎴戠殑寮瑰嚭紿楀彛">鎵撳紑寮瑰嚭紿楀彛</button>

jQuery錛
$(selector).dialog({id:'寮圭獥鐨剗d', url:'杞藉叆欏電墖鐨剈rl', title:'寮圭獥鐨勬爣棰'})

鍙栧緱褰撳墠dialog錛$.CurrentDialog

鍙傛暟錛

鍚嶇О 綾誨瀷 榛樿ゅ 鎻忚堪 id string navtab 寮圭獥鐨処D錛屽傛灉鎸囧畾閲嶅嶏紝灝嗚嗙洊鐜版湁鐨処D鐩稿悓寮圭獥銆 title string New tab 寮圭獥鎵撳紑鍚庢樉紺虹殑鍚嶇О銆 url string undefined 璇鋒眰鏁版嵁鐨剈rl銆 type string GET Http璇鋒眰鏂瑰紡錛屽彲閫夆楪ET/POST鈥欍 data object {} 璇鋒眰url鏃訛紝闇瑕佸彂閫佺殑data鏁版嵁銆 width int 500 寮圭獥鐨勫藉害銆 height int 300 寮圭獥鐨勯珮搴︺ max boolean false 鎵撳紑寮圭獥鏃剁洿鎺ユ渶澶у寲銆 mask boolean false 鏄鍚︽ā鎬佺獥鍙c resizable boolean true 鍙浠ヨ皟鏁村脊紿楃殑澶у皬銆 drawable boolean true 鍙浠ユ嫋鍔ㄥ脊紿椼 maxable boolean true 鏄鍚︽樉紺烘渶澶у寲鎸夐挳銆 minable boolean true 鏄鍚︽樉紺烘渶灝忓寲鎸夐挳錛堟ā鎬佸脊紿楁棤鏁堬級銆

鏂規硶錛

璋冪敤鏂瑰紡鍚宯avtab錛 濡傝佸叧闂鏌愪釜寮圭獥錛

$(selector).dialog('close', 寮圭獥ID)

鏂規嫭鍙風殑鍙傛暟錛岃〃紺鴻ュ弬鏁板彲閫夈
鍙鐢ㄧ殑鏂規硶錛

switchDialog(id)錛氬垏鎹㈠埌鏌愪釜寮圭獥(妯℃佸脊紿楁棤鏁)銆
refresh(id)錛氬埛鏂版煇涓寮圭獥銆
reload(options)錛氶噸鏂拌澆鍏ユ煇涓寮圭獥錛宱ptions鍚宒ialog榛樿ゅ弬鏁幫紝濡傛灉鏈鎸囧畾ID錛屽垯榛樿ら噸杞藉叆褰撳墠寮圭獥銆
close(id)錛氬叧闂鏌愪釜寮圭獥銆
closeCurrent()錛氬叧闂褰撳墠寮圭獥銆
浜嬩歡錛

榪欐牱鐩戝惉dialog鐨勪簨浠訛細

$(document).on('bjui.beforeLoadDialog', function(e) {

var $dialog = $(e.target)

// do something...

})

鍚嶇О 鎻忚堪 bjui.beforeLoadDialog 杞藉叆寮圭獥鍐呭瑰墠鐨勪簨浠 bjui.beforeCloseDialog 鍏抽棴寮圭獥鍓嶇殑浜嬩歡

Ajax
鏈鑺備富瑕佷粙緇岯-JUI妗嗘灦涓鐨凙jax鎿嶄綔錛屽洖璋冨嚱鏁扮瓑銆

Ajax鎿嶄綔錛
ajax鎼滅儲 - 涓昏佺敤浜庢悳緔㈣〃鍗曪紝鍒嗛〉琛ㄥ崟錛屼緥錛欱-JUI婧愮爜"table.html"涓鐨#pagerForm錛
<form id="pagerForm" data-toggle="ajaxsearch" action="table.html" method="post">

ajax閲嶇疆鎼滅儲 - 涓昏佺敤浜庨噸緗鎼滅儲琛ㄥ崟錛宒ata-clear-query灞炴у憡璇塮orm鏄鍚︽竻絀烘煡璇㈠弬鏁幫紝浠呬繚鐣欏垎欏靛強瀛楁墊帓搴忎俊鎮錛屼緥錛欱-JUI婧愮爜"table.html"涓鐨勬竻絀烘煡璇㈡寜閽錛
<a class="btn btn-orange" href="javascript:;" data-toggle="reloadsearch" data-clear-query="true" data-icon="undo">娓呯┖鏌ヨ</a>

ajax杞藉叆 - 涓昏佺敤浜庝負鎸囧畾瀹瑰櫒杞藉叆url鐨勫唴瀹癸紝data-target灞炴у間負閫夋嫨鍣ㄨ〃杈懼紡錛屽憡璇塧jax杞藉叆鐨勫唴瀹規斁鍒拌ュ瑰櫒錛岄傚悎鐢ㄦ潵鍋氬矓閮ㄥ埛鏂幫細
<a href="table-edit.html" data-toggle="ajaxload" data-target="#D11">鍔犺澆鍐呭</a>

ajax鍔ㄤ綔 - 涓昏佺敤浜庢墽琛宎jax鍛戒護錛屽傗滃垹闄も濓紝data-confirm-msg灞炴х敤浜庡湪鎿嶄綔鍓嶈繘琛岀『璁ゆ彁紺猴細
<a href="del.html" class="btn btn-red" data-toggle="doajax" data-confirm-msg="紜瀹氳佸垹闄よヨ屼俊鎮鍚楋紵">鍒犻櫎鏁版嵁</a>

ajax瀵煎嚭 - 涓昏佺敤浜庡煎嚭淇℃伅(涓嬭澆鏂囦歡)錛宒ata-confirm-msg灞炴х敤浜庡湪鎿嶄綔鍓嶈繘琛岀『璁ゆ彁紺猴細
<a href="book1.xlsx" data-toggle="doexport" data-confirm-msg="紜瀹氳佸煎嚭淇℃伅鍚楋紵">瀵煎嚭鍏ㄩ儴</a>

ajax瀵煎嚭閫変腑欏 - 涓昏佺敤浜庡煎嚭閫変腑欏逛俊鎮(涓嬭澆鏂囦歡)錛宒ata-confirm-msg灞炴х敤浜庡湪鎿嶄綔鍓嶈繘琛岀『璁ゆ彁紺猴紝data-idname灞炴ф寚瀹氬彂閫佸埌鍚庡彴鐨勫瓧孌靛悕縐幫紝榛樿も渋ds鈥濓紝data-group灞炴х敤浜庢寚瀹氬嶉夋嗙殑name錛
<a href="book1.xlsx" data-toggle="doexportchecked" data-confirm-msg="紜瀹氳佸煎嚭閫変腑欏瑰悧錛" data-idname="expids" data-group="ids">瀵煎嚭閫変腑欏</a>

ajax鍒犻櫎閫変腑欏 - 涓昏佺敤浜庡煎嚭閫変腑欏逛俊鎮(涓嬭澆鏂囦歡)錛宒ata-confirm-msg灞炴х敤浜庡湪鎿嶄綔鍓嶈繘琛岀『璁ゆ彁紺猴紝data-idname灞炴ф寚瀹氬彂閫佸埌鍚庡彴鐨勫瓧孌靛悕縐幫紝榛樿も渋ds鈥濓紝data-group灞炴х敤浜庢寚瀹氬嶉夋嗙殑name錛
<a href="del.html" data-toggle="dodelchecked" data-confirm-msg="紜瀹氳佸垹闄ら変腑欏瑰悧錛" data-idname="delids" data-group="ids">瀵煎嚭閫変腑欏</a>

Ajax鍥炶皟錛
ajaxsearch銆乨oajax銆乨odelchecked涓夌峚jax鎿嶄綔鏀鎸佽嚜瀹氫箟ajax鍥炶皟鍑芥暟錛岃嚜瀹氫箟鐨勫洖璋冨嚱鏁版斁鍒癲ata-callback灞炴э紝鍐欐硶濡備笅錛氥

<a href="del.html" class="btn btn-red" data-toggle="doajax" data-confirm-msg="紜瀹氳佸垹闄よヨ屼俊鎮鍚楋紵" data-callback="mycallback">鍒犻櫎鏁版嵁</a>

function mycallback(json) {

//do something...

}

鏈嶅姟絝榪斿洖鐨凧SON鍙傛暟濡備笅錛

鍚嶇О 綾誨瀷 鎻忚堪 statusCode int 蹇呴夈傜姸鎬佺爜(ok = 200, error = 300, timeout = 301)錛屽彲浠ュ湪BJUI.init鏃墮厤緗涓変釜鍙傛暟鐨勯粯璁ゅ箋 message string 鍙閫夈備俊鎮鍐呭廣 tabid string 鍙閫夈傚緟鍒鋒柊navtab id錛屽氫釜id浠ヨ嫳鏂囬楀彿鍒嗛殧寮錛屽綋鍓嶇殑navtab id涓嶉渶瑕佸~鍐欙紝濉鍐欏悗鍙鑳戒細瀵艱嚧褰撳墠navtab閲嶅嶅埛鏂般 closeCurrent boolean 鍙閫夈傛槸鍚﹀叧闂褰撳墠紿楀彛(navtab鎴杁ialog)銆 forward string 鍙閫夈傝煩杞鍒版煇涓猽rl銆 forwardConfirm string 鍙閫夈傝煩杞瑄rl鍓嶇殑紜璁ゆ彁紺轟俊鎮銆

榛樿ょ殑鍥炶皟鍑芥暟浼氭牴鎹褰撳墠瑙﹀彂鍏冪礌鐨勪綅緗紜瀹氭槸鍒鋒柊navtab榪樻槸dialog錛屾垨鏄灞閮╠iv瀹瑰櫒銆

鍙璋冪敤鐨勮繑鍥炰俊鎮鎻愮ず錛

$(selector).bjuiajax('ajaxDone', json)

琛ㄦ牸
琛ㄦ牸鐨凜lass鍚孊ootstrap錛屼粎璋冩暣浜唒adding鍊礆紝浣胯〃鏍兼樉紺哄緱鏇寸揣鍑戙

.table 灝戦噺鐨刾adding鍜屾按騫沖垎闅旂嚎銆
.table-striped 鏉$汗鐘惰〃鏍 [IE8 涓嶆敮鎸乚銆
.table-bordered 甯﹁竟妗嗚〃鏍箋
.table-hover 闄勫姞榧犳爣鎮鍋滄晥鏋溿
琛ㄦ牸琛ㄥご瀛楁墊帓搴忔寜閽瀹炵幇錛

<th data-order-field="sex">濮撳悕</th>

<th data-order-direction="asc" data-order-field="createtime">鍒涘緩鏃墮棿</th>

data-order-field=""灞炴т護鏈瀛楁靛彲鎺掑簭錛屽睘鎬у間負涓庡悗鍙頒氦浜掔殑瀛楁靛悕縐般
data-order-direction灞炴ц〃紺烘湰瀛楁電殑褰撳墠鎺掑簭鐘舵侊紝鍙閫夊(asc/desc)

鏅閫氳〃鏍
鏅閫氱殑琛ㄦ牸錛屽彲鏄劇ず鍒楄〃鐘舵潯鐩錛屾垨甯冨矓琛ㄥ崟錛岃〃澶村瓧孌靛彲闄勫姞鎺掑簭鎸夐挳銆

瀹屾暣鐨勫疄渚嬭﹁丅-JUI婧愪唬鐮佺殑table.html銆

鍥哄畾琛ㄥご琛ㄦ牸
琛ㄦ牸鐨勫ご鍙鍥哄畾浣忥紝鍙璋冩暣鍚勫垪鐨勫藉害錛岃〃澶村瓧孌靛彲闄勫姞鎺掑簭鎸夐挳銆

<table data-toggle="tablefixed" data-width="100%" data-layout-h="0">

琛ㄦ牸娣誨姞灞炴data-toggle="tablefixed"鍚庡氨浼氬滻瀹氳〃澶達紝B-JUI榛樿や負鍥哄畾鐨勮〃澶寸殑琛ㄦ牸娣誨姞Class錛歵able table-striped table-bordered table-hover錛屽傛灉璇table璁劇疆鏈塁lass錛屽垯浠ヨ劇疆鐨勪負鍑

data-width灞炴у彲瀹氫箟鍥哄畾琛ㄦ牸鐨勫藉害錛岄粯璁や負"100%"錛屽彲璁劇疆澶т簬100%鎴栧滻瀹氬礆紝濡傦細150%鍜1200閮芥槸鍚堟硶鐨勶紝瓚呰繃navtab宸ヤ綔鍖虹殑瀹藉害鏃朵細鍑虹幇妯鍚戞粴鍔ㄦ潯銆

瀹屾暣鐨勫疄渚嬭﹁丅-JUI婧愪唬鐮佺殑table-fixed.html銆

鍙緙栬緫琛ㄦ牸
鐢ㄤ簬闇瑕佸姩鎬佹坊鍔犵畝鍗曡屽唴瀹圭殑鍦版柟銆

<table class="table table-bordered table-hover table-striped" data-toggle="tabledit" data-initnum="0" data-layout-h="0">

<thead>

<tr>

<th title="No."><input type="text" name="edit[#index#].id" class="no" data-rule="required" value="1" size="2"></th>

<th title="濮撳悕"><input type="text" name="edit[#index#].name" data-rule="required" value="" size="5"></th>

<th title="" data-addtool="true" width="100">

<a href="javascript:;" class="btn btn-red row-del" data-confirm-msg="紜瀹氳佸垹闄よヨ屼俊鎮鍚楋紵">鍒</a>

</th>

</tr>

</thead>

</table>

瀹炵幇姝ラわ細

琛ㄦ牸娣誨姞灞炴data-toggle="tablefixed"錛
thead涓娣誨姞涓婂瑰簲鐨勮〃鍗曚俊鎮錛屽瓧孌靛悕鏀懼埌title灞炴т笂錛
鑻ユ兂鍦ㄦ煇鍒椾笂鏄劇ず娣誨姞鎸夐挳錛岄渶鍦ㄥ瑰簲鍒椾笂娣誨姞灞炴data-addtool="true"錛
鑻ユ瘡琛屾樉紺哄垹闄ゆ寜閽錛岄渶涓哄垹闄ゆ寜閽娣誨姞Classrow-del錛屽傛灉瑕佺『璁ゆ墠鑳藉垹闄わ紝闇涓哄垹闄ゆ寜閽娣誨姞灞炴data-confirm-msg="鍒犻櫎鎻愮ず淇℃伅"銆
琛ㄦ牸鐨刣ata-initnum灞炴э紝琛ㄧず杞藉叆鏈欏電墖鏃訛紝鍒濆嬪寲鐨勬坊鍔犺屾暟錛屽間負0鏃朵笉闇鍐欍

澶栭儴瑙﹀彂娣誨姞琛屼簨浠訛細

鎸夐挳寮忥細
<button type="button" class="btn-green" data-toggle="tableditadd" data-target="#tabledit1" data-num="1">娣誨姞緙栬緫琛</button>

data-target灞炴ц劇疆緙栬緫琛ㄦ牸鐨刯Query閫夋嫨鍣錛宒ata-num灞炴ц劇疆鐐瑰嚮鏃舵坊鍔犵殑琛屾暟銆
jQuery錛$(selector).tabledit('add', 緙栬緫琛ㄦ牸鐨刯Query瀵硅薄, 寰呮坊鍔犵殑琛屾暟)
$(selector).tabledit('add', $('#tabledit1'), 2)
瀹屾暣鐨勫疄渚嬭﹁丅-JUI婧愪唬鐮佺殑table-edit.html銆

閱讀全文

與thinkphp酒店管理源碼相關的資料

熱點內容
印度加密代幣機票 瀏覽:415
哪個app可以看江西2套 瀏覽:677
哪個小說app好用還免費 瀏覽:663
win7ping命令 瀏覽:505
程序員看圖識演算法 瀏覽:947
vs設置遠程編譯 瀏覽:598
速騰汽車怎麼給安卓手機充電 瀏覽:270
蘋果安卓換機用什麼軟體好 瀏覽:261
華為通話加密電話 瀏覽:60
什麼伺服器可以代替計算機 瀏覽:962
伺服器當電腦用怎麼安裝顯卡 瀏覽:521
回女友消息神器python 瀏覽:52
App分類框怎麼添加 瀏覽:546
海爾帥王子冰箱壓縮機啟動跳閘 瀏覽:490
cadfill命令什麼意思 瀏覽:338
中公專項題庫pdf 瀏覽:935
拼多多緩存在哪個文件夾 瀏覽:645
安卓無卡汽車導航怎麼升級 瀏覽:52
cs管理員命令是什麼 瀏覽:128
華為v10模擬加密門禁卡 瀏覽:727