【WebGIS系统开发系列】Web项目搭建

上节已经配置好了基础开发环境,下面我将使用IDEA搭建Web项目。

一 Maven介绍

Maven是Java项目包管理和构建工具,它的主要功能有:

  • 标准化的项目结构;
  • 标准化的构建流程(编译,测试,打包,发布);
  • 依赖管理机制。

传统开发下,如果我们需要链接数据库,则需要加载PostgreSQL驱动,我们需要手动下载并且把它放在classpath下,如果我们需要输出日志,则需要下载log4j,并把它放在classpath下,这一过程虽然简单但却十分耗时。

而Maven的出现,使得同一类的项目能够有相类似的配置,使得自动下载/加载开发包得以实现,从而开发者不需要花费大量时间寻找依赖了,从而提升开发效率。

1.1 Maven项目结构

一个纯净的Maven项目目录结构如下:

Project
|————src
	 |————main
	 	  |————java
	 	  |————resources
	 |————test
	 	  |————java
|————pom.xml

其中pom.xml为项目描述文件,在其中定义了项目的属性和我们可以用到的所有依赖,src/main/java存放源码、src/main/resources存放资源文件、src/test/java存放测试文件。构建完成Maven项目后,Maven便能自动识别各个目录。

1.2 pom.xml

一个简单的pom.xml如下:


<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0modelVersion>

    <groupId>com.hs.gisgroupId>
    <artifactId>MGISartifactId>
    <version>1.0-SNAPSHOTversion>
    <dependencies>
        <dependency>
            <groupId>junitgroupId>
            <artifactId>junitartifactId>
            <version>4.13version>
            <scope>testscope>
        dependency>
    dependencies>

project>

其中groupId往往定义为项目组织唯一的标识符,对应Java的包结构,artifactId定义为项目名称,version定义为项目版本。

dependencies标签中定义全部能用得到的依赖,每一个依赖包含在dependency中,且由groupIdartifactIdversion唯一标识,scope则定义该依赖应用的范围。

声明完成后,Maven即自动下载该依赖包并放在classpath下了。

1.3 寻找dependency

这个网站会告诉你一切:https://mvnrepository.com/。在搜索框中搜索你想要下载的依赖并把它放置在dependencies标签下即可。

二 使用IDEA创建Maven项目

打开IDEA,点击File->new->project,这里使用Maven创建空项目。

【WebGIS系统开发系列】Web项目搭建_第1张图片

直接next。

【WebGIS系统开发系列】Web项目搭建_第2张图片

ArtifactId:填写项目名称。

GroupId:项目组织唯一的标识符,对应Java的包结构。

创建完毕你会得到一个包含如下目录的项目:

MGIS
|————src
	 |————main
	 	  |————java
	 	  |————resources
	 |————test
	 	  |————java
|————pom.xml

三 支持Web开发

上面创建的项目还不能进行web开发,需要执行以下几个步骤:

3.1 新建webapp目录

MGIS
|————src
	 |————main
	 	  |————java
	 	  |————resources
	 	  |————webapp
	 |————test
	 	  |————java
|————pom.xml

3.2 配置Tomcat服务器

  1. 打开File->Project Structure,新建Facets
    【WebGIS系统开发系列】Web项目搭建_第3张图片
    【WebGIS系统开发系列】Web项目搭建_第4张图片

  2. 点击Create Artifact新建Artifact

  3. 添加Tomcat local server
    【WebGIS系统开发系列】Web项目搭建_第5张图片
    【WebGIS系统开发系列】Web项目搭建_第6张图片
    大功告成!

3.3 测试

在webapp下新建index.html。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>WebGIStitle>
head>
<body>
WebGIS
body>
html>

现在目录结构变成了这样。

MGIS
|————src
	 |————main
	 	  |————java
	 	  |————resources
	 	  |————webapp
	 	  	   |————WEB-INF
	 	  	   		|————web.xml
	 	  	   |————index.html
	 |————test
	 	  |————java
|————pom.xml

启动web服务器,等待一会,我们就可以在浏览器上看到WebGIS字符串了。

到此为止,我们即搭建成功了基础Web项目。

四 源代码

GitHub

总结

以上便是Web项目的搭建,如果有任何问题,欢迎与我留言交流。

关注

欢迎关注公众号 「林木菌」,主要用于分享编程经验知识,保持深度和专注度。
【WebGIS系统开发系列】Web项目搭建_第7张图片

你可能感兴趣的:(WebGIS系统开发)