NetBeans中Web应用的开发

最新推荐文章于 2022-03-16 13:56:12 发布

老李-大连

最新推荐文章于 2022-03-16 13:56:12 发布

阅读量6.4k

点赞数 1

分类专栏： 102 Java Web技术文章标签： web netbeans servlet html string 服务器

本文链接：https://blog.csdn.net/JavaEETeacher/article/details/2204900

版权

102 Java Web技术专栏收录该内容

54 篇文章 2 订阅

订阅专栏

1.1 第一步：创建Web应用

选择【File】à【New Project】，进入新建工程界面。

在工程类别中选择【Web】，选择工程中的【Web Application】，进入Web工程设置界面。

各输入元素如下：

Project Name：工程的名字，本例使用WebTest。

Project Location：工程的位置，本例使用E:/lxc/idebook。

Server：Web应用的服务器，下拉框中列出了在服务器管理界面中添加的所有服务器，如果要使用其他服务器，可以通过服务器管理界面添加，本例使用默认的GlassFish V2作为服务器。

Java EE Version：Java EE的版本，下拉框中列出了IDE所支持的Java EE的版本，包括Java EE 5、J2EE 1.4和J2EE 1.3。本例选择Java EE 5作为应用所采用的Java EE版本。

Context Path：web应用的上下文，也就是访问web应用的方式，采用默认值即可。

Set as Main Project复选框：选中。

输入完之后，选择【Next】进入下一个界面。在下一个界面中，选择Web应用使用的框架，如果不选择，直接点击【Finish】。生成的工程的目录结构如图所示：

各文件夹说明如下：

u Web Pages：存放所有的JSP文件、HTML文件等。在开发Web应用过程中，编写的JSP和HTML文件都应该放在这个文件夹中。

u Configuration Files：存放配置文件，对于Web应用都需要一个配置文件web.xml，对于特定的应用服务器，可能会有相应的配置文件，此处使用GlassFish服务器，对应sun-web.xml配置文件。

u Source Packages：存放所有的源文件，在应用开发过程中编写的Servlet和JavaBean都应该放在这个文件夹下。

u Test Packages：存放测试文件。

u Libraries：存放应用所涉及的类库。

u Test Libraries：存放测试相关的类库。

1.2 创建包及JavaBean

选择【Source Packages】，点击右键，选择【New】à【Java Packges】，输入包名：com.idebook.web.model，点击【Finish】。

采用同样的过程创建包：com.idebook.web.controller。

创建JavaBean的过程与前面介绍的创建普通Java类的过程没有区别，生成的代码段如下：

文件名：UserBean.java 备注：通过向导生成的部分代码

* 用于判断用户是否是合法的用户。

package com.idebook.web.model;

