【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如下:

<?xml version="1.0" encoding="UTF-8"?>
<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.0</modelVersion>

    <groupId>com.hs.gis</groupId>
    <artifactId>MGIS</artifactId>
    <version>1.0-SNAPSHOT</version>
    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.13</version>
            <scope>test</scope>
        </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创建空项目。

image-20200528220149150

直接next。

image-20200528222019032

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
    在这里插入图片描述
    在这里插入图片描述

  2. 点击Create Artifact新建Artifact

  3. 添加Tomcat local server
    在这里插入图片描述
    在这里插入图片描述
    大功告成!

3.3 测试

在webapp下新建index.html。

<!doctype 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>WebGIS</title>
</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项目的搭建,如果有任何问题,欢迎与我留言交流。

关注

欢迎关注公众号 「林木菌」,主要用于分享编程经验知识,保持深度和专注度。

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值