这是一个简单的实验，熟悉NetBeans的IDE环境的开发

首先下载一个NetBeans，可以在官网上下https://netbeans.org/downloads/index.html

要装NetBeans首先要先安装好jdk环境，jdk自己随意安装

编写一个简单的网站，支持动态网页。

(1) 创建项目。点击netbeans菜单->新建项目，在弹出的对话框中选择项目“类别”为web,“项目”为web应用程序，如下图所示：

点击下一步后，产生下图的对话框，在项目名称中输入FirstWeb,项目的位置可以保持不变或修改到其他目录下。在下图的配置中为C:\JAVAEE。为了方便说明，我们将该项目路径记为WEB_HOME。

点击下一步，产生下图界面，保持默认设置不变：

点击下一步，然后点击完成，创建项目完毕。在项目栏的左侧将会看到FirstWeb项目，如下图所示：

(2) 创建网页。右键点击FirstWeb下的Web页图标，如下图所示，在弹出菜单中选择新建HTML，

在弹出的对话框中，输入网页的名称firstweb,如下图所示：

点击完成后，点击左侧项目栏的firstweb->web->firstweb.html，编辑该文件如下图所示：

将firstweb.html的内容修改为下面内容：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Home Page</title>

</head>

<body>

<h2>Hello!</h2>

<form action="./MusicServlet" method="POST">

<h3>Music Store Search </h3>

<br>

<strong>Type in the song title:</strong>

<input type="text" size="55" name="song_title"><br><br><br>

<strong>Type in the song artist:</strong>

<input type="text" size="55" name="song_artist"><br><br><br>

<input type="submit" value="Search"><br>

<strong>Display the first </strong>

</form>

</body>

</html>

(3) 创建servlet。在左侧项目栏中右键点击firstweb->源包，在弹出菜单中选择新建Servlet，如下图所示：

在弹出对话框中输入类的名称: MusicServlet，在“包”中输入org.scut，

点击下一步，选择“添加到部署描述符”，如下图所示：

点击完成，点击左侧项目栏下的firstweb->源包->org.scut->MusicServlet.java，对文件进行编辑，如下图所示：

修改MusicServlet.java中的ProcessRequest函数，将该函数的代码替换为下面代码：

protected void processRequest(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

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

PrintWriter out = response.getWriter();

try {

request.setCharacterEncoding( "UTF-8");

String title = request.getParameter("song_title");

String artist = request.getParameter("song_artist");

out.println("<html>");

out.println("<head>");

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

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

out.println("<body>");

out.println("<h1>The music information: " + "</h1>");

out.println("<h2>" + "title : "+ title +  "</h2>");

out.println("<h2>" + "artist : " + artist +  "</h2>");

out.println("<h2>image: <img src=\"image/image.gif\" width=\"100\" height=\"100\" border=\"0\"> </h2>");

/* usemap="#Map3">*/

out.println("<br><br>");

out.println("<A HREF=\"./firstweb.html\" TARGET=\"_self\"> 回到首页 </A>");

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

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

} finally {

out.close();

}

}

（4）导入图片。在WEB_HOME\FirstWeb\web目录下创建目录image，这里的WEB_HOME是FirstWeb项目所在的目录。将JAVAEE_EXAMPLE/web/hello1/web/duke.waving.gif文件（随便一张gif图也可以）拷贝到WEB_HOME\FirstWeb\web\image目录下面。并将该文件改名为image.gif。

（5）生成并部署项目。右键点击左侧项目栏下的Firstweb,在弹出菜单中选择部署。

（7）测试项目。打开IE浏览器，在浏览器的地址栏中输入：

http://localhost:8080/FirstWeb/firstweb.html

会得到下面的界面：

在song tile中输入歌曲的名称，如“hero”，在song artist中输入”Michael”，点击search按钮，出现下面界面：

点击”回到首页”链接，可以回到首页。

以上是简单的构建NetBeans IDE环境及web网页servlet构建使用

