DWZ相关标签class

最新推荐文章于 2019-09-20 09:55:45 发布
最新推荐文章于 2019-09-20 09:55:45 发布
阅读量2.1k 收藏 1
点赞数

在这里感谢DWZ所有工作人员为我们提供了这么好的框架。支持国产!

<div id="leftside">

               <   div    id   ="sidebar_s"   >  
                   <   div    class   ="collapse"   >  
                       <   div    class   ="toggleCollapse"   ><   div   ></   div   ></   div   >  
                   </   div   >  
               </   div   >  
               <   div    id   ="sidebar"   >  

                   <   div    class   ="toggleCollapse"   ><   h2   >   主菜单   </   h2   ><   div   >   收缩   </   div   ></   div   >  

                   <   div    class   ="accordion"    fillSpace   ="sidebar"   >  
                       <   div    class   ="accordionHeader"   >  
                           <   h2   ><   span   >   Folder   </   span   >   界面组件   </   h2   >  
                       </   div   >  
                       <   div    class   ="accordionContent"   >  

                           <   ul    class   ="tree treeFolder"   >  
                               <   li   ><   a    href   ="tabsPage.html"    target   ="navTab"   >   主框架面板   </   a   >  
                                   <   ul   >  
                                       <   li   ><   a    href   ="main.html"    target   ="navTab"    rel   ="main"   >   我的主页   </   a   ></   li   >  
                                       <   li   ><   a    href   ="http://www.baidu.com"    target   ="navTab"    rel   ="page1"   >   页面一(外部页面)   </   a   ></   li >  
                                       <   li   ><   a    href   ="demo_page1.html"    target   ="navTab"    rel   ="page1"    fresh   ="false"   >   替换页面一   </   a ></   li   >  
                                       <   li   ><   a    href   ="demo_page2.html"    target   ="navTab"    rel   ="page2"   >   页面二   </   a   ></   li   >  

                                       <   li   ><   a    href   ="demo_page4.html"    target   ="navTab"    rel   ="page3"    title   ="页面三（自定义标签名）"   > 页面三   </   a   ></   li   >  
                                       <   li   ><   a    href   ="demo_page4.html"    target   ="navTab"    rel   ="page4"    fresh   ="false"   >   测试页面（fresh="false"）   </   a   ></   li   >  
                                   </   ul   >  
                               </   li   >  
                            
                               <   li   ><   a   >   常用组件   </   a   >  
                                   <   ul   >  
                                       <   li   ><   a    href   ="w_panel.html"    target   ="navTab"    rel   ="w_panel"   >   面板   </   a   ></   li   >  

                                       <   li   ><   a    href   ="w_tabs.html"    target   ="navTab"    rel   ="w_tabs"   >   选项卡面板   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_dialog.html"    target   ="navTab"    rel   ="w_dialog"   >   弹出窗口   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_alert.html"    target   ="navTab"    rel   ="w_alert"   >   提示窗口   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_list.html"    target   ="navTab"    rel   ="w_list"   >   CSS表格容器   </   a   ></   li   >  
                                       <   li   ><   a    href   ="demo_page1.html"    target   ="navTab"    rel   ="w_table"   >   表格容器   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_removeSelected.html"    target   ="navTab"    rel   ="w_table"   >   表格数据库排序+批量删除   </ a   ></   li   >  

                                       <   li   ><   a    href   ="w_tree.html"    target   ="navTab"    rel   ="w_tree"   >   树形菜单   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_accordion.html"    target   ="navTab"    rel   ="w_accordion"   >   滑动菜单   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_editor.html"    target   ="navTab"    rel   ="w_editor"   >   编辑器   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_datepicker.html"    target   ="navTab"    rel   ="w_datepicker"   >   日期控件   </   a   ></   li   >  
                                   </   ul   >  
                               </   li   >  
                                    
                               <   li   ><   a   >   表单组件   </   a   >  

                                   <   ul   >  
                                       <   li   ><   a    href   ="w_validation.html"    target   ="navTab"    rel   ="w_validation"   >   表单验证   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_button.html"    target   ="navTab"    rel   ="w_button"   >   按钮   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_textInput.html"    target   ="navTab"    rel   ="w_textInput"   >   文本框/文本域   </   a   ></   li >  
                                       <   li   ><   a    href   ="w_combox.html"    target   ="navTab"    rel   ="w_combox"   >   下拉菜单   </   a   ></   li   >  
                                       <   li   ><   a    href   ="w_checkbox.html"    target   ="navTab"    rel   ="w_checkbox"   >   多选框/单选框   </   a   ></   li   >

                                       <   li   ><   a    href   ="demo_upload.html"    target   ="navTab"    rel   ="demo_upload"   >   iframeCallback表单提交   </ a   ></   li   >  
                                       <   li   ><   a    href   ="w_uploadify.html"    target   ="navTab"    rel   ="w_uploadify"   >   uploadify多文件上传   </   a ></   li   >  
                                   </   ul   >  
                               </   li   >  
                               <   li   ><   a    href   ="dwz.frag.xml"    target   ="_blank"   >   dwz.frag.xml   </   a   ></   li   >  
                           </   ul   >  
                       </   div   >  

                       <   div    class   ="accordionHeader"   >  
                           <   h2   ><   span   >   Folder   </   span   >   典型页面   </   h2   >  
                       </   div   >  
                       <   div    class   ="accordionContent"   >  
                           <   ul    class   ="tree treeFolder treeCheck"   >  
                               <   li   ><   a    href   ="demo_page1.html"    target   ="navTab"    rel   ="demo_page1"   >   查询我的客户   </   a   ></   li   >  
                               <   li   ><   a    href   ="demo_page1.html"    target   ="navTab"    rel   ="demo_page2"   >   表单查询页面   </   a   ></   li   >  

                               <   li   ><   a    href   ="demo_page4.html"    target   ="navTab"    rel   ="demo_page4"   >   表单录入页面   </   a   ></   li   >  
                               <   li   ><   a    href   ="demo_page5.html"    target   ="navTab"    rel   ="demo_page5"   >   有文本输入的表单   </   a   ></   li   >  
                               <   li   ><   a    href   ="javascript:void(0)"   >   有提示的表单输入页面   </   a   >  
                                   <   ul   >  
                                       <   li   ><   a    href   ="javascript:void(0)"   >   页面一   </   a   ></   li   >  
                                       <   li   ><   a    href   ="javascript:void(0)"   >   页面二   </   a   ></   li   >  

                                   </   ul   >  
                               </   li   >  
                               <   li   ><   a    href   ="javascript:void(0)"   >   选项卡和图形的页面   </   a   >  
                                   <   ul   >  
                                       <   li   ><   a    href   ="javascript:void(0)"   >   页面一   </   a   ></   li   >  
                                       <   li   ><   a    href   ="javascript:void(0)"   >   页面二   </   a   ></   li   >  
                                   </   ul   >  

                               </   li   >  
                               <   li   ><   a    href   ="javascript:void(0)"   >   选项卡和图形切换的页面   </   a   ></   li   >  
                               <   li   ><   a    href   ="javascript:void(0)"   >   左右两个互动的页面   </   a   ></   li   >  
                               <   li   ><   a    href   ="javascript:void(0)"   >   列表输入的页面   </   a   ></   li   >  
                               <   li   ><   a    href   ="javascript:void(0)"   >   双层栏目列表的页面   </   a   ></   li   >  
                           </   ul   >  
                       </   div   >  

                       <   div    class   ="accordionHeader"   >  
                           <   h2   ><   span   >   Folder   </   span   >   流程演示   </   h2   >  
                       </   div   >  
                       <   div    class   ="accordionContent"   >  
                           <   ul    class   ="tree"   >  
                               <   li   ><   a    href   ="newPage1.html"    target   ="dialog"    rel   ="dlg_page"   >   列表   </   a   ></   li   >  
                               <   li   ><   a    href   ="newPage1.html"    target   ="dialog"    rel   ="dlg_page"   >   列表   </   a   ></   li   >  

                               <   li   ><   a    href   ="newPage1.html"    target   ="dialog"    rel   ="dlg_page2"   >   列表   </   a   ></   li   >  
                               <   li   ><   a    href   ="newPage1.html"    target   ="dialog"    rel   ="dlg_page2"   >   列表   </   a   ></   li   >  
                               <   li   ><   a    href   ="newPage1.html"    target   ="dialog"    rel   ="dlg_page2"   >   列表   </   a   ></   li   >  
                           </   ul   >  
                       </   div   >  
                   </   div   >  

               </   div   >  

       </div>

