借用 疯狂秀才 的页面,修改了一下自然框架后台管理的页面。

简介:   不知道为什么,就是不喜欢extJS,昨天看到了疯狂秀才的页面,大家都说好,那我就借鉴一下吧。下载源码,加到aspx里面。运行,居然有js错误。一模一样的呀,怎么出错了?仔仔细细看了n遍,终于发现了不同的地方——多了一个表单 。

 

  不知道为什么,就是不喜欢extJS,昨天看到了疯狂秀才的页面,大家都说好,那我就借鉴一下吧。下载源码,加到aspx里面。运行,居然有js错误。一模一样的呀,怎么出错了?仔仔细细看了n遍,终于发现了不同的地方——多了一个表单<form > 。去掉了就ok了。

 

  然后就是修改菜单了。秀才的菜单是写死在页面里的js形式,我是喜欢动态加载的,于是用了一个古老的方法,在后台组合html,哦不对是js脚本了。

  

  写代码,运行,调试,ok。

 

img_405b18b4b6584ae338e0f6ecaf736533.gif
private   void  BindNode()
        {
            
string  sql  =   " select * from  Manage_Function where IsShowNote = 1 and NoteLevel <=2 order by sort  " ;
            DataTable dt 
=  dal_Customer.ExecuteFillDataTable(sql);

            StringBuilder str 
=   new  StringBuilder( 3000 );

            
// 开始循环
             int  index  =   0 ;
            
bool  beforeNodeIsFisrt  =   true ;   // 前一个节点是一级节点
             string  url  =   "" ;

            
foreach  (DataRow dr  in  dt.Rows)
            {
                
if  (dr[ " NoteLevel " ].ToString()  ==   " 1 " )
                {
                    
// str.Append("\"menus\":[");
                    
// 一级节点

                    str.Append(
" {\ " menuid\ " :\ ""  + dr[ " FunctionID " ].ToString() +  " \ " ,\ " icon\ " :\ " icon - sys\ " ,\ " menuname\ " :\ ""  + dr[ " NoteTitle " ].ToString() +  " \ " ,\r\n " );
                    beforeNodeIsFisrt 
=   true ;
                }
                
else
                {
                    
// 二级节点
                     if  (beforeNodeIsFisrt)
                        str.Append(
" \ " menus\ " :[ " );

                    
// 开始循环
                    url  =  dr[ " WebURL " ].ToString();
                    url 
+=   " ?fid= "   +  dr[ " FunctionID " ].ToString();
                    str.Append(
" {\ " menuname\ " :\ ""  + dr[ " NoteTitle " ].ToString() +  " \ " ,\ " icon\ " :\ " icon - nav\ " ,\ " url\ " :\ ""  + url +  " \ " } " );

                    
// 判断下一个节点是不是二级节点
                     if  (dt.Rows.Count  ==  index + 1 )
                    {
                        
// 最后一个节点
                        
// 二级节点循环结束
                        str.Append( " ]\r\n " );
                        
// 一级节点循环结束
                        str.Append( " }\r\n " );
                    }
                    
else
                    {
                        
// 判断下一个节点
                         if  (dt.Rows[index  +   1 ][ " NoteLevel " ].ToString()  ==   " 1 " )
                        {
                            
// 下一个节点是一级节点,结束这个二级节点
                            
// 二级节点循环结束
                            str.Append( " ]\r\n " );
                            
// 一级节点循环结束
                            str.Append( " },\r\n " );
                        }
                        
else
                        {
                            
// 下一个节点不是一级节点,继续循环二级节点
                            str.Append( " ,\r\n " );
                        }
                    }

                    beforeNodeIsFisrt 
=   false ;
                    
                }

                

                index
++ ;
            }


            nodeHTML 
=  str.ToString();

        }

 

 

  看看新的页面,效果还可以。发个截图。

 

  

 

在线演示还没有更新,网上回去再更新。

 

相关文章
|
7月前
|
前端开发 开发工具 iOS开发
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑(1)
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑
188 0
|
14天前
|
编解码 前端开发 JavaScript
带您一步步构建一个基本的动态新闻网站,包括页面布局、样式设计以及交互效果的实现
【6月更文挑战第14天】构建动态新闻网站实战项目,涉及页面布局、样式设计和交互实现。首页采用顶部导航栏、轮播图和新闻列表布局;新闻列表页按分类显示新闻,详情页展示完整内容并可添加相关推荐和评论。设计注重色彩搭配、字体选择和布局间距,实现轮播图效果、导航栏交互和响应式设计,提升用户体验。该项目有助于锻炼HTML和CSS技能,理解网页设计实际应用。
52 1
|
1月前
|
PHP
【ripro美化】设计子主题sheji-child素材资源下载站模板(集成后台+无授权+独立运行)
安装教程 第一步:首先对应单个上传替换包里面的文件到ripro原主题里面(单个文件覆盖不是替换整个文件包) 第二步:将下载的sheji-child压缩包上传到/wp-content/themes/直接解压,完成后到后台-外观-启用子主题 后台新建页面 1:页面-新建页面-选择VIP介绍模板,链接填vip 2:页面-新建页面-选择自助申请友链模板,链接填links
19 0
【ripro美化】设计子主题sheji-child素材资源下载站模板(集成后台+无授权+独立运行)
|
1月前
网站维护页面404源码
网站维护页面404源码
29 0
网站维护页面404源码
|
8月前
|
数据采集 小程序 定位技术
[笔记]微信小程序开发《三》框架基础:小程序生命周期、全局配置、页面配置。
[笔记]微信小程序开发《三》框架基础:小程序生命周期、全局配置、页面配置。
|
7月前
|
前端开发 开发工具 iOS开发
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑(2)
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑
40 0
|
7月前
|
前端开发 数据处理 Swift
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑(3)
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑
68 0
|
10月前
|
小程序 索引
|
10月前
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用1
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用1
36 0
|
10月前
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用5
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用5
44 0