利用menu实现后台管理用户界面

最新推荐文章于 2024-11-15 15:10:00 发布
最新推荐文章于 2024-11-15 15:10:00 发布
阅读量1.6k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： asp.net 文章标签： menu 后台用户管理 asp.net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/mycoolme5/article/details/53055681
本文介绍如何使用ASP.NET中的Menu控件实现导航菜单，并通过母版页解决MenuItemClick事件仅触发一次的问题。示例代码展示了不同菜单项对应的不同内容页及验证逻辑。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

asp.net   menu控件，在普通页面只会执行一次MenuItemClick事件。如果用母版页，把menu放在页面左边，内容页

放在右面，很容易解决menu只响应一次的问题。

先建立母版页site1.master

前台代码：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication1.Site1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    
    <form id="form1" runat="server">
        <div style="margin-top:20px;background-color:lightblue;">
            <asp:Label ID="Label1" runat="server" Width="90%" Text=" Manage user "></asp:Label>
        </div>
        <div style="float:left;margin-left:100px;margin-top:50px">
        <asp:Menu ID="Menu1" runat="server" StaticDisplayLevels="2"  OnMenuItemClick="Menu1_MenuItemClick"   >
            <Items >
                <asp:MenuItem Text="User Manage" Value="manage" Selectable="False">
                <asp:MenuItem Text="Add user" Value="add"></asp:MenuItem>
                <asp:MenuItem Text="Modify password" Value="modify"></asp:MenuItem>
                <asp:MenuItem Text="Permission" Value="mpermission"></asp:MenuItem>
                <asp:MenuItem Text="User void" Value="uservoid"></asp:MenuItem>
                </asp:MenuItem>
            </Items>
        </asp:Menu>
        </div>
         
      
    <div style="float:right;margin-right:700px;margin-top:100px">
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>
后台c#代码 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class Site1 : System.Web.UI.MasterPage
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }
        

        protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
        {
            

            if (Menu1.SelectedValue == "add")
            {
                Response.Redirect("Default.aspx?rowdis=" + "add");
                return;
            }
            else
            {
                if (Menu1.SelectedValue == "modify")
                {
                    Response.Redirect("Default.aspx?rowdis=" + "modify");

                    return;
                }
                else
                {
                    if (Menu1.SelectedValue == "uservoid")
                    {
                        Response.Redirect("Default.aspx?rowdis=" + "uservoid");

                        return;
                    }
                    else
                    {
                        if (Menu1.SelectedValue == "mpermission")
                        {
                            Response.Redirect("Default.aspx?rowdis=" + "mpermission");

                            return;
                        }
                      

                      
                    }
                }
            }
        }
    }
}
默认一个主页，就是menu没有点击的时候显示的页面。比如是webform3.aspx,不执行任何代码 

<%@ Page Title="主页" Language="C#" AutoEventWireup="true" MasterPageFile="~/Site1.Master" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication1.WebForm3" %>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="ContentPlaceHolder1">
   
    </asp:Content>

下面是真正的内容页default.aspx，前台代码： 

