Maven的使用
一、相关应用介绍
1.1浅谈Maven理解
Maven是一个项目管理工具,它包含了一个对象模型。一组标准集合,一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。Maven的过程:构建项目->维护依赖->编译 打包 发布应用。
就像我们自己做饭一样,我想做一道菜,要买盐,食材,调料等,这样购买起来比较麻烦,所以如果有一家商店可以直接购买到打包好的材料,直接放到锅里就可以,Maven就像是这个商店,他把我们程序所需要的各种jar包、依赖关系等,都写入到了配置文件中,我们直接对配置文件进行相应的修改就可以。
1.2tomcat简介
简单总结下,tomcat是一个中间件,在B/S架构中,浏览器发出的http请求经过tpmcat中间件,转发到最终的目的服务器上,响应消息再通过tomcat返回给浏览器。
tomcat所做的事情主要有:开启监听端口监听用户的请求,解析用户发来的http请求然后访问到你指定的应用系统,然后你返回的页面经过tomcat返回给用户。
二、部署tomcat、创建Java Web项目
1.将网络下载好的tomcat文件解压放在硬盘中。
2.在IDEA中选择:
Configure > Setting > Build,Execution,Deployment > Application Servers >Tomcat Server
3.然后选择tomcat的安装位置
新建一个Maven项目,IDEA中选择File > new project > Maven 选择图下所示内容
让后填写项目的名称,项目路径
选择本地安装的Maven路径
创建好项目之后,手动创建java文件夹和resources文件(如果有则不需要创建)
点击右上角的 点击Add Configuration按钮 新版为 Edit Configuration
添加一个新的配置,选择好Tomcat配置项
选择刚刚配置好的tomcat
点击Deployment部署项目
项目部署完成,启动tomcat
页面成功显示
三、有关Servelt
Serlvet是以java技术为基础,运行于服务器端的应用程序组件。它处理请求信息,并将结果发送到客户端。Servlet的客户端可以提出请求并获得该请求的响应,客户端可以是任何Java程序、浏览器或设备。
Servlet的主要功能: 根据客户端请求动态返回整个HTML页面 可以与服务器上的其他资源进行通信,包括数据库、其他java应用程序以及使用其他语言编写的应用程序。 处理与多个web客户端的连接,接收来自多个web客户端输入的信息,并将结果发送到相应的web客户端。 响应对web客户端上applet的个别连接,并保持连接处理找开状态,允许在这个单一连接上进行多种数据传递。
需求分析
在页面实现注册功能,将信息写入到数据库中
实现注册后的登录功能
前端页面
登录的页面的设计
-
<!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;
-
-
-
public class LoginServer extends HttpServlet {
-
MtestDao md = new MtestDao();
-
-
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;
-
-
-
public class MtestServer extends HttpServlet {
-
-
MtestDao md = new MtestDao();
-
-
-
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用于控制网页内容,实现网页浏览者与网页内容之间的交互,这种交互的实现直接发生在客户端,并不需要与Web服务器之间进行数据通信,因此将获得极高的响应速度。
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>
实现效果
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhghchkg
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13