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. docker-compose安装和使用

    安装:https://my.oschina.net/thinwonton/blog/2985886 docker-compose和Dockerfile结合使用,创建django项目和postgres数 ...

  2. 在 Spring AOP 中，关注点和横切关注的区别是什么？

    关注点是应用中一个模块的行为,一个关注点可能会被定义成一个我们想实现的 一个功能. 横切关注点是一个关注点,此关注点是整个应用都会使用的功能,并影响整个应 用,比如日志,安全和数据传输,几乎应用的每个 ...

  3. 【leetcode 29】 两数相除（中等）

    题目描述 给定两个整数,被除数 dividend 和除数 divisor.将两数相除,要求不使用乘法.除法和 mod 运算符. 返回被除数 dividend 除以除数 divisor 得到的商. 整数 ...

  4. js如何获取iframe页面内的对象

    简单介绍iframe标签,所有的浏览器都支持<iframe>标签,iframe 元素会创建包含另外一个文档的内联框架(即行内框架).通常我们常用的iframe标签的属性有:width(if ...

  5. A Beginner’s Introduction to CSS Animation中文版

    现在越来越多的网站正在使用动画,无论是以GIF,SVG,WebGL,背景视频等形式. 当正确使用时,网络上的动画带来生机和交互性,为用户增添了额外的反馈和体验. 在本教程中,我将向您介绍CSS动画; ...

  6. 《深入理解ES6》笔记—— JavaScript中的类class（9）

    ES5中的近类结构 ES5以及之前的版本,没有类的概念,但是聪明的JavaScript开发者,为了实现面向对象,创建了特殊的近类结构. ES5中创建类的方法:新建一个构造函数,定义一个方法并且赋值给构 ...

  7. Linux 0.11源码阅读笔记-总结

    总结 Linux 0.11主要包含文件管理和进程管理两个部分.进程管理包括内存管理.进程管理.进程间通信模块.文件管理包含磁盘文件系统,打开文件内存数据.磁盘文件系统包括空闲磁盘块管理,文件数据块的管 ...

  8. CSS简单样式练习（七）

    运行效果: 源代码: 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta char ...

  9. 微信h5静默和非静默授权获取用户openId和用户信息的方法和步骤:

    原文链接:https://blog.csdn.net/qq_35430000/article/details/79299529 一.openId是什么?openId是用户在当前公众号下的唯一标识('身 ...

  10. 在vue中实现点击哪个哪个区域变化背景色和字体颜色，其他默认(uni-app框架中也可以使用)

    template: 1 <view class="wrap"> 2 <view class="total" :class="{ se ...