数据库大实验进度----第二周

在java实现的过程中,发现用到了好多注解,着手有点小乱,这里先针对几个常见的注解分析一下!

  1. @RequestMapping

使用@RequestMapping 注解映射请求路径

在对Spring MVC进行配置的时候,需要指定请求与处理方法之间的映射关系。要配置Web请求的映射,需要用上@RequestMapping注解

@RequestMapping注解可以在控制器类的级别或其中的方法级别上使用

在这里插入图片描述

(1)如果我输入“http://localhost/student/”,就会来到查找全部学生的页面,因为查找全部学生的@RequestMapping后面没有参数
(2)如果输入“http://localhost/student/addBefore/”,就会来到添加页面,因为添加页面的@RequestMapping后面的参数为“addBefore”

可以使用@RequestMapping注解来将请求URL映射到整个类上。
或某个特定的方法上,即@RequestMapping 既可以定义在类上,也可以定义方法上。

@RequestMapping有8个属性。

value:指定请求的实际地址。

method:指定请求的method类型(GET,POST,PUT,DELETE)等。

consumes:指定处理请求的提交内容类型(Context-Type)。

produces:指定返回的内容类型,还可以设置返回值的字符编码。

params:指定request中必须包含某些参数值,才让该方法处理。

headers:指定request中必须包含某些指定的header值,才让该方法处理请求。

  1. @getMapping与@postMapping

@getMapping与@postMapping是组合注解

@getMapping = @requestMapping(method = RequestMethod.GET)。

@postMapping = @requestMapping(method = RequestMethod.POST)。

参考

登录页面

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
<form action="/login" method="post">
    <input name="username" type="text" placeholder="请输入用户名">
    <input name="password" type="password" placeholder="请输入密码">
    <input type="submit" value="提交">
</form>
<div id="list">
</div>
</body>
<script>
    let htmlliElement = document.createElement("li")
    let student = req.student
    let name = document.createElement("ol")
    name.innerText = "学生姓名:" + student.name
    htmlliElement.appendChild(name)
    let no = document.createElement("ol")
    no.innerText = "学生学号:" + student.no
    htmlliElement.appendChild(no)
    document.getElementById("list").appendChild(htmlliElement)
</script>
</html>

需要注意的一点是:如果前端向后台发送数据,需要使用双标签
在这里插入图片描述
就像这样一样!!

还有添加学生信息:(页面是这样的)
在这里插入图片描述

<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加</title>
</head>
<body>

<form action="/student/add" method="post">
    <div>
        <table>
            <tr>
                <td>请输入你要添加的学生信息!</td>
            </tr>
        </table>

    </div>
    <div>
        <table>
            <tr>
                <td>姓名:</td>
                <td><input type="text" name="name" placeholder="学生姓名"></td>
            </tr>
            <tr>
                <td>学号:</td>
                <td><input type="text" name="no" placeholder="学号"></td>
            </tr>
            <tr>
                <td>生日:</td>
                <td><input type="date" name="birthday" placeholder="生日"></td>
            </tr>
            <tr>
                <td>入学时间:</td>
                <td><input type="date" name="enrollmentDate" placeholder="入学时间"></td>
            </tr>
            <tr>
                <td>性别:</td>
                <td><input type="text" name="gender" placeholder="性别"></td>
            </tr>
            <tr>
                <td>专业:</td>
                <td><input type="text" name="major" placeholder="专业"></td>
            </tr>
        </table>
    </div>
    <div>
        <div>

            <input type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;"/>
            <input type="reset" value="&nbsp;&nbsp;重置&nbsp;&nbsp;"/>
        </div>
    </div>
</form>
</body>
</html>

然后在后端还需要映射一下:
在这里插入图片描述
addBefore是指添加之前的页面,
添加学生的操作是父类封装好的,直接调用就可以啦!!

这次做实验特别惊险的一点是,我在清理电脑内存的时
候,手一滑把项目都给删了,啊啊啊,差点体验绝望,不过还好!!我在码云上上传了一份,完美的拉下来啦啊哈哈哈!!大家做完项目一定要及时上传啊。。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值