<%@ Page Title="主页" Language="C#" AutoEventWireup="true" MasterPageFile="~/Site1.Master" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="ContentPlaceHolder1">
    <script  type="text/JavaScript">
        function checkForm() {
            var _uid = document.getElementById("<%=username.ClientID %>").value;
            var _upwd = document.getElementById("<%=password.ClientID %>").value;
            var _upwdSure = document.getElementById("<%=passwordconfirm.ClientID %>").value;

            if (_uid == "") {
                alert("username not empty!");
                return false;
            }

            if (_upwd != _upwdSure) {
                alert("twice passwords  are not match ");
                return false;

            }
            var reg = /^[a-zA-Z0-9]{6,8}$/g;
            if (!reg.test(_upwd)) {
                alert("Password length must be 6 -8 characters, can only be English words, numbers, for example: snsn2016, etc.");
                return false;
            }
            var reguser = /^[a-zA-Z]/;
            if (!reguser.test(_uid)) {
                alert("username can only be English words  for example: snsn, etc.");
                return false;
            }
        }

    </script>
    <div >
        <asp:Table ID="Table1" runat="server">
            <asp:TableRow ID="user" Visible="false">
                <asp:TableCell>
                    <asp:Label ID="Label2" runat="server">User Name：</asp:Label>
                    
                </asp:TableCell>
                <asp:TableCell>
                    <asp:TextBox ID="username" runat="server" ></asp:TextBox>
                </asp:TableCell>
            </asp:TableRow>
              <asp:TableRow  ID="changepassword" Visible="false">
                <asp:TableCell>
                    <asp:Label ID="Label3" runat="server">Password：</asp:Label>
                    
                </asp:TableCell>
                <asp:TableCell>
                    <asp:TextBox ID="password" runat="server"  ></asp:TextBox>
                </asp:TableCell>
                   
            </asp:TableRow>

                <asp:TableRow  ID="confchangepassword" Visible="false">
                <asp:TableCell>
                    <asp:Label ID="Label4" runat="server">Password Confirm：</asp:Label>
                    
                </asp:TableCell>
                <asp:TableCell>
                    <asp:TextBox ID="passwordconfirm" runat="server"  ></asp:TextBox>
                </asp:TableCell>
               </asp:TableRow>
                 <asp:TableRow  ID="permission" Visible="false">
                <asp:TableCell>
                    <asp:Label ID="Label5" runat="server">Permission：</asp:Label>
                    
                </asp:TableCell>
                <asp:TableCell>
                    <asp:DropDownList runat="server" ID="dlpermission">
                        <asp:ListItem Text="insert" Value="insert"></asp:ListItem>
                        <asp:ListItem Text="query" Value="query"></asp:ListItem>
                    </asp:DropDownList>
                </asp:TableCell>

            </asp:TableRow>
             <asp:TableRow  ID="uservoid" Visible="false">
                <asp:TableCell>
                    <asp:Label ID="Label6" runat="server">User Void：</asp:Label>
                    
                </asp:TableCell>
                <asp:TableCell>
                    <asp:CheckBox ID="usvoid" runat="server" />
                </asp:TableCell>

            </asp:TableRow>

        </asp:Table>
     <asp:Button ID="submit" runat="server" Text="Submit" Visible="false" OnClick="submit_Click"  OnClientClick="return checkForm()" />
    <br />
     <asp:label ID="display" runat="server" text=" "></asp:label>
      </div>
    </asp:Content>


后台c#代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class _Default : Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            string tbrow;
            tbrow = Request.QueryString["rowdis"].ToString();
            user.Visible = true;
            submit.Visible = true;

            if (!Page.IsPostBack)
            {
                if (tbrow == "add")
                {
                    changepassword.Visible = true;
                    confchangepassword.Visible = true;
                    permission.Visible = true;
                    uservoid.Visible = true;
                    inittextbox();
                    return;
                }
                else
                {
                    if (tbrow == "modify")
                    {
                        changepassword.Visible = true;
                        confchangepassword.Visible = true;
                        permission.Visible = false;
                        uservoid.Visible = false;
                        inittextbox();
                        return;
                    }
                    else
                    {
                        if (tbrow == "uservoid")
                        {
                            uservoid.Visible = true;
                            changepassword.Visible = false;
                            confchangepassword.Visible = false;
                            permission.Visible = false;
                            inittextbox();
                            return;
                        }
                        else
                        {
                            if (tbrow == "mpermission")
                            {
                                uservoid.Visible = false;
                                changepassword.Visible = false;
                                confchangepassword.Visible = false;
                                permission.Visible = true;
                                inittextbox();
                                return;
                            }
                            else
                                display.Text = "select error";
                            return;
                        }
                    }
                }
            }
           
        }
        protected void submit_Click(object sender, EventArgs e)
        {
            if (username.Text.Length > 0)
            {
                display.Text = "has name";
            }
            else
            {
                display.Text = "username empty";
            }
        }
        private void inittextbox()
        {
            username.Text = "";
            password.Text = "";
            passwordconfirm.Text = "";
        }
    }
}

后面在加一个抽象类，用来做页面传参的加密工作code.cs： 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Security.Cryptography;
using System.IO;
using System.Text;


namespace WebApplication1
{
    public abstract class code
    {

