分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

使用Dojo创建标签页

Dojo   发布时间：2022-04-21  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用Dojo创建标签页，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

1、在上次搭建的环境下，新建一个“tabs_form.jsp”页面。

2、在页面中编写如下代码：

 
 
    
  
  
  1. <%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
    2. 
  
  
  2. <% 
    3. 
  
  
  3. Stringpath=request.getContextPath(); 
    4. 
  
  
  4. StringbasePath=request.getScheme()+"://" 
    5. 
  
  
  5. +request.getServerName()+":"+request.getServerPort() 
    6. 
  
  
  6. +path+"/"; 
    7. 
  
  
  7. %>
    8. 
  
  
    9. 
  
  
  9. <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
    10. 
  
  
  10. <html>
    11. 
  
  
  11. <head>
    12. 
  
  
  12. <basehref="<%=basePath%>">
    13. 
  
  
    14. 
  
  
  14. <title>Dojo--tabs_form</title>
    15. 
  
  
    16. 
  
  
  16. <Metahttp-equiv="pragma"content="no-cache">
    17. 
  
  
  17. <Metahttp-equiv="cache-control"content="no-cache">
    18. 
  
  
  18. <Metahttp-equiv="expires"content="0">
    19. 
  
  
  19. <Metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
    20. 
  
  
  20. <Metahttp-equiv="description"content="Thisismypage">
    21. 
  
  
  21. <linkrel="stylesheet"type="text/css"
    22. 
  
  
  22. href="scripts/dojo-release-1.8.1/dijit/themes/tundra/tundra.css">
    23. 
  
  
  23. <linkrel="stylesheet"type="text/css"
    24. 
  
  
  24. href="scripts/dojo-release-1.8.1/dojo/resources/dojo.css">
    25. 
  
  
  25. <!--引入dojo.js-->
    26. 
  
  
  26. <scripttype="text/javascript"
    27. 
  
  
  27. src="scripts/dojo-release-1.8.1/dojo/dojo.js"
    28. 
  
  
  28. djConfig="parSEOnLoad:true,isDebug:true"></script>
    29. 
  
  
  29. <scripttype="text/javascript">
    30. 
  
  
  30. dojo.require("dojo.parser"); 
    31. 
  
  
  31. dojo.require("dijit.layout.ContentPane"); 
    32. 
  
  
  32. dojo.require("dijit.layout.TabContainer"); 
    33. 
  
  
  33. </script>
    34. 
  
  
  34. </head>
    35. 
  
  
    36. 
  
  
  36. <bodyclass="tundra">
    37. 
  
  
  37. <divdojoType="dijit.layout.TabContainer"style="width:600px;height:300px;">
    38. 
  
  
  38. <divdojoType="dijit.layout.ContentPane"title="个人信息">
    39. 
  
  
  39. <labelfor="name">
    40. 
  
  
  40. 姓　　名: 
    41. 
  
  
  41. </label>
    42. 
  
  
  42. <inputtype="text"name="name"id="name"size="30"/>
    43. 
  
  
  43. <br>
    44. 
  
  
  44. <labelfor="age">
    45. 
  
  
  45. 年　　龄: 
    46. 
  
  
  46. </label>
    47. 
  
  
  47. <inputtype="text"name="age"id="age"size="30"/>
    48. 
  
  
  48. <br>
    49. 
  
  
  49. <labelfor="sex">
    50. 
  
  
  50. 性　　别: 
    51. 
  
  
  51. </label>
    52. 
  
  
  52. <inputtype="text"name="sex"id="sex"size="30"/>
    53. 
  
  
  53. <br>
    54. 
  
  
  54. <labelfor="email">
    55. 
  
  
  55. 电子邮件: 
    56. 
  
  
  56. </label>
    57. 
  
  
  57. <inputtype="text"name="email"id="email"size="30"/>
    58. 
  
  
  58. <br>
    59. 
  
  
  59. </div>
    60. 
  
  
  60. <divdojoType="dijit.layout.ContentPane"title="地址信息">
    61. 
  
  
  61. <labelfor="country">
    62. 
  
  
  62. 国　　家: 
    63. 
  
  
  63. </label>
    64. 
  
  
  64. <inputtype="text"name="country"id="country"size="30"/>
    65. 
  
  
  65. <br>
    66. 
  
  
  66. <labelfor="province">
    67. 
  
  
  67. 所属省份: 
    68. 
  
  
  68. </label>
    69. 
  
  
  69. <inputtype="text"name="province"id="province"size="30"/>
    70. 
  
  
  70. <br>
    71. 
  
  
  71. <labelfor="city">
    72. 
  
  
  72. 所属城市: 
    73. 
  
  
  73. </label>
    74. 
  
  
  74. <inputtype="text"name="city"id="city"size="30"/>
    75. 
  
  
  75. <br>
    76. 
  
  
  76. </div>
    77. 
  
  
  77. </div>
    78. 
  
  
  78. </body>
    79. 
  
  
  79. </html>
    80.

3、启动tomcat服务器，打开“http://localhost:8080/dojo_test/tabs_form.jsp”即可访问到如下所示的页面：

使用Dojo创建标签页

大佬总结

以上是大佬教程为你收集整理的使用Dojo创建标签页全部内容，希望文章能够帮你解决使用Dojo创建标签页所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：
猜你在找的Dojo相关文章
其他相关热搜词更多
JavaScript之正则表达式学习笔记