在把我们上面看出来的菜单抽取出来用来后台加载 输出html字符串的形式改写之后差不多就下面这样。。。

复制代码
<  body  > 
      <  form   id  ="form1"   runat  ="server"  > 
      <  body   scroll  ="no"  > 
          <  div   id  ="layout"  > 
              <  div   id  ="header"  > 
                  <  div   class  ="headerNav"  > 
                      <  a   class  ="logo"   href  ="javascript:void(0)"  >  标志  </  a  > 
                      <  ul   class  ="nav"  > 
                          <  li  ><  a   href  ="#"   target  ="dialog"  >  设置  </  a  ></  li  > 
                          <!--  <li><a href="javascript:void(0)">反馈</a></li>  --> 
                          <  li  ><  a   href  ="#"   target  ="_blank"  >  论坛  </  a  ></  li  > 
                          <  li  ><  a   href  ="#"  >  退出  </  a  ></  li  > 
                      </  ul  > 
                      <  ul   class  ="themeList"   id  ="themeList"  > 
                          <  li   theme  ="default"  > 
                              <  div   class  ="selected"  > 
                                蓝色  </  div  > 
                          </  li  > 
                          <  li   theme  ="green"  > 
                              <  div  > 
                                绿色  </  div  > 
                          </  li  > 
                          <!--  <li theme="red"><div>红色</div></li>  --> 
                          <  li   theme  ="purple"  > 
                              <  div  > 
                                紫色  </  div  > 
                          </  li  > 
                          <  li   theme  ="silver"  > 
                              <  div  > 
                                银色  </  div  > 
                          </  li  > 
                      </  ul  > 
                  </  div  > 
              </  div  > 
              <  div   id  ="leftside"  > 
                  <  div   id  ="sidebar_s"   style  ="display: none;"  > 
                      <  div   class  ="collapse"  > 
                          <  div   class  ="toggleCollapse"  > 
                              <  div  > 
                              </  div  > 
                          </  div  > 
                      </  div  > 
                  </  div  > 
                  <  div   id  ="sidebar"  > 
                      <  div   class  ="toggleCollapse"  > 
                          <  h2  > 
                            主菜单  </  h2  > 
                          <  div  > 
                            收缩  </  div  > 
                      </  div  > 
                      <  div   class  ="accordion"   fillSpace  ="sidebar"  > 
                          <%  =  GetLeftMenu()  %> 
                      </  div  > 
                  </  div  > 
              </  div  > 
              <  div   id  ="container"  > 
                  <  div   id  ="navTab"   class  ="tabsPage"  > 
                      <  div   class  ="tabsPageHeader"  > 
                          <  div   class  ="tabsPageHeaderContent"  > 
                              <!--   显示左右控制时添加 class="tabsPageHeaderMargin"   --> 
                              <  ul   class  ="navTab-tab"  > 
                                  <  li   tabid  ="main"   class  ="main"  ><  a   href  ="javascript:void(0)"  ><  span  ><  span   class  ="home_icon" > 
                                    我的主页  </  span  ></  span  ></  a  ></  li  > 
                              </  ul  > 
                          </  div  > 
                          <  div   class  ="tabsLeft"  > 
                            left  </  div  > 
                          <!--   禁用只需要添加一个样式 class="tabsLeft tabsLeftDisabled"   --> 
                          <  div   class  ="tabsRight"  > 
                            right  </  div  > 
                          <!--   禁用只需要添加一个样式 class="tabsRight tabsRightDisabled"   --> 
                          <  div   class  ="tabsMore"  > 
                            more  </  div  > 
                      </  div  > 
                      <  ul   class  ="tabsMoreList"  > 
                          <  li  ><  a   href  ="javascript:void(0)"  >  我的主页  </  a  ></  li  > 
                      </  ul  > 
                      <  div   class  ="navTab-panel tabsPageContent"  > 
                          <  div   class  ="page"  > 
                              <  div   class  ="accountInfo"  > 
                                  <  div   class  ="alertInfo"  > 
                                      <  h2  > 
                                          <  a   href  ="#"   target  ="_blank"  ></  a  > 
                                      </  h2  > 
                                      <  a   href  ="#"   target  ="_blank"  ></  a  > 
                                  </  div  > 
                                  <  p  > 
                                      <  span  ></  span  > 
                                  </  p  > 
                                  <  p  > 
                                      <  a   href  ="http://hi.csdn.net/wxr0323"   target  ="dialog"  >  子夜抄袭DWZ  </  a  ></  p  > 
                              </  div  > 
                              <  div   class  ="pageFormContent"   layouth  ="80"  > 
                              </  div  > 
                          </  div  > 
                      </  div  > 
                  </  div  > 
              </  div  > 
              <  div   id  ="taskbar"   style  ="left: 0px; display: none;"  > 
                  <  div   class  ="taskbarContent"  > 
                      <  ul  > 
                      </  ul  > 
                  </  div  > 
                  <  div   class  ="taskbarLeft taskbarLeftDisabled"   style  ="display: none;"  > 
                    taskbarLeft  </  div  > 
                  <  div   class  ="taskbarRight"   style  ="display: none;"  > 
                    taskbarRight  </  div  > 
              </  div  > 
              <  div   id  ="splitBar"  > 
              </  div  > 
              <  div   id  ="splitBarProxy"  > 
              </  div  > 
          </  div  > 
          <  div   id  ="footer"  > 
            Copyright   &copy;   2010   <  a   href  ="demo_page2.html"   target  ="dialog"  >  DWZ研发组  </  a  ></  div  > 
          <!--  拖动效果  --> 
          <  div   class  ="resizable"  > 
          </  div  > 
          <!--  阴影  --> 
          <  div   class  ="shadow"   style  ="width: 508px; top: 148px; left: 296px;"  > 
              <  div   class  ="shadow_h"  > 
                  <  div   class  ="shadow_h_l"  > 
                  </  div  > 
                  <  div   class  ="shadow_h_r"  > 
                  </  div  > 
                  <  div   class  ="shadow_h_c"  > 
                  </  div  > 
              </  div  > 
              <  div   class  ="shadow_c"  > 
                  <  div   class  ="shadow_c_l"   style  ="height: 296px;"  > 
                  </  div  > 
                  <  div   class  ="shadow_c_r"   style  ="height: 296px;"  > 
                  </  div  > 
                  <  div   class  ="shadow_c_c"   style  ="height: 296px;"  > 
                  </  div  > 
              </  div  > 
              <  div   class  ="shadow_f"  > 
                  <  div   class  ="shadow_f_l"  > 
                  </  div  > 
                  <  div   class  ="shadow_f_r"  > 
                  </  div  > 
                  <  div   class  ="shadow_f_c"  > 
                  </  div  > 
              </  div  > 
          </  div  > 
          <!--  遮盖屏幕  --> 
          <  div   id  ="alertBackground"   class  ="alertBackground"  > 
          </  div  > 
          <  div   id  ="dialogBackground"   class  ="dialogBackground"  > 
          </  div  > 
          <  div   id  ='background'   class  ='background'  > 
          </  div  > 
          <  div   id  ='progressBar'   class  ='progressBar'  > 
            数据加载中，请稍等...  </  div  > 

          <  script   type  ="text/javascript"  > 
              var   _gaq   =   _gaq   ||   [];
            _gaq.push([  '  _setAccount  '  ,   '  UA-16716654-1  '  ]);
            _gaq.push([  '  _trackPageview  '  ]);

            (  function  () {
                  var   ga   =   document.createElement(  '  script  '  ); ga.type   =     '  text/javascript  '  ; ga.async   =     true  ;
                ga.src   =   (  '  https:  '     ==   document.location.protocol   ?     '   https://ssl  '   :   '   http://www  '  )   +     '  .google-analytics.com/ga.js  '  ;
                  var   s   =   document.getElementsByTagName(  '  script  '  )[  0  ]; s.parentNode.insertBefore(ga, s);
            })();
          </  script  > 

      </  body  >
