Intellij Idea 创建Web项目入门(一)
相关软件:
Intellij Idea14:http://pan.baidu.com/s/1nu16VyD
Tomcat(apache-tomcat-6.0.43):http://pan.baidu.com/s/1kUwReQF
Intellij Idea的安装非常简单,一步一步安装即可。
JDK的安装也挺简单的,重要的是配置环境。在环境变量Path里面添上Java的安装路径即可。
Tomcat文件夹不用安装,直接解压放在C盘下即可,或者放在其他文件夹下也可以,但是文件夹的名字最好不要带中文~~~不信?那你试试~~
Idea创建Web项目步骤:
1、创建一个项目
File -> New Project -> 输入项目名称“Demos” ,选择Project SDK为1.7 -> Next -> Finish
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjExMzQxMi0xNzkwNDI1NzQ0LnBuZw%3D%3D.png?w=700&webp=1)
2、创建一个Module
鼠标点中项目名称demos -> 右键选择New,选择Module
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjIwMzI4Ny0xODk1NjczOTU5LnBuZw%3D%3D.png?w=700&webp=1)
输入Module名称“firstweb” -> 点击Next
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjIyNjIyNC0yMTYwMDA2ODEucG5n.png?w=700&webp=1)
勾选“Web Application” -> 确认已勾选“Create web.xml” -> Finish
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjMzMjAyMS01ODM1NDQ4MzYucG5n.png?w=700&webp=1)
3、创建好的web项目
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjQ0MjAwNi0xNzE2ODc3NTg0LnBuZw%3D%3D.png?w=700&webp=1)
4、在web/WEB-INF下创建两个文件夹:classes和lib
classes用来存放编译后输出的class文件,lib用于存放第三方jar包。
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjQyMTE0Ni0xNjgzNDEzNzk5LnBuZw%3D%3D.png?w=700&webp=1)
5、配置文件夹路径
File -> Project Structure (快捷键:Ctrl + Shift + Alt + S) -> 选择Module :
选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚创建的classes文件夹。
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjUyOTUyMS03MTY3Mjg1MzMucG5n.png?w=700&webp=1)
接着选择Dependencies -> 将Module SDK选择为1.7 -> 点击右边的“+”号 -> 选择1 “Jars or Directories”
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjU1MzUwNi0xODIzOTAzOTk4LnBuZw%3D%3D.png?w=700&webp=1)
-> 选择刚刚创建的lib文件夹
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjY0MzM4MS01MTI0MjY3NTMucG5n.png?w=700&webp=1)
-> 选择“jar directory” -> 接着返回一路OK就行了~~
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjcwNzU4NC04NTg3MTEzMy5wbmc%3D.png?w=700&webp=1)
6、配置Tomcat容器
打开菜单Run -> 选择Edit Configuration
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjczODc1Ni02MzU4NzYxNi5wbmc%3D.png?w=700&webp=1)
点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjgxMTk3NC0xMzg3NTk2NjIwLnBuZw%3D%3D.png?w=700&webp=1)
在"Name"处输入新的服务名,点击"Application server"后面的"Configure...",弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjg1OTc3MS0xMDcwNTg2NzYyLnBuZw%3D%3D.png?w=700&webp=1)
在"Run/Debug Configurations"窗口的"Server"选项板中,取消勾选"After launch",设置"HTTP port"和"JMX port"(默认值即可),点击 Apply -> OK, 至此Tomcat配置完成。
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjk0Mzk3NC0xMzk5NzgyNzg2LnBuZw%3D%3D.png?w=700&webp=1)
7、在Tomcat中部署并运行项目
Run -> Edit Configurations,进入"Run/Debug Configurations"窗口 ->
选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact
选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMzAzMzkyOC0xNDUxODI0OTg1LnBuZw%3D%3D.png?w=700&webp=1)
->选择web项目 -> Application context可以填“/hello”(其实也可以不填的~~) -> OK
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMjg0Mjg4MS0xODc3NzY1OTYyLnBuZw%3D%3D.png?w=700&webp=1)
8、编辑index.jsp文件
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMzEwODM4MS0zNTE0MjE3MzgucG5n.png?w=700&webp=1)
9、运行Tomcat,在浏览器中查看运行结果
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMzEzMjQ0My04MDQxNTYxMDcucG5n.png?w=700&webp=1)
![Intellij Idea 创建Web项目入门(一)转 Intellij Idea 创建Web项目入门(一)转](https://image.shishitao.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy84MjY4MTIvMjAxNjAzLzgyNjgxMi0yMDE2MDMxNjIxMzEzNjcwOS0xNTA5MjI5OTU3LnBuZw%3D%3D.png?w=700&webp=1)
分类: Java编程