这是一个简单的实验，熟悉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. 一道面试题比较synchronized和读写锁

    一.科普定义 这篇博文的两个主角“synchronized”和“读写锁” 1)synchronized 这个同步关键字相信大家都用得比较多,在上一篇“多个线程之间共享数据的方式”中也详细列举他的应用, ...

  2. 修改ecshop让订单详情里将会员地址详情全部显示

    $sql = "SELECT concat(IFNULL(c.region_name, ''), '  ', IFNULL(p.region_name, ''), " . &quo ...

  3. java IO和NIO 的区别

    Java NIO和IO的主要区别 下表总结了Java NIO和IO之间的主要差别. IO                NIO 面向流            面向缓冲 阻塞IO           非 ...

  4. app缓存设计-文件缓存

    采用缓存,可以进一步大大缓解数据交互的压力,又能提供一定的离线浏览.下边我简略列举一下缓存管理的适用环境: 1. 提供网络服务的应用 2. 数据更新不需要实时更新,哪怕是3-5分钟的延迟也是可以采用缓 ...

  5. jquery相关校验以及jquery其他知识总结

    //************jquery校验**********/ //数字校验(整数)function isDigit(str) { var patrn=/^[0-9]*$/; return pat ...

  6. SlickGrid example 5:带子项的展开收缩

    带子项的展开收缩.   代码: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Ty ...

  7. 【20160924】GOCVHelper 图像增强部分（5）

    // Multiply 正片叠底 void Multiply(Mat& src1, Mat& src2, Mat& dst) {     for(int index_row=0 ...

  8. Windows上Python2.7安装Scrapy过程

    需要执行: pip install scrapy pip install requests 在Windows下用pip安装Scrapy报如下错误,看错误提示就知道去http://aka.ms/vcpy ...

  9. ci 基础知识

    //建立虚拟主机 2.下载完毕后,解压,并将其复制粘贴到程序的主目录(d:/wamp/xmall/),然后再将其重命名为"myshop",那么"myshop" ...

  10. sass的安装与基础

    安装教程:http://www.haorooms.com/post/sass_css 手册:http://sass.bootcss.com/docs/guide/     http://www.w3c ...