项目系列目录:
手把手叫你学会利用Spring框架编写基本的【学生信息管理系统】(一)
手把手叫你学会利用Spring框架编写基本的【学生信息管理系统】(二)
手把手叫你学会利用Spring框架编写基本的【学生信息管理系统】(三)
手把手叫你学会利用Spring框架编写基本的【学生信息管理系统】(四)
手把手叫你学会利用Spring框架编写基本的【学生信息管理系统】(五)
目录
在上期我们讲解了项目预期的效果和如何创建Maven项目,并且也导入了MySQL的jar包,接上一期的项目创建步骤,我们继续进行对项目的完善。
一、将Maven项目转换为Web项目
为什么要将Maven项目转换为Web项目,最主要的原因是要明白这两个项目的区别,两者之间的区别一共分为三个方面:
第一个方面就是两者的定义不同:
Maven不仅是构建工具,还是一个依赖管理工具和项目信息管理工具;
Web项目是网页的编码项目,需要在服务器上运行。
第二个方面就是两者的作用不同:
Maven由项目对象模型、标准集合、项目生命周期和依赖关系管理系统构成,可以经过项目对象模型描述信息来管理项目的构建、报告和文档,还可以生成站点和管理JAR文件;
Web是建立在Internet上的一种网络服务,包含了超文本、超媒体和超文本传输协议,可以提供图形化的直观的网页浏览界面,信息可以实时更新。
第三个方面就是两者的特点不同:
Maven 有一个生命周期,当你运行 mvn install 的时候被调用,这条命令告诉 Maven 执行一系列的有序的步骤,直到到达你指定的生命周期。遍历生命周期旅途中的一个影响就是,Maven 运行了许多默认的插件目标,这些目标完成了像编译和创建一个 JAR 文件这样的工作。
Web即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面。
将Maven项目转换为Web项目的具体步骤如下:
点击右上角File->Project Structure,然后点击右边导航栏的Project,进入相对应的界面,注意下图所标注的,看清项目运行的输出目录,为out,然后再点击OK按钮。
接着继续点击右边导航栏的Modules按钮,点击+号,点击创建Web模块。
点击创建Web之后,要注意下图所标记的位置,路径一定要正确,注意下面四种情况,都完成后,最后再点击OK按钮。
注意1:图片中的用数学符号标注①的位置的路径中的web2不用管,是因为我的项目建了第二次,才出现的这种情况,第一次创Web项目是的路径名为web!这里自己注意一下就行,并不是必须和图上的名字一模一样,但是最后的web.xml文件一定是一样的!!!
注意2:下图标注②的位置,是需要指向resources目录的!
注意3:下图标注③的位置,需要勾选图中框的那两个。
注意4:下图标注④的位置,是直接创建打包形式,上面弄完之后,直接点击一下就行,会自动创建包。
再点击有百年导航栏的Artifacts按钮,点击+号,选择Web Application:Exploded-->From Modules。
在弹出这个窗口,点击OK按钮。
点击OK之后,看你i项目目录是不是有web文件夹:
到这里,项目才真正的成为一个Web项目!!!
二、项目的运行
Web项目已经创建完成,接下来的工作就是配置Tomcat,将整个项目成功地跑起来。
点击右上角的Add ...按钮:
在弹出的窗口中,点击+号,点击Tomcat Server-->Local。
点击上图的①标志位置和②标识的位置-Fix按钮:
修改自己的Tomcat路径等等。(这里就自己修改一下就行,很简单,就不多说了)。
标识②按钮的对应界面:点击Fix之后,在弹出的对话框中点击war的那个就行(注意:一以下图矩形框标识的位置,自己点击war之后,会自己显示的,所以尽量不要改!),然后再返回Server界面。
返回Server界面之后,注意修改下图标识的六个地方,然后点击OK按钮:
其中需要注意的是:
- ①位置是运行的浏览器!
- ②位置是运行的路径URL!
- ③和④位置为热启动--也就是修改了代码,不需要重新启动服务器就可以看到结果!
- ⑤和⑥位置为端口号!
然后点击项目文件目录的resources文件夹,点击右键,创建login.html文件,步骤如下:
点击web.xml文件,输入以下代码:
<welcome-file-list>
<welcome-file>login.html</welcome-file>
</welcome-file-list>
编辑login.html文件,现在先来个简单的界面,方便测试项目能否正确运行。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>spring学习系统</title>
</head>
<body>
这里是学习系统login界面!!!
</body>
</html>
点击右上角的运行按钮,利用Tomcat运行该项目(运行时间比较长,请耐心等待!):
到这里,一个简单的项目已经创建完成,并且可以正确的运行!!我们下期继续编写项目内容。谢谢观看!!!
《后续内容持续更新中!!!》
麻烦点个收藏点个关注不迷路!!!