        public static string key = "20161030", iv = "01234567";
        public static string Encrypt(string sourceString)
        {
            try
            {
                byte[] btKey = Encoding.UTF8.GetBytes(key);

                byte[] btIV = Encoding.UTF8.GetBytes(iv);

                DESCryptoServiceProvider des = new DESCryptoServiceProvider();

                using (MemoryStream ms = new MemoryStream())
                {
                    byte[] inData = Encoding.UTF8.GetBytes(sourceString);
                    try
                    {
                        using (CryptoStream cs = new CryptoStream(ms, des.CreateEncryptor(btKey, btIV), CryptoStreamMode.Write))
                        {
                            cs.Write(inData, 0, inData.Length);

                            cs.FlushFinalBlock();
                        }

                        return Convert.ToBase64String(ms.ToArray());
                    }
                    catch
                    {
                        return sourceString;
                    }
                }
            }
            catch { }

            return "DES error";
        }
        public static string Decrypt(string encryptedString)
        {
            byte[] btKey = Encoding.UTF8.GetBytes(key);

            byte[] btIV = Encoding.UTF8.GetBytes(iv);

            DESCryptoServiceProvider des = new DESCryptoServiceProvider();

            using (MemoryStream ms = new MemoryStream())
            {
                byte[] inData = Convert.FromBase64String(encryptedString);
                try
                {
                    using (CryptoStream cs = new CryptoStream(ms, des.CreateDecryptor(btKey, btIV), CryptoStreamMode.Write))
                    {
                        cs.Write(inData, 0, inData.Length);

                        cs.FlushFinalBlock();
                    }

                    return Encoding.UTF8.GetString(ms.ToArray());
                }
                catch
                {
                    return encryptedString;
                }
            }

        }
    }
}