复制代码

 只贴了body里面的 

接下来我们就要实现绑定的那个方法了。。

数据库跟第一篇的数据库一样。

 

复制代码
   ///     <summary> 
          ///   获取左侧便拦组
          ///     </summary> 
          protected     string   GetLeftMenu()
        {
            StringBuilder LeftList   =     new   StringBuilder();
              try 
            {
                  //  获取菜单中的所有数据 
                DataTable Dt_TotleMenu   =   SqlHelper.ReturnDataTable(  "  select * from Ziye_Menu  "  , CommandType.Text);
                  //  取出所有父节点 因为父节点的Menu_Fid=0 
                DataRow[] drMenu   =   Dt_TotleMenu.Select(  "  Menu_Fid=0 and Menu_able=1  "  );
                  //  构建父节点的table 
                DataTable LeftMenuTable   =     new   DataTable();
                  //  克隆一下解构 
                LeftMenuTable   =   drMenu[  0  ].Table.Clone();
                  //  导入数据 
                  foreach   (DataRow dr   in   drMenu)
                {
                    LeftMenuTable.ImportRow(dr);
                }
                  //  如果存在父节点 
                  if   (LeftMenuTable.Rows.Count   !=     0  )
                {
                      //  遍历拼接html 根据第一篇观察和抽取HTML的功夫 
                      for   (  int   i   =     0  ; i   <   LeftMenuTable.Rows.Count; i  ++  )
                    {
                        LeftList.Append(  "  <div class=\"accordionHeader\">  "  );
                        LeftList.Append(  "  <h2><span>Folder</span>  "     +   LeftMenuTable.Rows[i][  "  Menu_Name  "  ].ToString()   +     "  </h2> "  );
                        LeftList.Append(  "  </div>  "  );
                        LeftList.Append(  "  <div class=\"accordionContent\" style=\"display:block;\">  "  );

                        LeftList.Append(  "  <ul class=\"tree treeFolder\">  "  );

                          //  获取当前父节点的所有子节点 
                        DataRow[] drSencondMenu   =   Dt_TotleMenu.Select(  "  Menu_Fid='  "     +   LeftMenuTable.Rows[i][  "  Menu_ID  "  ]   +     " ' and Menu_able=1  "  );
                        DataTable SecondTable   =     new   DataTable();
                        SecondTable   =   drSencondMenu[  0  ].Table.Clone();
                          foreach   (DataRow dr   in   drSencondMenu)
                        {
                            SecondTable.ImportRow(dr);
                        }

                          //  如果子存在子节点 
                          if   (SecondTable.Rows.Count   !=     0  )
                        {
                              //  遍历拼接子节点的HTML 
                              for   (  int   j   =     0  ; j   <   SecondTable.Rows.Count; j  ++  )
                            {
                                LeftList.Append(  "  <li><a href=\"  "     +   SecondTable.Rows[j][  "  Menu_Url  "  ]   +     " \" target=\"navTab\" rel=\"  "     +   SecondTable.Rows[j][  "  Menu_Rel  "  ]   +     "  \">  "     +   SecondTable.Rows[j][  "  Menu_Name  "  ]   +     "  </a></li>  "  );
                            }
                        }
                          //  结束符 
                        LeftList.Append(  "  </ul>  "  );
                        LeftList.Append(  "  </div>  "  );
                    }

                }
                  return   LeftList.ToString();

            }
              catch   (Exception err)
            {
                  return     "  没菜单  "  ;
            }
        }
