vim ＋maven 开发webapp

柔情只为你懂 2022-03-29 10:55 207阅读 0赞

## maven开发webapp ##

网上能搜索到的maven教程基本上全是eclipse开发，对于我这种喜欢vim不用ide的太不友好了。而且不是说好的vim才是生产力的表现吗？废话不多说，不想挑起编辑器之争。下面开始：

1.  下面简单介绍下要用到的模块：hello模块(只是返回字符串"hello world"),Database模块（mysql查询模块）、show（前端JSP显示模块)
2.  hello模块：

mvn archetype:generate -DgroupId=com.test -DartifactId=hello -DarchetypeArtifactId=maven-archetype-quickstart -DinteractiveMode=false					//这句没有什么要解释的，只有最后一个参数interactiveMode=false表示从本地文件复制，而不是从远程仓库下载，会更快，要是第一次用mvn命令就不用。
     #看下hello目录结构
     hello
    ├── pom.xml
    └── src
        ├── main
        │   └── java
        │       └── com
        │           └── test
        │               └── App.java
        └── test
            └── java
                └── com
                    └── test
                        └── AppTest.java
    #hello/test下的目录不用看，是用于测试的。就hello/src/main/java/com/test/下面建立自己的类文件。
    cd hello/src/main/java/com/test/
    vi Hello.java		#加入Hello.java内容
    package com.test;
    import java.io.*;
    
    public class Hello{
        public String getHello(){
            return "Hello World";
        }
    }
    ＃回到hello根目录(pom.xml所在的目录),打包安装。
    mvn clean install					#运行成功会生成target目录，下面会有打包好的jar文件，这个文件也会被安装到本地仓库（一般在$HOME/.m2/下），到这里hello模块就完成了。

1.  同样的方法建立Database模块，有少量不同的地方

mvn archetype:generate -DgroupId=com.test -DartifactId=Database -DarchetypeArtifactId=maven-archetype-quickstart -DinteractiveMode=false	
    #更改pom.xml，添加依赖。这里要用到jdbc,maven仓库中找到jdbc。我用的Tomcat-jdbc：9.0.1网址：https://mvnrepository.com/artifact/org.apache.tomcat/tomcat-jdbc/9.0.1。
        <dependency>
                <groupId>org.apache.tomcat</groupId>
                <artifactId>tomcat-jdbc</artifactId>
                <version>9.0.1</version>
        </dependency>

src/main/java/com/test/Database.java内容：

package com.test;
    
    //导入jdbc、标准输入输出
    import java.sql.*;
    import java.io.*;
    
    //Database类
    public class Database{
    	//连接mysql字符串，简单起见一个字符串搞定，根据自己情况更改
        private String connStr = "jdbc:mysql://127.0.0.1:3306/数据库名字?user=用户名&password=密码";							**＃这里的几个一定要根据自己的数据库更改。**
        //jdbc 连接
        private static Connection conn = null;
        public Database(){
            try{
            conn = DriverManager.getConnection(connStr);
            }catch(SQLException e){
                System.err.println("执行查询有错误:"+e.getMessage());
                System.out.println("执行查询有错误:"+e.getMessage());
            }
        }
    
        /*
         * 查询语句
         * 返回类型：ResultSet
         * @return 
         */
        public ResultSet query(String sql){
            ResultSet rs = null;
            try{
            Statement stms = conn.createStatement();
            rs = stms.executeQuery(sql);
            }catch(SQLException e){
                System.err.println("执行查询有错误:"+e.getMessage());
                System.out.println("执行查询有错误:"+e.getMessage());
            }
            return rs;
        }
    }

安装到本地仓库：

mvn clean install

4.前端jsp显示模块：

mvn archetype:generate -DgroupId=com.test -DartifactId=show -DarchetypeArtifactId=maven-archetype-webapp -DinteractiveMode=false

目录结构：

show
    ├── pom.xml
    └── src
        └── main
            ├── resources
            └── webapp
                ├── index.jsp
                └── WEB-INF
                    └── web.xml

刚建立的webapp是没有java目录的，在main下面建立java/com/test/。建立之后的结构如下：

show
    ├── pom.xml
    └── src
        └── main
            ├── java
            │   └── com
            │       └── test
            ├── resources
            └── webapp
                ├── index.jsp
                └── WEB-INF
                    └── web.xml

