目录
- 一、完整步骤
- 1.创建项目
- 2.配置服务器的参数
- 3.创建控制器
- 3.1 创建文件
- 3.2 编写控制器
- 3.3 扩展：简单登录控制器
- 1.编写后端方法
- 2.编写前端界面
- 4.访问前端
- 4.1 运行主程序
- 4.2 访问对应前端网址
一、完整步骤
1.创建项目
选择项目 Web Spring Web
创建后，发现多了两个文件夹
2.配置服务器的参数
如果单独配置，就是默认配置
在application.properties文件修改配置，我们端口变为8088，我们的控制器都在 /demo 目录下
插曲：
Spring运行后的控制台每次都显示的图标其实是Spring作者打印的Sring，我们还可以自己设置画什么
3.创建控制器
控制器的本质也是实体类，是Java class
3.1 创建文件
在XXXAplication同级目录创建package，名为controller
在该package下创建Java class实体类作控制器（命名便于识别即可）
3.2 编写控制器
声名实体类为控制器
编写方法：
- 编写方法，向前端返回 Hello mvc 字符串
- @RequsetMapping：就是告诉程序这里定义了一个 /hello（注意要与方法名一致），到时候访问http://localhost:8088/demo/hello时，会调用这个方法，页面就返回了 Hello mvc
3.3 扩展：简单登录控制器
1.编写后端方法
在控制器编写后端方法
@RequestMapping("/login")
// 接受前端发来的登录名和密码
public String login(String loginName,String loginPwd){
// 登录后返回用户名和其密码（只是个简单的登录系统）
String msg="loginName:"+loginName+";loginPwd:"+loginPwd;
return msg;
}2.编写前端界面
创建文件
编写内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--添加表单，
action：前端的数据提交给的对象，这里提交给后端的login方法
method：提交的方式
-->
<form action="login" method="post">
<!--添加表-->
<table>
<!-- 第一行，用户名行-->
<tr>
<td>登录名：</td>
<td>
<!--前端输入数据（用户名）：
type="text" ：格式是文本格式，文本格式是可显示的
name="loginName"：传递给login方法里loginName参数
placeholder="账号\邮箱\手机号码" ：文本框的输入提示-->
<input type="text" name="loginName" placeholder="账号\邮箱\手机号码" >
</td>
</tr>
<!--第二行，密码行-->
<tr>
<td>密码：</td>
<td>
<!--前端输入数据（密码）：
type="password" ：格式是密码格式，不可显示的
name="loginPwd"：传递给login方法里loginPwd参数
placeholder="登录密码" ：文本框的输入提示-->
<input type="password" name="loginPwd" placeholder="登录密码" >
</td>
</tr>
<!--第三行，登录按钮-->
<tr>
<td>密码：</td>
<td>
<!--点击名为登陆的按钮，即提交前端的数据到login去，运行后端的login方法-->
<button type="submit">登录</button>
</td>
</tr>
</table>
</form>
</body>
</html>4.访问前端
4.1 运行主程序
注意：
我们的主程序是不会自动停止，需要手动停止
要注意两个关键信息：
一个是端口和项目信息，一个是运行时间
4.2 访问对应前端网址
我们服务器的内容都在 /demo 目录下
- 直接访问后端的hello方法：http://localhost:8088/demo/hello
- 访问login登录页面：http://localhost:8088/demo/login.html
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
