Maven的使用

已于 2023-02-22 15:44:08 修改
阅读量1k 收藏
点赞数
分类专栏： 前端 文章标签： java maven html tomcat intellij-idea Powered by 金山文档
于 2023-02-15 22:01:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53203951/article/details/129050488
版权

一、相关应用介绍

  1. Maven简介

1.1浅谈Maven理解

Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。Maven的过程：构建项目->维护依赖->编译 打包 发布应用。

就像我们自己做饭一样，我想做一道菜，要买盐，食材，调料等，这样购买起来比较麻烦，所以如果有一家商店可以直接购买到打包好的材料，直接放到锅里就可以，Maven就像是这个商店，他把我们程序所需要的各种jar包、依赖关系等，都写入到了配置文件中，我们直接对配置文件进行相应的修改就可以。

1.2tomcat简介

简单总结下，tomcat是一个中间件，在B/S架构中，浏览器发出的http请求经过tpmcat中间件，转发到最终的目的服务器上，响应消息再通过tomcat返回给浏览器。

tomcat所做的事情主要有：开启监听端口监听用户的请求，解析用户发来的http请求然后访问到你指定的应用系统，然后你返回的页面经过tomcat返回给用户。

二、部署tomcat、创建Java Web项目

  1. IDEA部署tomcat

1.将网络下载好的tomcat文件解压放在硬盘中。

2.在IDEA中选择：

Configure > Setting > Build,Execution,Deployment > Application Servers >Tomcat Server

3.然后选择tomcat的安装位置

  1. IDEA创建JavaWeb项目

新建一个Maven项目，IDEA中选择File > new project > Maven 选择图下所示内容

让后填写项目的名称，项目路径

选择本地安装的Maven路径

创建好项目之后，手动创建java文件夹和resources文件（如果有则不需要创建）

  1. 在IDEA中发布web项目

点击右上角的 点击Add Configuration按钮 新版为 Edit Configuration

添加一个新的配置，选择好Tomcat配置项

选择刚刚配置好的tomcat

点击Deployment部署项目

项目部署完成，启动tomcat

页面成功显示

三、有关Servelt

  1. 为什么使用Servelt

Serlvet是以java技术为基础，运行于服务器端的应用程序组件。它处理请求信息，并将结果发送到客户端。Servlet的客户端可以提出请求并获得该请求的响应，客户端可以是任何Java程序、浏览器或设备。

Servlet的主要功能： 根据客户端请求动态返回整个HTML页面 可以与服务器上的其他资源进行通信，包括数据库、其他java应用程序以及使用其他语言编写的应用程序。 处理与多个web客户端的连接，接收来自多个web客户端输入的信息，并将结果发送到相应的web客户端。 响应对web客户端上applet的个别连接，并保持连接处理找开状态，允许在这个单一连接上进行多种数据传递。

  1. 使用Servelt实现需求

需求分析

在页面实现注册功能，将信息写入到数据库中

实现注册后的登录功能

前端页面

登录的页面的设计

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="login" method="post">
    用户名：<input type="text" name="username"><br>
    密码： <input type="password" name="passwd1"><br>
    <input type="submit" value="提交">&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="重置">
</form>
</body>
</html>

使用Servelt时，我们提交的表单，所以我们要在表单中添加动作，<form action = "login">其中login字段是与java代码中webservlet相对应。post则是请求方式，请求方式有增删改查，对应着put、delete、post、get；其中put、delete、post统称为post，如果不设置请求方式的话，那么在地址栏中会显示出自己的用户名、密码，影响隐私。

注册页面的设计

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>11111</title>
</head>
<body>
    <form action="register" method="post">
      用户名：<input type="text" name="username"><br>
      密码： <input type="password" name="passwd1"><br>
      确认密码：<input type="password" name="passwd2"><br>
      <input type="submit" value="提交">&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="重置">
    </form>
</body>
</html>

实体类的设计

package com.m.enity;

public class Mtest {
    private int id;
    private String username;
    private String passwd;

    public Mtest() {
    }
    public Mtest(int id, String username, String passwd) {
        this.id = id;
        this.username = username;
        this.passwd = passwd;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPasswd() {
        return passwd;
    }

    public void setPasswd(String passwd) {
        this.passwd = passwd;
    }
}

Dao层的设计

package com.m.dao;

import JDBC.Jdbc;
import com.m.enity.Mtest;

import java.sql.ResultSet;

public class MtestDao extends Jdbc {
    public int adduser(String username,String  passwd){
        int i = 0;
        String sql = "insert into mtest(username,passwd) values('" + username +"','"+passwd +"')";
        System.out.println(sql);
        try {
            i = this.update(sql);
        } catch (Exception e) {
            throw new RuntimeException(e);
        }
        return i;
    }
    public Mtest logins(String username, String passwd1){
       Mtest m = null;
        ResultSet rs = null;
        String sql = "select * from mtest where username='"+username+"' and passwd='"+passwd1+"'";
        try {
            rs = this.find(sql);
            while (rs.next()) {
                m = new Mtest(rs.getInt("id"),rs.getString("username"),rs.getString("passwd") );
            }

        } catch (Exception e) {
            throw new RuntimeException(e);
        }
        return m;
    }
}

登录Server层的设计

package com.m.server;

import com.m.dao.MtestDao;
import com.m.enity.Mtest;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet(value = "/login")
public class LoginServer extends HttpServlet {
    MtestDao md = new MtestDao();
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("UTF-8");
        resp.setCharacterEncoding("UTF-8");
        resp.setContentType("text/html;charset=utf-8");
        String username = req.getParameter("username");
        String password = req.getParameter("passwd1");
        Mtest m = null;
                m = this.md.logins(username, password);
        if(m == null){
            resp.getWriter().write("登录失败");
        }else {
            resp.getWriter().write("登录成功！/");
        }
    }
}