这里的目录结构有必要说一下。自己在java下面建立的类，包含tomcat中用到的javaBean和servlet类，打包的时候会放到webapp/WEB-INF/classes/下面。  
pom.xml中引入的依赖会自动打包到webapp/WEB-INF/lib/里面。(这里因为打包方式是war而不是jar，jar默认是不打包依赖的，war则会打包依赖关系）。  
最后我们要用到的jsp文件放到webapp/下面。  
第一步.添加依赖：

<dependency>
              <groupId>com.test</groupId>
              <artifactId>hello</artifactId>
              <version>1.0-SNAPSHOT</version>							
      </dependency>
      <dependency>
              <groupId>com.test</groupId>
              <artifactId>Database</artifactId>
              <version>1.0-SNAPSHOT</version>
      </dependency>
      
      
       <build>
        <plugins>
                <plugin>
                        <groupId>org.eclipse.jetty</groupId>
                        <artifactId>jetty-maven-plugin</artifactId>
                        <version>9.4.14.v20181114</version>
                </plugin>
        </plugins>
        <finalName>show</finalName>
      </build>

下面就可以在webapp/里面加入一个测试用例了，src/main/webapp/index.jsp:  
这里我用到一个自己的数据表（teacher包含三个字段id,name,title，可以用不同的表，不过要修改相应的数据）

<%@page contentType="text/html;charset=utf-8" import="java.sql.*"%>
    <!DOCTYPE html>
    <html lang="en">
    <head>
            <meta charset="UTF-8">
            <title></title>
            
            <jsp:useBean id="hello" class="com.test.Hello" scope="page"></jsp:useBean>
            <jsp:useBean id="db" class="com.test.Database" scope="page"></jsp:useBean>
    </head>
    <body>
    	
        <p><%=hello.getHello()%></p>
        <p>数据库查询结果：</p>
        <table>
                <tr>
                        <td>ID</td>
                        <td>Name</td>
                        <td>title</td>
                </tr>
                <%
                    String sql = "select * from teacher";				#这里要根据自己的数据库更改
                    String id = "";
                    String name = "";
                    String title = "";
                    ResultSet rs = db.query(sql);
                    try{
                        while(rs.next()){
                           id = rs.getString("id");								＃这里也是
                           name = rs.getString("name");
                           title = rs.getString("title");
                %>
                <tr>
                        <td><%=id%></td>
                        <td><%=name%></td>
                        <td><%=title%></td>
                </tr>
                <%
                        }
                    }catch(Exception e){
                        out.println(e.toString());
                    }
                %>
        </table>
    </body>
    </html>

可以用jetty跑起来看一下了。

mvn jetty:run		 //浏览器中打开 http://localhost:8080/index.jsp就可以看到上面那个页面了。但如果你8080端口被别了程序使用，这个命令就不能正常使用。可以给jetty指定一个端口，用下面的命令。
    mvn -Djetty.port=8089 jetty:run			#浏览器中打开 http://localhost:8089/index.jsp

如果测试正确结果如下（不同数据表，数据会不一样）。![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L211eXZoZXNoYW5n_size_16_color_FFFFFF_t_70]

1.  打包项目：

mvn clean package			//打包

打包完成之后项目下会生成一个target文件。

target/
    ├── classes
    ├── maven-archiver
    │   └── pom.properties
    ├── maven-status
    │   └── maven-compiler-plugin
    │       └── compile
    │           └── default-compile
    │               └── inputFiles.lst
    ├── show
    │   ├── index.jsp
    │   ├── META-INF
    │   └── WEB-INF
    │       ├── classes
    │       ├── lib
    │       │   ├── Database-1.0-SNAPSHOT.jar
    │       │   ├── hello-1.0-SNAPSHOT.jar
    │       │   ├── tomcat-jdbc-9.0.1.jar
    │       │   └── tomcat-juli-9.0.1.jar
    │       └── web.xml
    └── show.war

主要用的文件就show.war。可以看到一个show文件夹,在这里就相当于项目总目录。下面有WEB-INF,里面有我们要用到的依赖、javaBean、servlet等。由于例子里没有用到javaBean所以classes下面没有文件。lib下面是pom.xml中定义的依赖，可以看到里面有两个是前面我们自己写的，有一个jdbc包，最后有一个tomcat用的包。

1.  最后就是把打包好的show.war文件复制到tomcat/webapps/文件夹下面，就可以用浏览器访问了，show.war文件会自动被tomcat检测到并且解压成文件。值得注意的是，访问show项目时要加上项目名字，而不像jetty-plugin中那样直接访问。这个例子中url: [http://localhost:8080/show/index.jsp][http_localhost_8080_show_index.jsp]
2.  问题：有可能你用jetty-plugin可以正常查询数据库，而在tomcat中没法正确查询数据库，出现NullPointerException。  
    刚开始我就碰到这个问题，后来各种网上查询，确定是兼容性问题。第一个想到的办法是更改jdbc版本，但不管用，**无赖只能更改tomcat版本,从原先的tomcat7更换到现在tomcat9问题解决。**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L211eXZoZXNoYW5n_size_16_color_FFFFFF_t_70]: /images/20220329/2fc2e350db9045638f48d6b257b953fd.png
[http_localhost_8080_show_index.jsp]: http://localhost:8080/show/index.jsp