netbeans环境的建立的更多相关文章

  1. Keil环境中建立带FreeRTOS的STM32L项目

    本文是网上转载,版权所有. Keil环境中建立带FreeRTOS的STM32L项目 1.先把source文件夹复制至project目录,然后在keil中添加RTOS文件,如图: 其中heap_2.c按 ...

  2. 【转】MIPS交叉编译环境的建立

    原文网址:http://imgtec.eetrend.com/forum/2371 我觉得对于MIPS处理起来说最令新手头疼的应该就是编译环境的建立了,这点MIPS做的确实不是很好,不像ARM那样有许 ...

  3. 【CC2530入门教程-01】IAR集成开发环境的建立与项目开发流程

    [引言] 本系列教程就有关CC2530单片机应用入门基础的实训案例进行分析,主要包括以下6部分的内容:1.CC2530单片机开发入门.2.通用I/O端口的输入和输出.3.外部中断初步应用.4.定时/计 ...

  4. OSGi-开发环境的建立和HelloWorld(04)

    1 OSGi开发环境的建立 1.1 Equinox是什么 从代码角度来看,Equinox其实就是OSGi核心标准的完整实现,并且还在这个基础上增加了一些额外的功能(比如为框架增加了命令行和程序执行的入 ...

  5. 关于xampp集成开发环境的建立与初步认识

    针对于xampp集成开发环境的建立主要分大步骤:         1.把xampp的压缩包压缩到一个盘中,比如c盘:然后点击中间的那个图标开始安装,由于这个软件是配置基本已经OK了,故可以直接next ...

  6. idea环境下建立maven工程并运行scala程序

    idea中scala编程环境及建立maven工程 1.下载idea软件并破解:http://blog.csdn.net/nn_jbrs/article/details/70139178 2.安装sca ...

  7. ubuntu上minigui调试环境的建立

    minigui一共有两个版本:商业版()和GPL版(),问了一下飞漫软件,使用商业版前期的费用是9万,有技术支持,包括5000个licenses的费用,后期10K的量的话,每个licenses要6块, ...

  8. 自己动手写CPU之第四阶段（3）——MIPS编译环境的建立

    将陆续上传本人写的新书<自己动手写CPU>(尚未出版).今天是第13篇.我尽量每周四篇 4.4 MIPS编译环境的建立 OpenMIPS处理器在设计的时候就计划与MIPS32指令集架构兼容 ...

  9. 【学QT】2 - QT/E环境的建立

    Arm-Linux嵌入式QT/E环境的建立(qt/e 3.x系列)          QT/E 3.x系列比QT/E 2.x系列有非常大的改进,大大提高了开发进度,不再使用tmake,安装也更简单.但 ...

随机推荐

  1. 【原创】纯干货，Spring-data-jpa详解，全方位介绍。

    本篇进行Spring-data-jpa的介绍,几乎涵盖该框架的所有方面,在日常的开发当中,基本上能满足所有需求.这里不讲解JPA和Spring-data-jpa单独使用,所有的内容都是在和Spring ...

  2. 虚拟机 本地 本机 双启动 运行 vhd local Dual Boot

    在使用虚拟机的过程中, 可能会遇到虚拟机的运行要求过高, 电脑力不从心的情况. 为了让虚拟机使用更多电脑资源, 可以让虚拟机以本地双系统的方式,访问本地计算机资源. 打开磁盘管理,在磁盘上右键,选择 ...

  3. 模拟namenode崩溃，使用secondarynamenode恢复

    方法一.使用namespaceID 1.在namenode节点上,将dfs.name.dir指定的目录中(这里是name目录)的内容情况,以此来模拟故障发生. [hadoop@node1 name]$ ...

  4. PHP获取不了React Native Fecth参数的解决办法代码是怎样？

    fetch('https://mywebsite.com/endpoint/', { method: 'POST',headers: {'Accept': 'application/json','Co ...

  5. PHP上传文件详解 错误提示

    首先在php.ini里配置上载文件.有以下几个重要的配置单: 选项 默认值 说明 post_max_size 8M 控制以后的POST请求的最大规模.必须大于upload_max_filesize选项 ...

  6. C#:序列化值与解码二进制

    1.将对象序列化为二进制值,供WebBrowser传值: private static byte[] PostDataToBytes(Data postData) { JavaScriptSerial ...

  7. 删除ecshop登录后台看到的系统信息

    登陆ecshop后台,默认打开在页面顶部会出现个系统信息,显示操作系统,数据库版本,以及安装日期系统版本号.部分客户问到怎么删除,这里最模板提供ecshop教程告诉大家方法. 找到admin\temp ...

  8. android19以上和以下uri转路径的方法

    android 19以上 /** * 专为Android4.4以上设计的从Uri获取文件路径 */ public static String getPath(final Context context ...

  9. [HTML]HTML5实现可编辑表格

    HTML5实现的简单的可编辑表格 [HTML]代码 <!DOCTYPE html > <html > <head> <meta charset="u ...

  10. 每日一九度之 题目1039：Zero-complexity Transposition

    时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:3372 解决:1392 题目描述: You are given a sequence of integer numbers. Zero-co ...