注册Server层的设计

package com.m.server;

import com.m.dao.MtestDao;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/register")
public class MtestServer extends HttpServlet {

    MtestDao md = new MtestDao();

    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("UTF-8");
        resp.setCharacterEncoding("UTF-8");
        resp.setContentType("text/html;charset=utf-8");

        String username = req.getParameter("username");
        String passwd1 = req.getParameter("passwd1");
        String passwd2 = req.getParameter("passwd2");

        if(passwd1.equals(passwd2)){
            this.md.adduser(username,passwd1);
            resp.getWriter().println("注册成功！");
        }else{
            resp.getWriter().println("注册失败！");
        }
    }
}

Server层继承自HttpServlet，重写其中的service方法，其中req是输入，将页面的表单信息送入到我的java程序中，resp是输出，将我的内容写入到页面上。

前文提到的@WebServlet("/register")；则会响应到对应的java代码

四、JavaScript

  1. 为什么使用JavaScript语言

JavaScript用于控制网页内容，实现网页浏览者与网页内容之间的交互，这种交互的实现直接发生在客户端，并不需要与Web服务器之间进行数据通信，因此将获得极高的响应速度。

  1. JavaScript语言具体的实现

JS可以卸载HTML的任意位置中，使用< scipt>< /script>标签将JavaScript脚本，嵌入到页面中。当游览器读取到网页中的< script>标签时，将以指定脚本语言的方式解释执行，而不是以普通的HTML文本进行处理。

实现的方式有两种：

a.直接嵌入

<script type="text/javascript">
       document.write("欢迎使用JavaScript编写页面特效")
   </script>

b.使用外部JavaScript文件

使用外部JavaScript文件就是以单独的文件存放JavaScript代码，并将其后缀命名为.js。一般会创建一个js文件夹用来存放外部js文件，外部js文件的名称和对应的网页名称相同

步骤：
  a、创建外部js文件
  b、在html页面中引用外部js文件
    <script language=“javascript” src="外部js文件">

3.函数

1.函数的基本用法

在javascript中定义函数必须以function关键字开头。

语法:
  function  函数名(参数列表){
    函数代码块
    [return 表达式]
  }

函数的表达式

JavaScript的函数也是一个对象，上述定义的函数实际上是一个函数对象，而函数名可以视为指向该函数的变量

语法:
left f = function(参数列表){
            函数体
         有返回值，直接使用return  value;
  };
调用函数:
  f(参数);

在这种方式下，function (x) { … }是一个匿名函数，它没有函数名。这个匿名函数赋值给了变量f，所以，通过变量f就可以调用该函数。 调用函数 f();

箭头函数

//箭头函数
let f =(num)=>{
     console.log(num);
};
//调用函数
f(10);

2.事件

JavaScript是基本对象、采用事件驱动的脚本语言。在DOM模型中，通过鼠标或按钮在浏览器窗口或网页上执行的操作称为事件(event)。例如用鼠标单击网页上的某个按钮，则该按钮发生了鼠标的单击事件，按钮就是事件源。事件不仅产生于与用户交互的过程中，还产生于浏览器的自身动作。例如浏览器载入页面时会发生load事件，关闭页面时会发生unload事件。如果将一段程序与各件事件源发生的事件相关联，事件发生时，浏览器将自动执行相关联的程序代码，执行的过程即为事件驱动。 对事件进行处理的程序或函数，被称为事件处理程序，它是响应事件的动作。通常情况下，处理事件的程序被封装到函数中，然后将函数与对象事件关联在一起。

2.1事件的注册方式

2.1.1标签中定义事件

<input type=”button” onclick=”sayHi()” value=”sayHi”/>
<script type="text/javascript">
    function sayHi(){
        alert("hello");
    }
</script>

2.1.2通过不同的时间属性定义事件

<input type=”button” id="btn" value=”sayHi”/>
<script type="text/javascript">
    document.getElementById("btn").onclick=function(){
        alert("hello");
    }
</script>

2.1.3通过addEventListener定义事件

<body>
    <button id="btn">say hi</button>
</body>
<script type="text/javascript">
    document.getElementById("btn").addEventListener("click", function(){
        console.log("目标元素被点击了");
    });
</script>

3.实现

要求：通过点击事件，让屏幕中的数字累计

