easyui框架 使用遞迴實現簡單的選單樹

2021-10-23 22:49:22 字數 2069 閱讀 5964

首先,我們先來看看效果吧!

今天我們就詳細的講解一下這個選單樹是怎麼實現的。

資料庫:單純的實現這棵樹,資料庫只需要一張選單表(menu)即可。

我們需要使用遞迴來對每個節點以及節點下的內容進行遍歷。所以我們需要乙個treemodel(包含當前節點需要的內容以及該節點的子節點列表)來對這些內容進行封裝。

注:只需要實現樹的效果只需要上面我圈出來的字段。對應下面的menuid,menuname,pid(父節點),其他的可以刪除。list children(用於封裝每乙個節點的子節點列表)。

using system;

using system.collections.generic;

using system.linq;

using system.text;

using system.threading.tasks;

namespace model

public

string menuname

public

string menuiconcls

public

string pid

public

string menuurl

public

int isleft

public

string menucode

//節點自身的子節點資訊(必須用children命名,與框架需要內容對應)

public list children

}}

現在我們通過一般處理程式來對資料庫查詢的所有選單資訊進行遍歷。(不清楚的仔細看看注釋哦)

using system;

using system.collections.generic;

using system.linq;

using system.web;

using model;

using bll;

using system.text;

namespace accesscontrol

}//載入樹資訊的方法

//將建立的兒子節點加入treemodel的child

treemodel.children.

add(treemodeltwo)

;//填充內容

treemodeltwo.menuid = item.menuid;

treemodeltwo.menuname = item.menuname;

treemodeltwo.pid = item.menuparent;

//查詢treemodeltwo的兒子節點

this

.getnextmenu

(item.menuid, listall, treemodeltwo);}

}}public

bool isreusable}}}

前端頁面(確定自己已經引入了需要的js和css檔案)

<

!doctype html>

"">

實現一顆選單樹<

/title>

"easyui-1.5.5/gray/easyui.css" rel=

"stylesheet"

/>

使用easyui實現選單樹

使用easyui實現選單樹,最後完成的結果為這樣 首先需要引用對應的js和css的包,找到對應的位置.然後在對應的需要樹的位置新增 注意一定class是easyui tree哦.然後就是寫載入對應的樹的js了,找的合適的位置寫js 然後找到對應的action去寫樹,樹資料夾接受的是json格式的資料...

python爬蟲框架feapde的使用簡介

大家好,我是安果!眾所周知,python 最流行的爬蟲框架是 scrapy,它主要用於爬取 結構性資料 今天推薦一款更加簡單 輕量級,且功能強大的爬蟲框架 feapder 專案位址 和 scrapy 類似,feapder 支援輕量級爬蟲 分布式爬蟲 批次爬蟲 爬蟲報警機制等功能 內建的 3 種爬蟲如...

使用Lambda實現遞迴

遞迴描述 fn n if n 1 return 1 return n f n 1 當然上面的n我們假定為不為零的正整數 在lambda語言中無法直接表示,請看 func fn n 看上去不錯。可惜不能執行。因為return fn n 1 n 中的fn使用前沒有定義。fn在它代表lambda表達示之前...