SpringBoot从0到0.7——第二天

　　

今天来搭建一个登陆界面进行跳转，不带有数据库，看似就很简单的一个界面，却让我学习了好长时间去了解学习他的原理，能看懂的话还是尽量去看源码。

首先创建一个项目，添加Spring Web 和 模板引擎

添加模板引擎的第二种方法，在pom.xml里面添加

<dependency>

      <groupId>org.springframework.boot</groupId>

      <artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

添加网页，在resources下的templates创建html网页

打开login.html开始编辑，index.php作为成功界面

开始创建controller包，并在包下创建MyController类，创建Http接口

 运行代码看看情况如何

 输入正确

 输入错误没有任何提示，所以我们要增加一个提示，在login.html里面加上一行代码

    <p style="color:red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>

看一下效果，输入错误后他会提示错误

login.html代码 

<!DOCTYPE html>

<!DOCTYPE html >

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8">

    <title>登录界面</title>

</head>

<body>

<form th:action="index.html" >

    <label>

        输入账号：<input type="text" name="username" />

    </label>

    <hr>

    <label>

        输入密码：<input type="password" name="password" />

    </label>

    <hr>

    <p style="color:red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>

    <label>

        <input type="submit" th:value="确定"  />

    </label>

    <hr>

</form>

</body>

</html>

　

MyController代码

package com.example.demo.controller;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestParam;

import org.thymeleaf.util.StringUtils;

@Controller

public class MyController {

    //login

    @RequestMapping("/login")

    public String login(){

        return "login";

    }

    //跳转验证

    @RequestMapping({"/","/index.html"})

    public String login(

            @RequestParam("username") String username,

            @RequestParam("password")  String password,

            Model model) {

        if (!StringUtils.isEmpty(username) && !StringUtils.isEmpty(username) &&

                "admin".equals(username) && "admin".equals(password)) {

            return "index";

        } else {

            model.addAttribute( "msg", "用户名或密码错误");

            return "login";

        }

    }

}

　　

　　

SpringBoot从0到0.7——第二天的更多相关文章

  1. SpringBoot从0到0.7——第一天

    SpringBoot从0到0.7--第一天 学习的第一步当然是收拾好心情,先把环境搭建起来,写出第一个helloword出来. 第一步:安装IDEA和Tomcat 我安装的是IDEA 2021.2.2 ...

  2. Laxcus大数据管理系统2.0（5）- 第二章 数据组织

    第二章 数据组织 在数据的组织结构设计上,Laxcus严格遵循数据和数据描述分离的原则,这个理念与关系数据库完全一致.在此基础上,为了保证大规模数据存取和计算的需要,我们设计了大量新的数据处理技术.同 ...

  3. 《Unity3D/2D游戏开发从0到1（第二版本）》 书稿完结总结

    前几天,个人著作<Unity3D/2D游戏开发从0到1(第二版)>经过七八个月的技术准备以及近3个月的日夜编写,在十一长假后终于完稿.今天抽出一点时间来,给广大热心小伙伴们汇报一下书籍概况 ...

  4. springboot+spring security +oauth2.0 demo搭建（password模式）（认证授权端与资源服务端分离的形式）

    项目security_simple(认证授权项目) 1.新建springboot项目 这儿选择springboot版本我选择的是2.0.6 点击finish后完成项目的创建 2.引入maven依赖  ...

  5. springboot 升级到2.0后 context-path 配置 不起作用，不生效 不管用 皆是因为版本改动导致的在这里记录一下

    不知不觉,新的项目已经将springboot升级为2.0版本了.刚开始没有配置server.contextpath,默认的“/”,然后今天放到自己的服务器上,所以就要规范名称.  结果,失败了,无论我 ...

  6. springboot升级到2.0后context-path配置不起作用

    springboot升级到2.0后,context-path配置不起作用,改成了: server.servlet.context-path=/projname

  7. Laxcus大数据操作系统2.0（5）- 第二章 数据组织

    第二章 数据组织 在数据的组织结构设计上,Laxcus严格遵循数据和数据描述分离的原则,这个理念与关系数据库完全一致.在此基础上,为了保证大规模数据存取和计算的需要,我们设计了大量新的数据处理技术.同 ...

  8. 解决vcenter 6.0 vcsa安装插件第二个的时候报错的问题

    解决vcenter 6.0 vcsa安装插件第二个的时候报错的问题 需要打一下windows 的Microsoft v C++ 2013的2个补丁就可以正常运行了. 然后在后续安装过程中,到达最后一步 ...

  9. SpringBoot从0到0.7——第四天

    SpringBoot从0到0.7--第四天 今天进行实战开发一个小项目,SpringBoot和Thymeleaf集成的小项目 因为懒得写写前端,直接找的别人的项目在它的的基础上进行配置,进行修改.gi ...

随机推荐

  1. 简述 Mybatis 的插件运行原理，以及如何编写一个插件。

    Mybatis 仅可以编写针对 ParameterHandler.ResultSetHandler. StatementHandler.Executor 这 4 种接口的插件,Mybatis 使用 J ...

  2. 学习k8s（四）

    1.K8S核心组件 1.Master节点: etcd: 分布式键值对数据库,保存集群状态 api-server: 接受并响应用户的请求 controller: 控制器管理,控制容器的副本数,故障检测 ...

  3. vue中基于sortablejs与el-upload实现文件上传后拖拽排序

    今天做冒烟测试的时候发现商品发布有一个拖拽图片排序功能没做,赶紧加上 之前别的同事基于 vuedraggable 实现过这个功能,我这里自己深度封装了 el-upload ,用这种方式改动很大,而且感 ...

  4. 以太网EMC(浪涌）中心抽头方案（节约空间）

  5. 一个html标签到底包含了多少信息(1)

    先来看一段代码: var dom = document.querySelector('body'); for(var i in dom){ console.log(i,dom[i]) } 可以看到很多 ...

  6. Mybatis 多表实现多对一查询、添加操作

    Mybatis 多表实现多对一查询.添加操作 学习内容: 1. 多对一之添加操作 1.1.需求 1.2.数据库表(多对一或一对多,数据库外键都是设置在多的一方) 1.3.类设计 1.4.Mapper ...

  7. DOM节点详解

    @ 目录 学习总结 1. 什么是 DOM 2. HTMLDOM 3. 元素获取 元素获取方式: 元素节点的属性操作 4. Node 对象的属性和方法 常用属性 常用方法 5. 事件处理 事件驱动编程 ...

  8. table表格做出圆角效果

    采用border-radius 这个属性的时候在chrome里面没有圆角,倒是在IE里面有圆角. 不知道是不是没有写webkie 前缀,但是加上一段神奇的代码overflow:hidden的是时候在c ...

  9. 安装scrapy速度慢解决方案

    使用终端pip安装scrapy龟速 解决方案: 使用清华源下载 清华园链接 https://mirrors.tuna.tsinghua.edu.cn/help/pypi/ win+R打开cmd 输入p ...

  10. Ubuntu系统报错The system is running in low-graphics mode

    Ubuntu系统报错:The system is running in low-graphics mode 我遇到过两次这种请况,这次解决了.很nice! 在csdn上搜到的大部分操作是: 鼠标进入系 ...