/**

* @author 李绪成

public class UserBean {

}

在类中添加两个成员变量，语句如下：

private String username;

private String userpass;

把两个属性选中，然后点击右键，在弹出式菜单中选择【Refactor】à【Encapsulate Fields…】。如图所示。

之后弹出如图所示界面。

把需要生成的相应的方法前面的复选框选中，然后点击【Refactor】，在类中会生成如下代码：

文件名：UserBean.java 备注：添加的setter方法和getter方法

public String getUsername() {

return username;

}

public void setUsername(String username) {

this.username = username;

}

public String getUserpass() {

return userpass;

}

public void setUserpass(String userpass) {

this.userpass = userpass;

}

然后添加业务方法，代码如下：

public boolean getLogin() {

return username.equals("zhangsan") && userpass.equals("wangwu");

}

1.3 创建JSP文件

需要创建两个文件：登录界面和登录之后的界面。前者使用在创建工程的时候生成的index.jsp，后者需要单独创建。

生成的index.jsp文件的代码如下：

文件名：index.jsp

<%--

文件名：index

创建时间： 2008-2-12 , 11:10:44

编写者：李绪成

--%>

<%@page contentType="text/html" pageEncoding="GB2312"%>

<!DOCTYPE HTML PUBLIC "-//W 3C //DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

</head>

<body>

</body>

</html>

下面通过IDE提供的功能来编写界面。双击index.jsp文件，会在编辑器中打开该文件，并且会显示“Palette”窗口，“Palette”窗口如下图所示：

注意：如果看不到“Palette”窗口，从主菜单中选择【Window】à【Palette】，或者使用Ctrl+Shift+8。

在这个窗口中列出了常用的HTML标签和JSP标签。

下面完成JSP文件的编写。

u 在<title></title>中添加标题“登录界面”。

u 在<body></body>中添加“<h2>欢迎登录</h2>”

u 添加表单元素：

n 添加Form元素：从右边的中“Palette”窗口，选择HTML Forms类别下的Form，然后拖拽到“<h2>欢迎登录</h2>”的下面，弹出如图所示的窗口。因为没有编写处理文件，只需要把提交方式修改为POST即可。然后点击【OK】，IDE会生成表单的代码。

</form>

n 添加表格：从右边的 “Palette”窗口中选择HTML类别下面的Table，然后拖拽到“</form>”之前，弹出如图所示的窗口。把行数改为3，把Border Size修改为0，点击【OK】按钮就可以把表格添加到代码中。如果生成的代码格式不好看，可以在编辑器中点击右键，在弹出式菜单中选择【Format】格式化代码。

n 添加用户名输入框：从右边的“Palette”窗口，选择HTML Forms类别下的Text Input，然后拖拽到表格的第一行第二列位置，然后弹出如图所示的界面。在Name输入框中输入“username”，其他的元素采用默认值，注意类型为text，点击【OK】按钮即可。如果需要设置默认值，可以把值写在Initial Value输入框中。

n 采用同样的方法在第二行第二列的位置添加密码框，不同的是输入元素的类型，应该选择password而不是默认的text。

n 添加提交按钮：从右边的“Palette”窗口选择HTML Forms类别下的Button，然后拖拽到表格的第三行第一列的位置。弹出如图所示的界面，然后在Label输入框中输入“登录”，这是显示在按钮上的字。其他采用默认值，注意Type单选按钮的值为“submit”，下面将要添加的重置按钮会选择“reset”。点击【OK】按钮就可以把登录按钮添加到代码中。

n 添加重置按钮：添加过程与添加提交按钮基本相同，在Label输入框中输入“重写”，Type单选按钮选择“reset”即可。

n 删除表头：从“<thead>”开始，到“</thead>”结束的代码。

n 添加输入提示信息：在第一行第一列的位置输入“用户名：”，在第二行第一列的位置输入“口令”。

u 编写登录失败提示信息，如果登录失败则显示登录失败信息，需要使用表准标签库中的判断标签。

n 添加<c:if>标签：从右边的“Palette”窗口选择JSP类别下面的JSTL If标签，然后拖拽到<html>之前，弹出如图所示的界面。在Condition输入框中输入“not empty errorinfo”，其他的采用默认值即可。如果需要保存判断的结果，可以给出Variable Name的值以及作用范围Scope的值。点击【OK】按钮即可。

n 添加提示信息：在</c:if>之前添加如下代码：

alert("${errorinfo}");

</script>

n 添加标准标签库：在工程下的Libraries目录上右键点击，在弹出菜单中选择【Add Library】，弹出如图所示界面。在该界面中选择JSTL1.1，然后点击【Add Library】按钮，jstl.jar和standard.jar两个压缩包会添加到工程中。

n 声明标准标签库中的核心标签库：可以使用IDE提供的JSP Completion功能完成。在“<%@page contentType="text/html" pageEncoding="GB2312"%>”代码的下面输入“<%”，会出现如图所示的界面，中间部分是可选的代码，下面部分是对相应代码的解释。使用上下箭头可以选择相应的代码，此处选择第三个。之后生成代码：<%@ taglib %>。忽略错误提示。继续按空格键，会出现如图所示的界面，继续输入p，则帮助列表中只剩下一项，回车即可选择。生成的代码如下：<%@ taglib prefix="" %>，在光标处输入c。然后把光标移动到“%>”之前，继续按空格键，采用同样的方法添加uri属性，然后在输入值的时候使用Ctrl+反斜线，之后会出现系统可以使用的值，选择“http://java.sun.com/jsp/jstl/core”。

通过上面的过程，登录界面就编写完了，完成后的代码如下：

文件名：index.jsp

<%--

文件名：index

创建时间： 2008-2-12 , 11:10:44

编写者：李绪成

--%>

<%@page contentType="text/html" pageEncoding="GB2312"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE HTML PUBLIC "-//W 3C //DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<c:if test="${not empty errorinfo}">

alert("${errorinfo}");

</script>

</c:if>

<html>

<head>

</head>

<body>

<table>

<tbody>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

</form>

</body>

</html>

编写登录之后的界面，假设登录之后的界面为success.jsp，主要输出一句话即可，编写过程非常简单，不再介绍。

1.4 创建Servlet

在包com.idebook.web.controller上点击右键，在弹出的菜单中选择【New】à【Servlet】。如图所示，然后弹出如图所示的界面。

在Class Name输入框中输入LoginServlet，其他的采用默认值。然后点击【Next >】。进入到如图所示的界面：

采用默认值即可，如果需要添加初始化参数，可以点击右边的【Add】按钮。Servlet Name和URL Pattern都可以修改，前者在配置文件中应该惟一，后者确定了Servlet的访问方式。这些配置信息最终都会添加到配置文件web.xml中，如果之后需要修改也可以直接通过配置文件web.xml进行修改。

生成的代码如下：

文件名：LoginServlet.java

* To change this template, choose Tools | Templates

* and open the template in the editor.

package com.idebook.web.controller;

import java.io.*;

import java.net.*;

import javax.servlet.*;

import javax.servlet.http.*;

/**

* @author Administrator

public class LoginServlet extends HttpServlet {

/**

* Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.

* @param request servlet request

* @param response servlet response

protected void processRequest(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

response.setContentType("text/html;charset=UTF-8");

PrintWriter out = response.getWriter();

try {

/* TODO output your page here

out.println("<html>");

out.println("<head>");

out.println("<title>Servlet LoginServlet</title>");

out.println("</head>");

out.println("<body>");

out.println("<h1>Servlet LoginServlet at " + request.getContextPath () + "</h1>");

out.println("</body>");

out.println("</html>");

} finally {

out.close();

}

// <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">

/**

* Handles the HTTP <code>GET</code> method.

* @param request servlet request

* @param response servlet response

protected void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

processRequest(request, response);

}

/**

* Handles the HTTP <code>POST</code> method.

* @param request servlet request

* @param response servlet response

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

processRequest(request, response);

}

/**

* Returns a short description of the servlet.

public String getServletInfo() {

return "Short description";

}

// </editor-fold>

}

把processRequest方法中的代码替换成下面的代码：

processRequest中代码

// 获取用户输入信息

String username = request.getParameter("username");

String userpass = request.getParameter("userpass");

// 创建业务模型对象

UserBean user = new UserBean();

// 初始化

user.setUsername(username);

user.setUserpass(userpass);

// 调用业务方法

boolean login = user.getLogin();

// 根据业务方法的执行结果选择界面对用户响应

String forward;

if (login) {

forward = "success.jsp";

} else {

request.setAttribute("errorinfo", "用户名或者口令不正确！");

forward = "login.jsp";

}

// 获取Dispatcher对象

RequestDispatcher dispatcher = request.getRequestDispatcher(forward);

// 完成跳转

dispatcher.forward(request, response);

然后使用Ctrl+Shift+I引入UserBean所在的包。

最后需要修改index.jsp的Form表单元素的action属性。找到下面的代码：

修改为：

1.5 部署和访问

在访问工程之前，需要把工程部署到服务器上。部署过程如下：选择工程，点击右键，选择【Undeploy and Deploy】，IDE会完成下面的工作：

u 如果服务器没有启动，会先启动服务器；

u 然后编译，并部署文件。

之后可以访问Web应用，访问过程如下：

打开浏览器；

在地址栏输入：http://localhost:8080/helloWeb/HelloServlet，弹出登录界面。

在登录界面输入用户名和口令，如果用户名输入“zhangsan”，口令输入“wangwu”，则进入success.jsp界面，否则返回登录界面并显示登录错误信息。

老李-大连

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
2
评论
NetBeans中Web应用的开发

1.1 第一步：创建Web应用选择【File】à【New Project】，进入新建工程界面。在工程类别中选择【Web】，选择工程中的【Web Application】，进入Web工程设置界面。各输入元素如下：Project Name：工程的名字，本例使用WebTest。Project Location：工程的位置，本例使用E:/lxc/idebook。Se
复制链接

扫一扫