Maven的使用

二十多岁想退休

2024-04-29 帮助1人

一、相关应用介绍

Maven简介

1.1浅谈Maven理解

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

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

1.2tomcat简介

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

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

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

IDEA部署tomcat

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

2.在IDEA中选择：

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

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

IDEA创建JavaWeb项目

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

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

选择本地安装的Maven路径

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

在IDEA中发布web项目

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

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

选择刚刚配置好的tomcat

点击Deployment部署项目

项目部署完成，启动tomcat

页面成功显示

三、有关Servelt

为什么使用Servelt

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

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

使用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="提交">    <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="提交">    <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

为什么使用JavaScript语言

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

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>

实现效果

这篇好文章是转载于：学新通技术网

Maven的使用

一、相关应用介绍

Maven简介

1.1浅谈Maven理解

1.2tomcat简介

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

IDEA部署tomcat

IDEA创建JavaWeb项目

在IDEA中发布web项目

三、有关Servelt

为什么使用Servelt

使用Servelt实现需求

四、JavaScript

为什么使用JavaScript语言

JavaScript语言具体的实现

3.函数

1.函数的基本用法

2.事件

2.1事件的注册方式

3.实现

photoshop保存的图片太大微信发不了怎么办

《学习通》视频自动暂停处理方法

word里面弄一个表格后上面的标题会跑到下面怎么办

Android 11 保存文件到外部存储，并分享文件

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

TikTok加速器哪个好免费的TK加速器推荐

怎样阻止微信小程序自动打开