【Vue2+Element ui通用后台】左侧菜单实现
Errol's Blog
12-12 5368
【Vue2+Element ui通用后台】左侧菜单实现
Vue+Element Plus后台管理主界面搭建实现
m0_61517307的博客
08-08 2631
结合Vue和Element-UI，‌开发者可以快速构建高质量的Vue应用，‌利用Element-UI提供的丰富组件和工具，‌以及Vue的响应式数据绑定和组件化开发模式，‌实现高效且美观的用户界面开发
后台管理自适应布局，使用IFrame布局常用后台管理页面
u012725119的专栏
09-30 2127
只需要一行代码即可实现头部 、中间部分(左边固定，右边自适应)、底部，包含根据json 自动加载菜单。布局大小根据可见宽高自动变化，可自己更改样式，灵活多变。可搜索菜单，并打开菜单。功能非常多，全是源码，内容都可自己修改，还是18年写的，上传在好例子网，最近收到邮件才记起来。 先看看效果吧 代码也比较简单，一个JSON 和一行JS 代码，HTML不变就好。 <!DOCTYPE h...
bootstrap布局（三）—后台布局实例（根据权限显示不同菜单）
鲸鱼姐的专栏
06-30 6224
一效果如下，不同用户登陆看到的菜单不同。本文是在bootstrap布局（二）的基础上增加的功能。 管理员用户id是4，地址栏输入：localhost:8090/sysmenu/4 普通用户id是6，地址栏输入：localhost:8090/sysmenu/6 平台搭建如下： 二 数据库设计 1. t_menu设计如下： 2.t_role_menu设计如下： 3...
周日任务：了解bootstrap和后台管理系统
吴纯玲的博客
04-16 2835
bootstrap bootstrap是基于HTML、CSS 、JavaScript  的前端开发框架，目前最受欢迎。 bootstrap包含丰富的组件：包括下拉菜单、按钮组、按钮下拉菜单、导航、导航条、分页、排版、缩略图、进度条、警告对话框等。 bootstrap自带13个jquery插件，包括标签页、滚动条、弹出框等。 总而言之，这是一个强大而方便实用的开发框架。 虽然我现在
学习YUI.Ext 第三天:EXT:Menu组件
03-29 1338
原文出处 视频教学翻译：Frank概述: 讲讲如何使用Ext菜单器件这篇教程中，我们将学习使用Ext的菜单器件（Menu Widgets)。假设读者已经阅读过Ext简介一文，并懂得一些Ext的基本相关知识。菜单器件是Ext库中较迟实现的器件。它由几个类联合构成，使得创建一个菜单只需若干代码块（Block of code）。开始！第一步要做的是，下载本教程的示例文件。Zip文件包括三
基于PySide2实现后台管理界面
最新发布
03-07
这些特性为创建复杂的用户界面提供了便利，尤其适合开发功能丰富、操作直观的后台管理系统。 本示例代码从导入PySide2模块开始，使用了诸如QApplication、QWidget、QHBoxLayout、QVBoxLayout、QLabel、QPushButton...
jquery插件实现软件后台管理界面
12-18
本主题将深入探讨如何利用jQuery插件来构建高效且用户友好的软件后台管理界面。 首先，jQuery的核心特性在于其简洁的API，使得开发者能够用更少的代码实现更多的功能。例如，通过`$(selector).action()`这样的语法...
Vue后台管理系统实现权限控制
05-17
本教程将深入探讨如何使用Vue.js和element-ui组件库实现一个完善的后台管理系统的权限控制机制。Vue.js是一个轻量级的前端框架，而element-ui则为Vue提供了丰富的UI组件，axios则常用于处理HTTP请求，Vuex则是Vue的...
蓝色后台管理系统界面模板设计与功能解析
1. 后台管理系统界面设计：后台管理系统（Backend Management System）是为网站或应用的后台操作而设计的用户界面，通常包括用户管理、内容管理、数据分析、日志管理等功能。蓝色后台管理系统界面即是针对这些功能...
后台管理菜单导航（界面）
03-18
最新整理的一份易想后台管理导航菜单及界面
metisMenu的bootstrap模板
03-23
bootstrap的后台简易模板
后台加载Ext 的多选框
北京平安力合科技发展有限公司产品技术官博
07-21 504
var store= new Ext.data.Store({            proxy: new Ext.data.HttpProxy({url:'/All'}),            reader: new Ext.data.JsonReader({
Line接入流程
az436036的博客
11-15 1627
1 业务背景1日本与JCB合作的准入 mvp ——通过know diner + 线上触达/召回，集客功能与local POS 差异化（主要竞对：AirRegi，Usen）2泰国市场local 用户盘活 （泰国minor、已有商户基本上都是cafe和快餐类型、其实不是for 游客、希望能倒推minor盘活自己的商户）2 Console接入LineLine developer中配置的（3 需求分析1 新增line的投放渠道2 托管商户的两个API3 配置rich menu。
ASP.NET---母版页
刘远的编程技术博客
04-21 1042
母版页的功能为提高工作效率、降低开发和维护强度。母版页应用于网站标志、广告条、导航条、版权声明等内容。常见母板页代码结构如下所示：&lt;%@ MasterLanguage="C#"AutoEventWireup="true"CodeBehind="Site1.master.cs"Inherits="WebApplication1.Site1"%&gt; &lt;!DOCTYPE html PU...
ASP.NET模板使用--牛腩收仓
No body But u
03-28 828
牛腩中的模板，和之前自己学习的模板方法的设计模式很想，不过牛腩中更加注重的界面的样式，实质上他们也算是亲戚。将很多页面上的常用的内容抽象出来，放在模板中，再次创建页面的使用可以在已经创建的模板的基础上进行添加内容。减少了内容的冗余，牛老师提到两种创建模板的方法，一种是模板页面，一种是用户控件
母版页学习笔记
weixin_30646315的博客
08-01 91
母版页指的是ASP.NET中的.master文件。母版页使用的指令与一般的ASP.NET的WEB页面不同，母版页使用<%@ Master>指令，并且母版页的.cs文件继承System.Web.UI.MasterPage 类。 <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs...
Yii2 菜单menu管理
weixin_30289831的博客
11-14 294
前面写了一篇Yii2-admin RBAC权限管理的实现有朋友在评论里问了关于menu的使用，在这里我做一下统一的回答，稍微讲解一下我平时在项目中是怎么使用menu的。 menu表是根据权限来控制后台菜单的显示和隐藏的。 先来看看表结构： -- ---------------------------- -- Table structure for yc_menu -- --...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值