mounted() { let menus = menu.list(); this.menuList = menus; this.role = this.$storage.get("role"); },

时间: 2024-05-27 13:07:47 浏览: 118

Menu菜单操作实例

### Menu菜单操作实例知识点解析 #### 一、代码概述本示例主要涉及Web应用程序中的动态菜单构建。通过从数据库获取菜单数据，并将其转化为`DataTable`对象存储，进而利用这些数据构建多级菜单结构。 #### 二、核心知识点 ##### 1. `DataTable`与`DataRow`操作在.NET框架中，`DataTable`类用于表示内存中的表格数据，而`DataRow`类则代表了`DataTable`中的一行记录。 - **初始化DataTable**： ```csharp DataTable dt = new DataTable("ID"); ``` - **添加列**： ```csharp dt.Columns.Add("id", typeof(String)); dt.Columns.Add("parent_id", typeof(String)); dt.Columns.Add("menu_text", typeof(String)); dt.Columns.Add("url", typeof(String)); dt.Columns.Add("enabled", typeof(String)); dt.Columns.Add("sort", typeof(int)); ``` - **设置主键**： ```csharp DataColumn[] key = new DataColumn[1]; key[0] = dt.Columns[0]; dt.PrimaryKey = key; ``` - **填充数据**： - **执行SQL查询**：通过调用`SqlServerAccess.ExecuteQuery()`方法执行SQL查询并返回一个`DataSet`对象。 - **转换数据**：遍历`DataSet`中的每个表，再遍历每行数据，将数据逐条添加到`DataTable`中。 ```csharp foreach (DataTable table in dataSet.Tables) { foreach (DataRow row in table.Rows) { DataRow userRow = dt.NewRow(); userRow["id"] = row[0].ToString().Trim(); userRow["parent_id"] = row[1].ToString().Trim(); userRow["menu_text"] = row[2].ToString().Trim(); userRow["url"] = row[3].ToString().Trim(); userRow["enabled"] = row[4].ToString().Trim(); userRow["sort"] = row[5].ToString().Trim(); dt.Rows.Add(userRow); } } ``` ##### 2. 构建菜单结构 - **页面加载事件处理**： ```csharp protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { MenuItem menuNode; dt = MainMenu.GetMenu(); rowList = dt.Select("parent_id='E24F1C76-756F-4D27-8F15-0DEE3184F230'"); foreach (DataRow row in rowList) { menuNode = new MenuItem(); menuNode.Text = row["menu_text"].ToString(); menuNode.Value = row["id"].ToString(); menuNode.NavigateUrl = row["url"].ToString(); Menu1.Items.Add(menuNode); addNode(menuNode, menuNode.Value); } } } ``` - **递归构建子菜单**： ```csharp protected void addNode(MenuItem parentNode, String str_value) { rowList = dt.Select("parent_id='" + parentNode.Value + "'"); MenuItem childNode = new MenuItem(); foreach (DataRow row in rowList) { childNode = new MenuItem(); childNode.Text = row["menu_text"].ToString(); childNode.Value = row["id"].ToString(); childNode.NavigateUrl = row["url"].ToString(); parentNode.ChildItems.Add(childNode); addNode(childNode, childNode.Value); } } ``` #### 三、注意事项 - 在实际应用中，应避免在查询条件中使用字符串拼接的方式（如`"parent_id='" + parentNode.Value + "'"`），这可能导致SQL注入风险。建议使用参数化查询或ORM框架。 - 对于大型菜单结构，递归方法可能会导致性能问题。考虑使用迭代方法或其他优化手段。 - 应对异常进行更细致的处理，如日志记录等。示例中的异常处理仅简单记录异常信息。 - 在实际项目中，通常会将菜单数据的获取与构建逻辑封装为独立的服务层或业务逻辑层的方法，以实现更好的解耦和重用性。 - 考虑使用更现代的技术栈和框架，如ASP.NET Core MVC等，以提高开发效率和应用程序性能。 #### 四、扩展知识点 - **SQL注入防护**：了解如何使用参数化查询来防止SQL注入攻击。 - **ORM框架**：学习如何使用Entity Framework等ORM框架简化数据访问层的开发工作。 - **缓存策略**：研究如何使用缓存技术减少数据库访问次数，提高系统响应速度。 - **前端框架集成**：探索如何将后端数据与前端框架（如React或Angular）结合，创建更丰富的用户界面。 - **安全性最佳实践**：了解如何通过认证、授权机制保障系统的安全性。

这是一个 Vue.js 的生命周期方法 `mounted()`，当组件挂载到 DOM 上之后会自动调用该方法。在这里，代码获取了菜单列表，并将其赋值给 `menuList` 变量。同时，它还从本地存储中获取了 `role` 变量的值，并将其赋值给组件的 `role` 变量。这段代码的作用是初始化组件的状态。

阅读全文

mounted() { let menus = menu.list(); this.menuList = menus; this.role = this.$storage.get("role"); },

相关推荐

this.$toast() 了解一下？

mounted() { let menus = menu.list(); this.menus = menus; for (let i = 0; i < this.menus.length; i++) { if (this.menus[i].hasBackLogin=='是') { this.roles.push(this.menus[i]) } } },

浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法

【JavaScript源代码】Vue.set()和this.$set()使用和区别.docx

vue中 this.$set的用法详解

Vue 解决通过this.$refs来获取DOM或者组件报错问题

详解Vue.js基于$.ajax获取数据并与组件的data绑定

详解Vue + Vuex 如何使用 vm.$nextTick

$parent,$children.txt

解决$store.getters调用不执行的问题

Xcode真机调试中的 "The Developer Disk Image could not be mounted." 问题-附件资源

vue-create-root:不到1kb的小工具，把组件变成this。$ xxx命令

vue.js页面加载执行created,mounted的先后顺序说明

pandas-1.3.5-cp37-cp37m-macosx_10_9_x86_64.zip

基于java的大学生兼职信息系统答辩PPT.pptx

基于java的乐校园二手书交易管理系统答辩PPT.pptx

最新推荐

Vue 解决通过this.$refs来获取DOM或者组件报错问题

解决vue项目中某一页面不想引用公共组件app.vue的问题

pandas-1.3.5-cp37-cp37m-macosx_10_9_x86_64.zip

基于java的大学生兼职信息系统答辩PPT.pptx

基于java的乐校园二手书交易管理系统答辩PPT.pptx

Aspose资源包：转PDF无水印学习工具

管理建模和仿真的文件

【R语言高性能计算秘诀】：代码优化，提升分析效率的专家级方法

在构建视频会议系统时，如何通过H.323协议实现音视频流的高效传输，并确保通信的稳定性？

Go语言控制台输入输出操作教程