<!DOCTYPE html>
<html>
    <body>
        <div id="num"></div>
        <button onclick="doAdd()">累加分数</button>
    </body>
    <script type="text/javascript">
        document.getElementById("num").innerText = 0;
        
        function doAdd(){
            var num = document.getElementById("num").innerHTML;
            document.getElementById("num").innerText = parseInt(num) + 1;
        }
    </script>
</html>

实现效果

二十多岁想退休
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Maven使用教程（IDEA版）
成功在于坚持！
05-03 1万+
Maven从零基础到实战开发教程，最适合小白学习的教程 内容涵盖Maven的介绍、使用、关联IDEA及私服的搭建！
Maven使用教程
08-15
Maven的使用教程，其中包括：maven项目开发中的问题及解决方案，maven安装与配置等
Servlet——简单用户登录实例+http协议解析
Gavin
04-22 9677
本文写了一个简单的用户登录，并且介绍了http协议，主要介绍了http消息头和响应头。最后介绍了几个使用http响应头的例子。
超级详细的Maven使用教程
热门推荐
进修的CODER
08-13 23万+
什么是Maven？ 如今我们构建一个项目需要用到很多第三方的类库，如写一个使用Spring的Web项目就需要引入大量的jar包。一个项目Jar包的数量之多往往让我们瞠目结舌，并且Jar包之间的关系错综复杂，一个Jar包往往又会引用其他Jar包，缺少任何一个Jar包都会导致项目编译失败。 以往开发项目时，程序员往往需要花较多的精力在引用Jar包搭建项目环境上，而这一项工作尤为艰难，少一个Jar包...
maven使用本地仓库作为远程仓库使用
ITgagaga的博客
03-02 5968
maven使用本地仓库作为远程仓库使用 说明：在内网环境，没有搭建私服。将本地的maven库作为远程仓库使用，即强制使用本地仓库 1.查看现有的本地仓库的依赖包的下载来源的镜像id 查看本地maven库中下载的jar，同级目录的_remote.repositories 文件，此文件中有仓库id，注意如果在你的settings.xml中配置了多个mirror，那这个镜像id就有多个。 2. 配置自己内网环境中的maven的settings.xml文件 注意：如果查看到的镜像Id有多个，这里的mirror也要
配置maven使用本地仓库
秋枫萧竹的博客
10-09 1万+
配置maven使用本地仓库
java sonar结合maven使用
qq_27759825的博客
08-29 6026
sonar在maven中最简单应用
maven使用国内镜像源下载（两种方式）
m0_63648668的博客
03-06 6426
构建运行部署：构建工具：maven其中，maven主路径可以是idea自带的，也可以是自己去网上下载的，并不影响镜像源配置。重要的是用户设置文件。
Maven使用本地jar包（三种方式）
测试开发小白变怪兽
08-30 4万+
有些项目会用到一些Maven库上没有的jar包，这就需要我们自己引入了。 这种情况有三种办法： 第一种方式，在pom文件中引用时使用本地路径： 首先把jar包放到项目中： 然后在pom文件中引入： <dependency> <groupId>com.aliyun</groupId> <artifactId>sdk.core</artifactId> <version>3.3.1</version> <scop
Eclipse使用Maven
cuixubin的专栏
08-04 4402
本文对Eclipse使用Maven的常用配置和场景进行了介绍，包括：1）Eclipse创建maven基础项目；2）Eclipse使用maven命令；3）Eclipse创建maven的web项目；4）Eclipse导入maven项目。
Maven使用阿里云镜像
Good Luck
10-15 8万+
setting.xml <mirrors> <mirror> <id>alimaven</id> <name>aliyun maven</name> <url>http://maven.aliyun.com/nexus/content/groups/public/&lt...
maven使用
06-27
maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用maven使用...
MAVEN使用文档
11-16
apache-maven-3.0.5配合eclipse使用说明文档
Maven使用简介.zip
06-02
Maven使用简介
Maven使用.pdf
05-16
Maven简单使用说明
自制植物大战僵尸：HTML5与JavaScript实现的简单游戏
m0_73367097的博客
06-08 1913
自制植物大战僵尸
简单的项目部署脚本（转载）
u010230019的博客
06-09 608
有些项目团队喜欢使用docker启动java服务,那么我们同样可以将上述脚本稍做改造,来实现基于shell+docker的简单项目部署能力。可以将核心节点的错误或者失败内容通过webhook发送到对应的告警平台,比如钉钉、飞书机器人等。把~/.ssh/id_rsa.pub内容添加到远程仓库的ssh秘钥中。执行start.sh脚本打包部署。start.sh脚本内容。
Java——简单图书管理系统
最新发布
m0_74100417的博客
06-09 1256
数据类型变量iffor数组方法类和对象封装继承多态抽象类和接口今天就是把上述知识点全部都用起来 图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理系统图书管理
修改菜品——后端Java
weixin_53717695的博客
06-09 415
修改菜品——后端Java
maven 使用getbundle错误
09-06
当在Maven项目中使用getbundle方法时出现错误，可能是由于以下几个原因导致的： 1. 依赖问题：在Maven项目中使用getbundle方法时，可能未正确添加相关的依赖项。getbundle方法一般用于获取外部的bundle（软件包），...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值