le > New> Html(Advanced Template);2. 选中 Package Explorer 视图的 WebRoot 目录,点击右键选择上下文菜单中的 New > Html(Advanced Template)。这时候将会弹出创建 HTML 页面的对话框,如下图所示:
图 8.4 新建 HTML 页面向导 在这个对话框中的 File Name(文件名)框中输入 login.html,Template to use:(要使用的模版)右侧的下拉框选中 Default HTML template(默认
HTML 模版,另一个是带表单的模版)。最后点击 Finish 按钮完成向 导。稍后 MyEclipse 会用 HTML 编辑器来打开刚创建的文件,如图
8.5 所
示。在这里可以在页面设计器中可视化的修改网页内容,也可以点击格式 工具栏上的按钮来可视化的修改网页的格式,还可以在
源代码面板中直接 修改 HTML 源码。Properties 视图则显示了当前选中元素的属性,可以快 速的对一些关键的属性进行修改。拖动
设计器和源码标签之间的隔条可以 对两个区域之间的大小进行调节,点击向上按钮 可以最大化显示代码 区,点击向下按钮则可以最大化显示设计区。点击 Preview 标签可以同时 在 IE 和 Mozilla 浏览器中查看页面的显示效果。 点击 Palette(工具箱,确切说应该是叫组件面板)可以选择对应的一些常 用的代码片段插入到当前页面中,例如超链接,图片,表单和表单元素等 等。HTML-Basic 里面列出
常用的基本网页元素,而 HTML-Form 下则列 出了表单元素。 现在我们把它的内容修改成一个包含登录表单和客户端表单有效性验证的 页面,然后点击工具栏上的保存按钮。代码内容请参考清单 8.1。
图 8.5 HTML 编辑器 1. 2.
3. 4. 5.
6. 7. 23. 24. 请登录
25.
32. 33.
复制代码
清单 8.1 login.html 源码 把代码保存完毕后,页面看起来将如下图所示:
清单 8.2 登录页面 至此,创建静态页面的过程就简要介绍完毕了。在此先虚晃一枪,为什么 表单的提交页面是 login.aspx 呢?难道 Java 也支持 ASP.
NET 嘛?答案请
在创建 Servlet 中找。 创建
JSP 页面 本节内容将会讲解创建 JSP 页面。实际上 JSP 编辑器许多地方都是和上文 介绍的 HTML 编辑器非常相似的。因此本节内容将会简要介绍其过程。 启动创建 HTML 页面的对话框有多种方式,这里只介绍两种:1. 选择菜 单 File > New> JSP(Advanced Template);2. 选中 Package Explorer 视图的 WebRoot 目录,点击右键选择上下文菜单中的 New > JSP(Advanced Template)。这时候将会弹出创建 JSP 页面的对话框,和图 8.4 非常相似。 只需要
在这个对话框中的 File Name(文件名)框中输入 result.jsp,然后 点击 Finish 按钮即可创建这个 JSP 页面。 注意:Template to use 右侧的模版下拉框中有很多 JSP 模版可以使用,例 如支持 JSF,Struts 等等的模版,这样可以加快开发的速度。 稍后 MyEclipse 会用 HTML 编辑器来打开刚创建的文件,界面已经操作