复制代码

 这个代码应该比第一篇的简单一些。同学们也可以改成递归的形式。

其实原理跟第一篇的差不多。

bamboo_cqh
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dwz修改菜单图标
09-23
dwz修改菜单图标,请按照说明进行修改
dwz绑定class事件详情
06-25
dwz绑定class事件详情
DWZ 验证 CLASS 规则
回头是岸
04-18 4995
验证：格式  class="XXXX" 即可验证。 required: "必填字段",   remote: "请修正该字段",   email: "请输入正确格式的电子邮件",   url: "请输入合法的网址",   date: "请输入合法的日期",   dateISO: "请输入合法的日期 (ISO).",   number: "请输入合法的数字",   digits: "只
dwz前端框架中的button图标class
经验在于积累而不在于年限---dreamboycx
09-20 985
1、btnAdd 2、btnDel 3、btnView 4、btnEdit 5、btnSelect 6、btnInfo 7、btnAssign 8、btnLook 9、btnAttach
DWZ框架的uploadify
suxin1234567890的博客
08-20 461
uploadify多文件上传 &lt;div  id="fileQueue"  class="fileQueue"&gt;       &lt;/div&gt; &lt;input id="testFileInput"  type="file"  name="image"  uploader="uploadify/scripts/uploadify.swf
dwz常用到的一些样式
程序员一代码搬运工
05-22 43
单独一行(一个dl 一行) <dl class="nowrap"> </dl> 分行 <div class="divider"></div> 不可读 readonly="readonly" 文本框 <input name="coreCode" class="required" type="text...
通过自定义标签，简化dwz table分页
12-08
我们可以创建一个自定义的HTML标签，例如`<custom-pagination>`，然后在后端或者前端解析这个标签，自动生成对应的分页HTML结构，并绑定相关的数据和事件。这样，我们只需要在页面中简单地插入自定义标签，就能完成...
DWZ资源合集
06-27
【DWZ资源合集】是针对DWZ框架的一份综合性的资源集合，包含了用户指南以及相关的项目源码。DWZ，全称为“Dynamic Web Zone”，是一个基于jQuery的前端UI库，专为中国的Web开发者设计，旨在提供一套高效、简洁、易用...
DWZ刷新dialog解决方法
09-05
<a class="delete" href="" callback="dialogAjax" target="ajaxTodo" title="确定要删除吗?" fresh="true"> ``` 这里的`callback="dialogAjax"`指定了回调函数名为`dialogAjax`，`fresh="true"`表示在操作成功后...
dwz.rar_dwz_dwz struts
09-22
标题中的“dwz.rar_dwz_dwz struts”暗示了这是一个与DWZ（可能是Dynamic Web Zone的缩写）和Struts框架相关的压缩包。描述提到的“dwz+struts+仿habernate”可能意味着这个项目或教程是将DWZ、Struts以及一个模仿...
dwz 按钮样式
qq_37313780的博客
06-15 754
新手  写错勿喷 项目用的是dwz前段框架    写一个按钮 点击 然后提示 确认当前操作吗   想了半天不知道怎么写  最后纠结了半天 突然发现  class仅仅是控制样式的  和弹出没关系  主要是target 控制的     删除按钮里面是  target="ajaxTodo"    我也用这个搞定  真傻
Dwz点击左侧菜单动态添加Tab标签图标
一起喝咖啡吧
10-25 644
      此篇文章是基于ztree实现，若是dwz与ztree未整合，请先按照《DWZ和zTree整合（实现版）》文章整合。 需求描述：         点击左侧树形菜单（target=navTab）时，在左侧Tab动态添加图标；树形菜单可以根据需要事先设置好，或者通过数据库读取。 先上效果图：     实现思路：          后台生成Json对象时，添加一个json属性，此...
JAVA_OPTS设置
星空的专栏
05-22 1926
JAVA_OPTS ，顾名思义，是用来设置JVM相关运行参数的变量。   JVM:JAVA_OPTS="-server -Xms2048m -Xmx2048m -Xss512k" -server:一定要作为第一个参数，在多个CPU时性能佳 -Xms：初始Heap大小，使用的最小内存,cpu性能高时此值应设的大一些 -Xmx：Java heap最大值，使用的最大内存 上面两个值是分配
HTTP协议小解
bamboo_cqh的博客
12-08 481
Author :Jeffrey 引言 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTTP)的建议已经提出。 H
DWZ生成动态表单
步春良
01-10 8142
最近在项目中使用了DWZ这一简单实用的国产JQuery UI框架。通过这段时间的接触，感觉DWZ确实很好用，提供了很多常见的UI。 通过DWZ，开发人员可以在不写JavaScript的情况下，使用用Ajax做项目和使用各种UI组件。 基本可以保证程序员不懂JavaScript， 也能使用各种页面组件和Ajax技术。 如果有特定需求也可以扩展DWZ做定制化开化。 今天主要是来
GRUmatlab代码
最新发布
09-13
以下是一个简单的 Matlab 代码示例，用于实现 Gated Recurrent Unit (GRU) 模型： ```matlab % GRU implementation in MATLAB % Hyperparameters hidden_size = 100; % 隐藏层大小 seq_length = 10; % 输入序列长度 learning_rate = 0.01; % 初始化权重参数 Wz = randn(hidden_size, hidden_size + seq_length); Wr = randn(hidden_size, hidden_size + seq_length); Wh = randn(hidden_size, hidden_size + seq_length); Uz = randn(hidden_size, hidden_size); Ur = randn(hidden_size, hidden_size); Uh = randn(hidden_size, hidden_size); bz = zeros(hidden_size, 1); br = zeros(hidden_size, 1); bh = zeros(hidden_size, 1); % 训练数据和标签 data = ... % 输入序列数据 labels = ... % 目标标签 % 前向传播和反向传播 for iteration = 1:1000 % 初始化隐藏状态和损失 h = zeros(hidden_size, 1); loss = 0; for t = 1:seq_length % 前向传播 x = data(:, t); z = sigmoid(Wz * [h; x] + Uz * h + bz); r = sigmoid(Wr * [h; x] + Ur * h + br); h_tilde = tanh(Wh * [r .* h; x] + bh); h = (1 - z) .* h + z .* h_tilde; % 计算损失 loss = loss + norm(h - labels(:, t))^2; end % 反向传播 dWz = zeros(size(Wz)); dWr = zeros(size(Wr)); dWh = zeros(size(Wh)); dUz = zeros(size(Uz)); dUr = zeros(size(Ur)); dUh = zeros(size(Uh)); dbz = zeros(size(bz)); dbr = zeros(size(br)); dbh = zeros(size(bh)); dh_next = zeros(size(h)); for t = seq_length:-1:1 x = data(:, t); z = sigmoid(Wz * [h; x] + Uz * h + bz); r = sigmoid(Wr * [h; x] + Ur * h + br); h_tilde = tanh(Wh * [r .* h; x] + bh); dh = 2 * (h_tilde - labels(:, t)); dz = dh .* (h_tilde - h) .* z .* (1 - z); dr = (Wh(:, 1:hidden_size)' * dz) .* h .* r .* (1 - r); dh_tilde = (Wh(:, hidden_size+1:end)' * dz) .* (1 - h_tilde.^2); dh_combined = dh_next + (Wh(:, hidden_size+1:end)' * dz) .* r; dWz = dWz + dz * [h; x]'; dWr = dWr + dr * [h; x]'; dWh = dWh + dh_combined * [r .* h; x]'; dUz = dUz + dz * h'; dUr = dUr + dr * h'; dUh = dUh + dh_combined * (r .* h)'; dbz = dbz + dz; dbr = dbr + dr; dbh = dbh + dh_combined; dh_next = (Wz(:, 1:hidden_size)' * dz) + (Wr(:, 1:hidden_size)' * dr) + (Wh(:, 1:hidden_size)' * dh_combined); % 更新权重 Wz = Wz - learning_rate * dWz; Wr = Wr - learning_rate * dWr; Wh = Wh - learning_rate * dWh; Uz = Uz - learning_rate * dUz; Ur = Ur - learning_rate * dUr; Uh = Uh - learning_rate * dUh; bz = bz - learning_rate * dbz; br = br - learning_rate * dbr; bh = bh - learning_rate * dbh; end % 打印损失 fprintf('Iteration %d, Loss: %f\n', iteration, loss); end ``` 这只是一个简单的 GRU 模型实现示例，实际应用中可能需要根据具体问题进行调整和改进。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值