mvc树形菜单数据库
基础概念
MVC（Model-View-Controller）是一种软件设计模式，用于将应用程序的数据模型（Model）、用户界面（View）和控制逻辑（Controller）分离。树形菜单是一种常见的用户界面元素，用于展示层次结构的数据。
数据库设计
在设计树形菜单的数据库时，通常有两种常见的方法：
- 邻接列表模型（Adjacency List Model）：
- 表结构示例：
- 表结构示例：
- 这种方法简单直观，但查询某个节点的所有子节点或所有祖先节点时需要递归查询，性能可能不佳。
- 路径枚举模型（Path Enumeration Model）：
- 表结构示例：
- 表结构示例：
path字段存储了从根节点到当前节点的路径，例如“1,2,3”表示节点3是节点2的子节点，节点2是节点1的子节点。- 这种方法便于查询某个节点的所有子节点或所有祖先节点，但更新和维护路径时需要额外注意。
优势
- 邻接列表模型：
- 简单直观，易于理解和实现。
- 插入和删除节点操作相对简单。
- 路径枚举模型：
- 查询某个节点的所有子节点或所有祖先节点时性能较好。
- 适合需要频繁进行层级查询的场景。
应用场景
树形菜单广泛应用于各种需要展示层次结构数据的场景，例如：
- 文件系统管理
- 组织架构管理
- 商品分类管理
- 菜单导航系统
常见问题及解决方法
问题1：递归查询性能不佳
原因：在邻接列表模型中，查询某个节点的所有子节点或所有祖先节点时需要进行递归查询，当数据量较大时性能可能不佳。
解决方法：
- 使用路径枚举模型，通过路径字段进行查询。
- 使用数据库的递归CTE（Common Table Expression）功能，例如在PostgreSQL中可以使用以下查询：
- 使用数据库的递归CTE（Common Table Expression）功能，例如在PostgreSQL中可以使用以下查询：
问题2：路径更新和维护复杂
原因：在路径枚举模型中，插入和删除节点时需要更新相关节点的路径，操作较为复杂。
解决方法：
- 使用触发器自动更新路径字段。
- 在应用程序层面进行处理，确保路径的正确性。
示例代码
以下是一个简单的邻接列表模型的示例代码，使用Python和SQLAlchemy进行数据库操作：
from sqlalchemy import create_engine, Column, Integer, String, ForeignKey
from sqlalchemy.ext.declarative import declarative_base
from sqlalchemy.orm import relationship, sessionmaker
Base = declarative_base()
class Menu(Base):
__tablename__ = 'menu'
id = Column(Integer, primary_key=True)
name = Column(String)
parent_id = Column(Integer, ForeignKey('menu.id'))
children = relationship("Menu", backref="parent", remote_side=[id])
engine = create_engine('sqlite:///menu.db')
Base.metadata.create_all(engine)
Session = sessionmaker(bind=engine)
session = Session()
# 插入数据
root = Menu(name='Root')
child1 = Menu(name='Child1', parent=root)
child2 = Menu(name='Child2', parent=root)
grandchild = Menu(name='Grandchild', parent=child1)
session.add(root)
session.commit()
# 查询数据
def get_children(menu_id):
return session.query(Menu).filter_by(parent_id=menu_id).all()
print(get_children(1)) # 输出所有根节点的子节点参考链接
希望这些信息对你有所帮助！如果有更多具体问题，请随时提问。
相关·内容
2回答
我有下面的Jquery脚本(我不是很理解，因为我从来没有用过它)
$(document).ready(function () {
$(".treeview li>ul").css('display', 'none'); // Hide all 2-level ul
$(".Treeviewcollapsible").click(function (e) {
e.preventDefault();
$(this).toggleClass("Treeviewcollapse
浏览 0提问于2015-03-27得票数 1
1回答
我在asp.net mvc3中使用带有contextmenu的jsTree创建了一个树形视图。
<div id="divtree">
<ul id="tree">
<li><a href="#" class="usr">@Model.Name</a>
@Html.Partial("Childrens", Model)
</li>
</ul>
<script type="text/java
浏览 4提问于2013-01-03得票数 13
回答已采纳
1回答
SQL分层查询取代XML
、、、、
我正在开发一个非常复杂的ASP.NET网络应用程序。菜单是一个树形视图，它从XML文档中收集其内容。生成XML并填充来自SQL数据库的数据。SQL数据库中的数据存储在彼此具有依赖性的多个表中。所以通向最终菜单的方法是这样的。
SQL DB -> XML ->树视图(菜单)
我的问题如下:有没有一种方法可以避免“xml”的步骤，将数据分层地从数据库中读取到树视图中？或者，有没有其他方法可以直接从数据库数据中创建树形视图？
我使用的是ASP.NET 4.0，SQL server2008和常用的.NET树视图控件。
收到的任何帮助
浏览 0提问于2012-07-25得票数 0
回答已采纳
1回答
我需要在rails应用程序中创建一个树形菜单(类似于javascript的树形菜单)。我一直在关注acts_as_tree，想知道是否有其他方法可以做到这一点。
有没有比使用'acts_as_tree‘更好的方法来创建树形菜单，或者我应该坚持使用javascript树形菜单？
非常感谢您提供的任何建议。
浏览 4提问于2011-04-07得票数 1
回答已采纳
1回答
在我的主视图(_Layout.cshtml)中，我有一个树形菜单。
我想删除主页(主页)中的树形菜单。
布局的其余部分应该留在那里，我希望房屋的主体占据树形菜单的空间。
是否有任何有效的开箱即用选项？
浏览 1提问于2012-11-11得票数 1
回答已采纳
我被指派去开发一个看起来像的网站。
根据MSDN Library的说法，我感觉他们的树形菜单在数据库中更新了。它们不像其他Javascript树菜单那样被修复。但是我不确定，我只是怀疑，MSDN库的Tree菜单中的段落是否真的存储在数据库中？如果这是真的，尊敬的，您能给我简单解释一下MSDN库的数据库图吗？我真的很感谢StackOverFlow的所有贡献者，并期待着他们的回应。
浏览 0提问于2009-06-11得票数 0
回答已采纳
我正在用MVC4构建一个处理盒子的应用程序。Box可以包含多个Box，也可以包含一个Box。菜单应如下所示：
> Box 1
> Box 2
> Box 2.A
> Box 2.B
> Box 2.C
> Box 2.C.1
> Box 2.D
> Box 3
现在，我有以下几点：
public object GetTree(Box? box){
foreach (var box in box.Boxes)
{
GetTree(box)
// append menu i
浏览 2提问于2013-03-10得票数 1
我想设计一些类似下面这样的东西，通过拖放来设计侧边菜单，如果光标已经指向它，树形列表就会从这个菜单中出现。
当光标指向LH中的“projects”时，将出现RH中的树形列表。
浏览 17提问于2020-02-22得票数 2
回答已采纳
1回答
在jquery中动态添加元素到树形菜单的最佳方式是什么？当我使用append()方法添加另一个(li)“一些代码”(/li)来扩展我的树形菜单时，代码被添加了，但没有激活。有没有别的方法可以代替append()。任何帮助都是非常感谢的。布雷特
浏览 1提问于2011-06-14得票数 0
1回答
首先，我是ExtJS的新手。我希望您的帮助，让我知道最好的方式来获得一个树形菜单，其中有n个递归项目。在示例中：
文件夹
..FOLDER
....ITEM
....FOLDER
......ITEM
......ITEM
....FOLDER
..。
我正在遵循Sencha提出的最佳实践。我可以用一个级别做一个树形菜单，但当尝试做n个级别的菜单时，它失败了(实际上，这个应用程序可以工作，但显示第一个级别的无限个节点)。显然，问题在于我的菜单项的模型定义，请参见：
Ext.define('Dashboard.model.MenuItem',{
extend: 'Dash
浏览 0提问于2012-09-22得票数 2
回答已采纳
我正在使用knp菜单包来生成树形菜单。如何获得与当前打开的页面相关的上一个和下一个菜单项(导航到上一个和下一个帖子，就像在博客中一样)？
浏览 4提问于2015-07-30得票数 0
我已经集成了ASP.NET和ASP.NET MVC，以便在一个项目中协同工作。这里我必须使用一些通用的控件，比如:菜单控件。这些菜单必须从数据库中动态填充。在jQuery的帮助下，通过从数据库中填充详细信息，可以在div中创建菜单吗？
如何创建ASP.NET和ASP.NET MVC的通用菜单控件？如有任何建议，我们将不胜感激。
浏览 1提问于2011-04-04得票数 1
回答已采纳
2回答
由于某种原因，我的代码显示我的树形菜单的嵌套列表都是错误的，有人能帮我纠正这个问题吗？这样我的嵌套列表就可以正确地嵌套到我的树形菜单中。
这是我的PHP代码。
function category_tree($parent = 0, $parent_url = ''){
echo "<ol>";
$mysqli = mysqli_connect("localhost", "root", "", "sitename");
$q = "SELECT id, ca
浏览 0提问于2010-08-17得票数 0
我想在我的C# code.how中添加或更改wpf树形视图的上下文菜单可以吗？
浏览 2提问于2011-10-28得票数 3
回答已采纳
1回答
我在数据库中有一个表，我需要在我的项目中使用这个数据库创建菜单。
如何使用asp.net c#创建此应用程序？我需要在菜单样式树形视图中转换这行"N:\A\B\C“。但是这个菜单应该是动态的，因为在这个表中，路径可能有不同级别的文件夹！表中的每一行都有一个主菜单，每个子文件夹都有一个MenuChild。
例如："N:\A“是我的主菜单，展开到"B\”，这是我的第二级(子菜单)，展开到"C\“，这是我在菜单中的第三级
我为这个菜单创建了第一层。这将显示表中每一行的完整路径。
private DataTable GetMenuData()
{
string
浏览 3提问于2013-06-12得票数 0
回答已采纳
var menu1 = new Ext.menu.Menu({
items: [{
text: 'Open in new tab'
}]
});
var treePanel = Ext.create('Ext.tree.Panel', {
id: 'tree-panel',
region: 'center',
useArrows: true,
singleExpand: true,
split: false,
height: 360,
min
浏览 1提问于2011-10-17得票数 11
回答已采纳
我想创建简单的树形菜单。但我只能使用PHP或HTML。在我的例子中，我不允许包含任何JavaScripts。
浏览 0提问于2011-01-21得票数 1
当我使用树形菜单js时，colorbox就不工作了。我该如何解决这个问题。
我正在使用下面的树形菜单js。
<script type='text/javascript' src='https://www.markettrendsignal.com/js/jquery.colorbox-min.js'></script>
<script type="text/javascript">
$(document).ready(function () {
$(".videodisplay&
浏览 2提问于2012-06-28得票数 0
1回答
如何在树视图中显示搜索结果
、、、、
目前，我在一个MVC项目中工作(这是我的第一个项目)。我做得很好，但是我被卡住了。我希望有人能帮我解决这个问题。
在这个项目中，我必须搜索一个记录(与id)在SQL数据库从visual studio，在那里我应该得到一个树视图的结果…就像在ID下，我们可能有很多子id，也可能没有，如果我们有一个子id，它应该显示一个，如果我们有多个子id，多级树形视图应该显示。
注意:当用户只搜索特定的id时，我应该从数据库中获得这个结果，数据库中的数据不应该与页面一起加载。
浏览 8提问于2019-07-28得票数 0
我是asp.net mvc的新手。我试图在mvc 3中创建网站。我想从数据库中创建动态菜单，该菜单应该可以在我的网站上看到。我在google上搜索它，并在下面的代码中找到了从数据库创建动态菜单的代码。但是，当我试图在另一个页面上应用时，它会给出一个错误，即“值不能是null.Parameter名称:source”)。这是我的菜单控制器代码。
public class MenuController : Controller
{
MenuEntities MEnt = new MenuEntities();
//[ChildActionOnly]
public Actio
浏览 2提问于2014-09-08得票数 0
回答已采纳
我在一个网站的主菜单上使用Ajaxy。我的问题是，当我从ajax调用中获得结果时，我动态地创建了一个树菜单，因此我必须在树菜单上使用与在主菜单上相同的功能。树形菜单是用以下代码创建的：
$("#tree .menu").html($("#main .menu").html());
有没有可能让它甚至与另一个插件一起工作？任何帮助都将不胜感激。谢谢。
浏览 2提问于2013-03-07得票数 0
我想在我正在开发的Rails应用程序中实现一个树菜单()。我不确定是使用acts_as_tree还是祖先。似乎使用acts_as_tree实现一个简单的树形菜单会更容易，然而，祖先更受欢迎，并且经常维护。有人对此有什么想法吗？
浏览 20提问于2012-01-12得票数 3
回答已采纳
这是我所指的选项菜单的屏幕截图。这是我想要的设计，但我没有找到任何教程。
当我单击“选项”项时，我想要显示“树形视图选项”菜单。但是我不知道如何创建像截图中那样的treeview菜单。
private void optionsToolStripMenuItem_Click(object sender, EventArgs e)
{
TreeNode mainNode = new TreeNode();
mainNode.Name = "mainNode";
mainNode.Text = "Main
浏览 0提问于2016-02-20得票数 0
如何从另一个silverlight应用程序调用silverlight应用程序。我想在第一个应用程序中点击树形视图上的菜单项时这样做。请注意，这些菜单项是动态添加的，因此我无法在XAML文件中添加代码。请在这方面提供帮助。
浏览 1提问于2011-09-06得票数 0
1回答
我试图在上下文菜单中绑定treeview (使用jquery)。
这是我的上下文菜单脚本：
$(function() {
$.contextMenu({
selector: '.context-menu-one',
callback: function(key, options) {
var m = "clicked: " + key;
window.console && console.log(m) || alert(m);
},
浏览 3提问于2013-02-18得票数 0
我用数据库菜单创建了一个mvc应用程序。我希望从第一次在母版页加载菜单时开始呈现该菜单。
请帮帮我..。
浏览 3提问于2011-10-31得票数 0
1回答
我想为我的网站创建一个分类和子分类系统。以StackOverflow标记系统为例，我想表示如下的层次结构：
ProgrammingConcepts
Functions
FlowControl
Branching
Looping
Datastructures
List
Tree
用户应该能够搜索这棵树，这样用户就可以搜索FlowControl，并获得任何标记为FlowControl、Branching或Looping的文章。
我应该如何在我的数据库中表示它？显而易见的解决方案是有一个这样的表：
Categor
浏览 1提问于2012-03-01得票数 1
回答已采纳
当树形视图中的项目被点击时，是否有可能在包含弹出菜单的子窗口中具有tkinter树形视图。目前，菜单在右键单击时显示，并被定向到适当的功能，但是我无法识别在树视图中选择的项目。
有没有一种方法可以在使用菜单后识别在树形视图中选择的行？
提前感谢
class Page(tk.Frame):
def __init__(self, parent, controller):
tk.Frame.__init__(self, parent)
button = ttk.Button(self, text="Treeview", command= self.ChildW
浏览 7提问于2015-12-10得票数 4
在我的应用中，我想创建一些类似extjs4接口的函数，当我点击左边的树形菜单时，内容会显示在下面的right.some代码列表中:左边的树形菜单代码：
var tree_panel = Ext.create('Ext.tree.Panel', {
listeners: {
'itemclick': function( grid, record, item, index, e, eOpts) {
Ext.Ajax.request({
url: 'code/list.js',
浏览 2提问于2013-05-29得票数 0
Hai我的问题是，我想在Asp- treeView应用程序中创建一个应用程序，我想使用上下文菜单删除、更新和插入节点到树形视图中。我的工作是这样做的，但我在鼠标左键单击时被选中，但我的上下文菜单在右击时打开，请在这方面帮助我
浏览 0提问于2012-08-24得票数 0
1回答
右键单击树状视图的项目时显示菜单
、、、、
我有一个树形视图，我想添加不同项目的右击支持。我是这样做的：
该菜单仅显示第一个根模块(右键单击后)，而不显示其余根模块。你能告诉我为了获得所有根模块的菜单，我需要做些什么吗？
非常感谢，我非常感谢你的回答。
浏览 0提问于2012-05-02得票数 1
回答已采纳
。您能给我提供一个代码示例，显示如何从数据库加载一个树形视图与硬编码的树形视图上的根节点。
我已经分享了下面的链接样本预览我需要的树。根节点是硬编码的，我希望从数据库填充子节点。
请在这里说明一些问题。
感谢Rahul
浏览 6提问于2013-11-30得票数 0
1回答
我想创建基于jquery的导航菜单，其中我的主菜单在左侧，单击我的子菜单项应该在主内容区域的标签中显示。我可以用Ext-js实现它，但是如何使用jquery来实现它。
例如。如果您访问并单击左侧的菜单和显示在右侧的项目..but，我不想使用树形结构，而是我将只使用选项卡或按钮，并且在单击主菜单项时需要更改子菜单项...
谁能给我举个例子？
谢谢！！
编辑:通过ext js 实现的更新布局
浏览 2提问于2010-08-30得票数 0
1回答
我想有一个网站导航菜单，每当有人点击它，一个带有复选框的树形视图出现，他们可以选择树中的节点。
这可以用YUI Treeview ( )实现吗?还是我必须自己做？
浏览 0提问于2008-11-07得票数 0
我正在尝试使用telerik MVC TreeView。我在树视图中有三个级别。单击第三级树视图项时，我需要加载一个不刷新页面的视图。我试着使用item.Url。但是整个页面都会刷新，treeview也会消失。我在“菜单”局部视图中有一个树形视图，它被_layout.cshtml调用。
@(Html.Telerik().TreeView()
.Name("TreeView")
.ShowLines(false)
.BindTo(Model, mappings =>
{
mappings.For<AdminT
浏览 8提问于2013-01-03得票数 0
回答已采纳
您认为在传统WinForms应用程序中向用户显示分层功能列表的最佳方式是什么？(菜单系统-假设功能可以拆分成少量的模块和子模块，但这些子模块没有固定的深度)。
你喜欢传统的下拉菜单系统，功能区，停靠的工具栏，树形视图方法或任何其他创新的想法吗？
浏览 12提问于2008-11-27得票数 1
回答已采纳
1回答
我们有一些使用.net Windows.Forms.TreeView的代码。当视图中的项被选中时，代码将执行此操作
treeView.BeginUpdate();
// ... some stuff ...
SendMessage(treeView.Handle, WM_HSCROLL, SB_LEFT, 0);
treeView.EndUpdate();
这是为了使树形视图显示不会向右滚动(这是默认行为--我假设尽可能多地显示所选项目标签，但代价是隐藏了一些树形结构)。不幸的是，当树形视图包含30,000个项目时，在右键单击期间调用此代码，并在上下文菜单中显示结果，需要几秒钟才能出现(足以让
浏览 2提问于2009-02-19得票数 1
我们的应用程序中需要一个菜单系统，我们使用的是Spring MVC 3。菜单将显示在每个页面上，并且菜单项存储在数据库中。在处理请求时，将菜单项带回表示层的想法是什么？
非常感谢。
浏览 5提问于2012-08-24得票数 0
回答已采纳
我有以下HTML：
<li class="treeview" id="account_management">
因此，我想以id "account_management“为目标元素，并将其类从"treeview”更改为"treeview active"，这样我就可以相应地设置我的树形菜单的样式。
浏览 3提问于2014-10-02得票数 0
2回答
带菜单的树形视图
、、、
我想创建一个树形视图，但我的问题是，我不知道是否可以在树形视图中有超链接，当你单击一个节点时，你会看到那些可以将你重定向到另一个表单的超链接？treeview绑定到数据库
浏览 0提问于2012-07-31得票数 1
1回答
带有复选框的树形视图
、、、
我需要显示一个带有复选框的树形视图，以便在带有C#的MVC中进行选择。
我有两张桌子。一个包含类别和子类别，另一个包含产品。有些类别在第一个表中没有子类别，它们只有产品。
我需要用这两个表填充Treeview。请建议我使用MVC，也可以使用jquery，这样页面在选择父节点时不会刷新。
浏览 3提问于2009-07-11得票数 0
1回答
MVC模式与三层-逻辑属于哪里？
、、、、
我试图在我的网站编码中引入一些好的实践，所以我开始研究MVC，因为它是网站设计中的一个热门词:-)我对MVC模式感到困惑。我习惯于在中思考，这里有三个层：
介绍性
逻辑
数据
有两件事让我对MVC感到困惑：
"Model“组件通常表示为上面的数据层(数据库抽象)。但是，“高层次”逻辑属于哪里呢？比如决定如何处理数据，检查权限等等。有时，我在控制器中看到了其中的一些内容，但对于我来说，决定哪一个属于哪个位置确实令人费解。
MVC模式是由三个组件组成的圆，它们相互发送消息，如M -> V、V -> C、C -> M，以及相反的。我完全理解三层设
浏览 2提问于2014-02-17得票数 0
我会把菜单放到母版页的实体数据模型在asp.net mvc.And的菜单的名称将是dynamic.So，菜单的名称将从database.the道德的故事，我如何才能放入主页面从数据库接收类别名称？
提前谢谢。
浏览 1提问于2011-05-02得票数 0
2回答
我需要创建一个视图，支持从表行拖放到树形视图，有点像在windows资源管理器中将文件拖到文件夹中。
可以有人重新推荐一个免费的基于jQuery的树视图，它将支持这一点，以及如何做到这一点。我以前没有做过jQuery拖放，所以我不确定要注意什么。我在中看到了很多支持拖放的小部件，但我不确定它是否会扩展到其他页面元素。
我的树形视图可以在服务器端加载，因为节点将是静态的。我在我的服务器端使用MVC4。
浏览 2提问于2013-05-30得票数 0
2回答
我的网站在其索引页面中有很多菜单和子菜单，这些子菜单是从db.Ajax加载的，而这些子菜单是用来加载子菜单的。所以加载整个页面需要花费很多时间。如何减少加载时间。我使用的是asp.net mvc3和sql server 2008数据库。
浏览 1提问于2013-04-15得票数 0
1回答
要确定上下文菜单的内容，我需要检测用户何时单击树形视图的空白区域。但是，Click和MouseClick事件都不会触发。是否有可能通过从TreeView派生来实现所需的功能？如果没有，我能做什么？
浏览 0提问于2013-01-03得票数 0
回答已采纳
1回答
我想使用树状视图作为主菜单。我想在WPF和MVVM中填充树形视图，该表具有类似abc.xaml的路径，当用户单击该页面/窗口时，将会打开该页面/窗口
如果有任何错误，请忽略我是新的
浏览 0提问于2012-09-04得票数 0
回答已采纳
1回答
在WPF中，我正在尝试创建一个类似于Visual Studio (Tools -> Options) ()中的设置页面。
我知道选择菜单是树形视图，但我不确定如何隐藏/显示右侧的控件。
在WPF中执行此操作的最佳且适当的方法是什么？
浏览 0提问于2016-05-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
