`
zhaohaolin
  • 浏览: 1003683 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

使用IntelliJ IDEA开发Web项目

 
阅读更多

一、打开IntelliJ IDEA 7.0.3 并新建一个工程文件:

       1、打开Intellij IDEA7.0.3,“File ——>“New Project”:

       2、“Next”:

       3、更改工程名字和存放路径,如以下例子:

       4、“Next”:

       5、这一步的操作是关联本机的jdk文件目录(第一次需要做,之后就不需要再设定了),找到自己本机里面的JAVA目录下的JDK的目录(如果找不到自己 的JDK目录的,说明没有装JDK,那么可以先装JDK -7或者其他版本,然后再找到自己本地的JDK文件夹。同时再装上JRE -7)。
       JDK-7下载:http://jdk7.java.net/download.html
       JRE-7下载:http://jdk7.java.net/download.html

 

       6、因为我们要开发的是Web项目,所以勾选Web Application。如果全部都不选,则新建一个纯项目工程。

       到此为止,就应该新建了一个Web 的项目工程,并自动打开该工程。

二、开发Web项目(以一个例子说明):

       1、打开新建的项目后,把左边的文件夹都展开,然后把Index.jsp文件删除,等一下我们会新建一个Html的文件:

       2、双击打开web.xml,可以修改字体的大小,按下下图的设置按钮:

       3、我们在这里新建一个自己的样式,并命名,如:myfont:

       修改字体样式,比如:

       修改字体大小,比如:15 :

       4、设置工程的运行方式:

       在此,我们选择以Tomcat Server来打开项目:

       进行到这一步的时候,有可能没有安装Tomcat,那么就要先安装Tomcat(如Tomcat 7.0):
       Tomcat 7.0下载:http://tomcat.apache.org/download-70.cgihttp://www.skycn.com/soft/58951.html
       (安装教程http://user.qzone.qq.com/529901956/blog/1270043200

       按下Fix按钮:


       5、新建Class文件:

       给Class文件一个名字,如:ClassicServer :

       打开刚刚新建的Class文件之后,把预先准备好的代码复制进来(当然也可以自己写代码开发,这里作为一个例子,预先准备好了代码):
       ClassicServer代码:

 import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;


public class ClassicServer extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
        try{
            response.setContentType("text/html;charset=GB2312");
            PrintWriter out = response.getWriter();
            String old = request.getParameter("name");
            if(old == null || old.length() == 0){
                out.println("用户名不能为空");
            } else{
                String name = new String(old.getBytes("ISO8859-1"));
                if(name.equals("wangxingkui")){
                    out.println("用户名[" + name + "]已经存在,请使用其他用户名");
                } else{
                    out.println("用户名[" + name + "]尚未存在,可以使用该用户名注册");
                }
            }
            out.println("<br/><a href=\"index.html\">返回校验页面</a>");
        } catch(Exception e){
            e.printStackTrace();
        }
    }
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
        doGet(request,response);
    }
}

       把代码复制进来之后,作为演示,我们在这里先把public class以下的代码选中并且按Ctrl+/(?)键以把这段代码转换为注释:

       把public class以上的代码选中并删去:

       此时,有一部分代码会变成红色,说明这部分代码运行的时候会出错,于是我们把鼠标光标放在红色的代码上面,按下Alt+Enter,即可自动修复错误代码:

       6、新建Html或者Xhtml文件,这里我们新建的是Html文件:

       输入Index,不用加后缀,它会自动添加后缀名:

       双击打开Index.html,把预先准备好的代码复制输入(作为演示):
       Index代码:

 <html>
<head>
  <title></title>
</head>
<body>
    校验用户名是否存在的例子<br/>
    <form action="ClassicServer" method="GET">
        用户名:<input type="text" name="name"/>
        <input type="submit" value="检验"/>
    </form>
</body>
</html>

       切换到web.xml,手工输入以下蓝色区域的内容,注意其中的ClassicServer要对应回Index.html里面的ClassicServer:

       7、切换到ClassicServer.java,再次选中public class以下的内容,Ctrl+/(?)把代码恢复会代码模式:

       8、再次把鼠标光标放在红色的代码上面,按下Alt+Enter,即可自动修复错误代码:

       9、最后把项目部署到Tomcat Server上:
       点击绿色三角箭头按钮:

       点击Run按钮:

       按了Run按钮后,将会自动弹出一个页面显示出我们所做的web项目的内容。

分享到:
评论
2 楼 fancyleeo 2012-04-19  
图挂了,不过还是谢谢了!
1 楼 key87 2011-08-04  
lz,看不到图片

相关推荐

    IntellijIdea开发工具详细使用文档.pdf

    IntelliJ Idea开发工具详细使用文档 IntelliJ IDEA是一款功能强大且灵活的集成开发环境(IDE),由 JetBrains 公司开发。它支持多种编程语言,包括 Java、Groovy、Kotlin、Scala 等。下面是 IntelliJ IDEA 的详细...

    Intellij Idea开发工具详细使用文档.pdf

    二、IntelliJ IDEA开发运行环境配置 1. 配置JRE运行环境:在开始使用IntelliJ IDEA前,需要确保已安装了兼容的Java运行环境(JRE)。在IDE的设置中,可以指定用于运行项目的JRE路径,以保证代码能正常运行。 2. 配置...

    IntelliJ IDEA 12创建Java Web项目并用Tomcat发布

    本文将介绍如何使用 IntelliJ IDEA 12 创建 Java Web 项目,并将其部署到 Tomcat 服务器上。 一、创建 Java Web 项目 在 IntelliJ IDEA 12 中,创建 Java Web 项目需要按照以下步骤进行: 1. 新建 Java 工程:...

    IntelliJ IDEA 12 web项目部署详细说明

    下面,我们将详细介绍如何使用 IntelliJ IDEA 12 部署 web 项目到 Tomcat 服务器。 标题:IntelliJ IDEA 12 web项目部署详细说明 描述:绝对的物有所值,!该软件使用起来相当的不错 标签:IntelliJ IDEA Tomcat...

    Intellij IDEA 入门教程.pdf (高清文字版)

    Tomcat专题则涵盖了Tomcat的安装配置、启动以及面板说明,让Java Web开发者能够更好地使用IntelliJ IDEA进行Web应用的开发和部署。GIT专题和SVN专题分别介绍了如何在IDEA中使用Git和SVN进行版本控制。 此外,教程还...

    IntelliJ IDEA 12.0 Web开发及热部署

    在这篇文章中,我们将学习如何使用 IntelliJ IDEA 12.0 进行 Web 开发和热部署。首先,我们需要安装相关的软件,包括 IntelliJ IDEA 12.0、Apache Tomcat 7.0.34 和 JRebel 5。 一、安装 IntelliJ IDEA 12.0 和 ...

    IntelliJ IDEA 中文指南.pdf

    文档涉及了IntelliJ IDEA插件的相关功能,包括Eclipse Java Web项目环境搭建、Maven结构项目搭建,以及插件开发视频教程。此外,还讲解了常用快捷键,包括在Windows和Linux、Mac操作系统上如何使用快捷键提高开发...

    IntelliJ IDEA10.0 Web项目部署文档

    ### IntelliJ IDEA 10.0 Web项目部署指南 随着IntelliJ IDEA 10.0的发布,开发者们迎来了一个新的开发工具。虽然网络上关于该版本的开发文档相对较少,但通过对这一版本的深入探索与实践,我们可以总结出一套实用的...

    intellij_idea开发工具文档

    二、IntelliJ IDEA开发运行环境介绍 1.1 配置JRE运行环境 在使用IntelliJ IDEA之前,需要确保已安装了Java运行环境(JRE)和Java开发工具包(JDK)。开发者需要在IDE设置中指定JDK的路径,以便IDE能够识别并解析Java...

    IntelliJ IDEA使用教程

    对于Web项目的开发,IntelliJ IDEA允许开发者配置Web应用的目录结构,包括指定Web资源、配置文件、Servlet容器等。文档中提到了Web项目的目录结构、Spring框架的集成以及数据库和MyBatis的配置。 10. 自定义设置与...

    intellijidea开发工具文档.rar

    “intellijidea开发工具文档.pdf”可能涵盖了这些特性的详细介绍,包括如何配置环境、创建项目、编写代码、调试程序、使用版本控制、安装和使用插件等内容。文档可能还会包含一些高级技巧和最佳实践,帮助用户更好地...

    使用Intellij IDEA构建maven项目

    本文将深入探讨如何使用IntelliJ IDEA来构建Maven项目,结合标签“源码”和“工具”,我们将会看到这两者如何在实际开发中结合。 首先,让我们了解Maven。Maven是Apache软件基金会开发的一个项目管理和综合工具,它...

    使用IntelliJ IDEA开发基于Maven+Spring MVC的入门Java项目下载

    标题中的“使用IntelliJ IDEA开发基于Maven+Spring MVC的入门Java项目”指的是一个教程或示例项目,旨在帮助初学者了解如何在IntelliJ IDEA这个强大的集成开发环境中使用Maven构建工具和Spring MVC框架来开发Java ...

    Intellij Idea 创建Web项目.docx

    在IntelliJ IDEA中创建Web项目是一个简单而直观的过程,下面将详细讲解每个步骤及其涉及的IT知识: 1. **创建项目** - IntelliJ IDEA是JetBrains公司开发的一款强大的Java集成开发环境,它支持多种编程语言,包括...

    基于Intellij IDEA的JavaWeb开发-如何用IntelliJ IDEA开发个什么架构都不用的最普通的web网站项目.zip

    基于Intellij IDEA的JavaWeb开发-如何用IntelliJ IDEA开发个什么架构都不用的最普通的web网站项目.zip

    Idea开发Java WEB 应用

    3. 搭建 WEB 开发环境:使用 IDEA 搭建 WEB 开发环境,包括创建 WEB 项目、配置 Tomcat 服务器和编译项目等。 七、总结 使用 IDEA 搭建 WEB 开发环境可以提高开发效率和代码质量。 IDEA 提供了智能代码补全、代码...

    JetBrains Intellij IDEA新建JAVA Web项目教程 一步一步的具体步骤.zip_哪里有新建钢铁项目

    【标题】中的“JetBrains Intellij IDEA新建JAVA Web项目教程 一步一步的具体步骤”指的是使用IntelliJ IDEA这个集成开发环境(IDE)创建一个基于Java的Web应用程序的过程。IntelliJ IDEA是JetBrains公司开发的一款...

    Intellij IDEA教程

    IntelliJ IDEA是一款深受开发者喜爱的Java集成开发环境(IDE),尤其在Java Web开发领域有着广泛的应用。本教程将深入探讨IntelliJ IDEA的各项功能,帮助你从新手快速成长为熟练的使用者。 首先,IntelliJ IDEA的...

    IntellijIDEA手册.pdf

    IntelliJ IDEA是一款强大的Java集成开发环境,由JetBrains公司开发。...熟悉这些基本操作是使用IntelliJ IDEA开发Web应用的第一步。随着对IDE的深入理解和实践,你将能够充分利用其强大的功能,提升开发效率。

    尚硅谷_宋红康_IntelliJIDEA的安装、配置与使用(带目录)

    IntelliJ IDEA 在其官方网站上如此描述自身:“通过 Java、Scala 和 Groovy 提供卓越的企业级、移动和 Web 开发,所有现代技术和框架均开箱即用。” ##### 3. IntelliJ IDEA 主要功能介绍 - **语言支持**:主要...

Global site tag (gtag.js) - Google Analytics