新手用idea创建第一个web项目之Hello world!

一、按照正常流程创建java项目

按照正常的创建java项目,一直next就行了,注意jdk的版本号
新手用idea创建第一个web项目之Hello world!_第1张图片
新手用idea创建第一个web项目之Hello world!_第2张图片
新手用idea创建第一个web项目之Hello world!_第3张图片
至此一个java项目就创建成功

二、构建Web框架

右击项目名称–>Add Framework Support,接下来如图:
新手用idea创建第一个web项目之Hello world!_第4张图片
接下来按照下图,创建classes文件夹和lib文件夹:
新手用idea创建第一个web项目之Hello world!_第5张图片
接下来点击Project Structure…–>module–>path
新手用idea创建第一个web项目之Hello world!_第6张图片
新手用idea创建第一个web项目之Hello world!_第7张图片
新手用idea创建第一个web项目之Hello world!_第8张图片
新手用idea创建第一个web项目之Hello world!_第9张图片
点击OK之后,选择Jar Directory
新手用idea创建第一个web项目之Hello world!_第10张图片
点击OK,至此,基本的web配置就完成了

三、配置tomcat服务器

点击Add Configuration…
新手用idea创建第一个web项目之Hello world!_第11张图片
然后点击add new run …–>Tomcat–>Local
新手用idea创建第一个web项目之Hello world!_第12张图片
接下来开始配置Tomcat服务器
新手用idea创建第一个web项目之Hello world!_第13张图片
新手用idea创建第一个web项目之Hello world!_第14张图片
点击OK,至此tomcat服务器就配置好了

四、测试结果

在index.js里修改内容
新手用idea创建第一个web项目之Hello world!_第15张图片
点击运行,显示结果:
新手用idea创建第一个web项目之Hello world!_第16张图片
至此,一个完整的web程序就创建完了

你可能感兴趣的:(笔记,日志,经验,intellij-idea,java,web)