评论 (18)

HTML 前端之家
前端之家收集整理的这篇文章主要介绍了评论 (18)，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

引言

晒图

原图：

数据库设计

ANSI_NULLS QUOTED_IDENTIFIER ANSI_PADDING . () () () () () () () () () () () () () () ) (PAD_INDEX ,STATISTICS_NORECOMPUTE ,IGNORE_DUP_KEY ,ALLOW_ROW_LOCKS ,ALLOW_PAGE_LOCKS ) ) ANSI_PADDING . (()) . (()) . (())

数据库在的文章中字段有相关说明，可以使用。

DT的iframe

显示部分用到了iframe，查看源码，着实费了不少功夫，关于iframe的使用，以及父页面怎么通过js访问到子页面的方法等通过努力还是让我给解决了。通过这个过程，也学到不少东西。

代码贴出来分享一下。iframe中嵌套的页面，大家可以去的文章《》中有提供相关链接，希望自己动手也尝试一下。

!DOCTYPE html html xmlns"http:www.w3.orgxhtml" head Meta httpequiv"ContentType" content"html; charsetutf" Meta httpequiv"XUACompatible" content"IEEmulateIE9" title快速信息化系统开发框架 title link href"..ThemesStylesTouch.css" rel"stylesheet" link href"..ThemesStylesstyle.css" rel"stylesheet" script src"..ThemesScriptsjquery..js"script link href"..ThemesScriptsartDialogskinsblue.css" rel"stylesheet" script src"..ThemesScriptsartDialogartDialog.source.js"script script src"..ThemesScriptsartDialogiframeTools.source.js"script script src"..ThemesScriptsFunctionJS.js"script script src"..ThemesScriptsMainTouch.js"script script type"javascript" $(document).ready( AddTabMenu(,,首页主控台,, $("#tabs_iframe_Imain").css(,).css(, 菜单 MenuJson $("#htmlMenu").html( getAjax("Frame.ashx","actionLoadFirstMenu", MenuJson eval("(" data $.each(MenuJson, (MenuJson.ParentId ( css "class GetSubmenu( MenuJson.EventId , MenuJson.FullName } css $("#htmlMenu").append("li<div " css " title\"" MenuJson.Description "\" onclick\"GetSubmenu(,)\"<img src\"ThemesImages" MenuJson.Img "\" width\"\" height\"\" " MenuJson.FullName "divli ( X $().offset(). $("#side_switch").css(" 菜单 .tabs_iframe_Imain.LoadSubmenu(MenuJson,menu_id,menu_Name);功能选项 AddTabMenu(,,,5026_settings.png, script head body form method"post" action"MainForm.aspx" id"form1" div id"Imain" div class"aspNetHidden" div div id"Container" div id"Header" div id"Headerlogo" img src"..ThemesImagesproduct.png" style"" div div id"Headermenu" ul id"topnav" li id"metnav_1" class"list" a href"javascript:;" id"nav_1" class"onnav" onclick"();" span class"c1"span 首页信息 a li li id"metnav_3" class"list" onclick"Controlpanel();" a href"javascript:;" id"nav_3" span class"c3"span a li li id"metnav_5" class"list" onclick"IndexOut();" a href"javascript:;" id"nav_4" span class"c4"span 退出 a li ul div div div id"Headerbotton" div id"left_title" img src"ThemesImagesclock_32.png" alt"" width"" height"" style"verticalalign: middle; paddingbottom: 3px;" span id""1900年01月01日 ::span div div id"dwwmenu" class"modtab" div class"modhd" style": " ul class"tabnav" id"tabs_container" ul div div id"toolbar" style": ; width: 75px; padding: 5px; align: ;" img src"ThemesImagesarrow_refresh.png" title"刷新当前窗口" alt"" onclick"Loading(true);.$( Current_iframeID()).contentWindow.window.location.reload(); width"" height"" style"paddingbottom: 3px; : pointer; verticalalign: middle;" img id"full_screen" src"ThemesImagesarrow_out.gif" title"最大化" alt"" onclick width"" height"" style"paddingbottom: 3px; : pointer; verticalalign: middle;" div div div div id"MainContent" div class"side_switch" id"side_switch" div div class"navigation" div class"Boxtitle" 功能菜单导航 div div style"height: 638px;" id"Sidebar" ul id"htmlMenu" ul div div div id"ContentPannel" div div div id"botton_toolbar" div style"width: ; align: ; : ;" nbsp;a href"#" target"_blank"技术支持：北京能力信息科技有限公司a span class"southseparator"span nbsp;专业版 V1. span class"southseparator"span nbsp;a title"将问题提交给开发商进行解决" target"_blank" href"#"问题反馈a span class"southseparator"span div div style"width: ; align: ; : ;" a title".NET快速信息化系统开发框架" href"javascript:void()"CopyRight © Wolfya div div style"width: ; align: ; : ;" span class"southseparator"span 操作员：Wolfy span class"southseparator"span span class"southseparator"span 在线人数：asp:Literal runat"server" ID"literalOnline"asp:Literal div div div ! div id"loading" onclick"Loading(false);" img src"..ThemesImagesloading.gif" style"paddingbottom: 4px; verticalalign: middle;" &nbsp;正在处理，请稍待 div div id"Toploading" div ! div form body html

不支持属性和方法。

菜单 top.tabs_iframe_Imain.LoadSubmenu(MenuJson,menu_Name);功能选项 } }

错误。研究了很久，发现将表单红的代码用一个div包起来就解决问题了。

$(document).ready( AddTabMenu('Imain','MainTouchSubmenu.aspx','首页主控台','4963_home.png','false' $("#tabs_iframe_Imain").css('margin-top','0px').css('margin-left','0px' });

方法中，标签的id是拼接的，猜想是找不到Imain所以找不到iframe吧。具体原因没深入研究。

遇到的问题

文章中，很多博友推荐我使用工具，可能是LZ太笨了，工具不会用啊.....而有些工具下载下来的图片都不全，lz也只能查看HTML代码，css代码把一个一个图片给扣下来（这里只扣了权限应用里面的）。其他的实在不想弄了，太多了.....懒啊。图片大小差不多，就是实现功能，那些都是次要的。只要不影响主界面布局，都是次要的。

页面中，也晒晒，样式什么的都没调。

HTML代码：

用户信息" PHP"

代码：

tbHeadHtml = Page_Load( (! Type type = (PropertyInfo item (Attribute des DescriptionAttribute d = des tbHeadHtml += + d.Description + }

用户信息UserInfo主要用到特性:DescriptionAttribute。通过反射将信息拼接到html上面。字段太多，不想一个一个的写啊。又懒了......
之前看书看到特性的用法，一直想特性用到什么地方好呢？这里面就现学现卖了。有点非主流了，不过用起来挺爽的。特性介绍篇：

      

总结

猜你在找的HTML相关文章

elasticsearch扩展ik分词器词库
操作步骤 1、进入elasticsearch的plugin，进入ik。进入config。 2、在config下面建立以.di...
echarts中legend如何换行
lengend data数据中若存在&#39;&#39;，则表示换行，用&#39;&#39;切割。
Echart常用效果（一）
代码实现 option = { backgroundColor: &amp;#39;#080b30&amp;#39;, tooltip: { t...
freemarker中js里面取字符串，换行导致报错的解决办法
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var d...
Freemarker + xml 实现Java导出word
前言 最近做了一个调查问卷导出的功能，需求是将维护的题目，答案，导出成word，参考了几种...
【前端JSP思考】JSP中#{},${}和%{}的区别
JSP中#{},${}和%{}的区别： # #{}：对语句进行预编译，此语句解析的是占位符?，可以防止SQ...
【前端HTML】常用标签及属性
对于很多人来说，用HTML标签都是熟能生巧，而不清楚为什么是那样的标签，所以我在这列了一...
[前端]GOFLY项目-响应式登录页的设计和实现
登录界面如果要实现响应式 , 需要注意宽度的设置和media query的使用 宽度一般都是按百分比...
[前端] 设定为disabled的表单域值不能被提交
表单中的某个表单域被设定为disabled，则该表单域的值就不会被提交。 但是我们需要提交这个...
[前端] 代码中执行绑定元素的指定事件trigger方法
前面业务里有个搜索功能 , 入口比较深 , 现在想要把入口挪到有公共header的地方 , 在不想完...
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作