这是一个简单的实验，熟悉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. awk,perl,python的命令行参数处理

    Python,Perl,Bash命令行参数 Part I 日常经常性的和Perl,Python,Bash打交道,但是又经常性的搞混他们之间,在命令行上的特殊性和index的区别,Python真的是人性 ...

  2. Linux异步IO【转】

    转自:http://blog.chinaunix.net/uid-24567872-id-87676.html Linux® 中最常用的输入/输出(I/O)模型是同步 I/O.在这个模型中,当请求发出 ...

  3. game of life

    class Solution { public: void gameOfLife(vector<vector<int>>& board) { queue<int& ...

  4. maven打包异常：软件包com.sun.org.apache.xml.internal.security.utils.Base64 不存在

    maven打包异常:软件包com.sun.org.apache.xml.internal.security.utils.Base64 不存在 将jre/lib/rt.jar添加到maven的compi ...

  5. Nagios监控磁盘

    1.查看check_disk脚本 [oracle@rhel5 ~]$ /usr/local/nagios/libexec/check_disk --h check_disk v1.) Copyrigh ...

  6. 编码-截取中文-去除HTML字符

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

  7. PHP正则表达式之定界符和原子介绍

    1,正则表达式的定界符. 除了字母.数字和反斜线\以外的任何字符都可以为定界符号,比如 | |.//.{}.!!等等,但是需要注意,如果没有特殊需要,我们都使用正斜线//作为正则表达式的定界符号. 2 ...

  8. jquery easyui读取json文件乱码

    输出的json要求用utf-8,否则因json的编码格式有问题显示不了中文.记事本默认编码是ANSI,若保存的json是由记事本改后的缀名,则json格式有问题,显示中文为乱码. 解决方法:打开.js ...

  9. ACM题目————最长回文串

    Description 给出一个只由小写英文字符a,b,c...y,z组成的字符串S,求S中最长回文串的长度. 回文就是正反读都是一样的字符串,如aba, abba等   Input 输入有多组cas ...

  10. 关于iframe嵌套、动态获取iframe内的url、父页面重定向

    1 $(function () { 2 //选择器是选择了easyui中的点击链接,出现新的iframe 3 $("a[target='mainFrame']").click(fu ...