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. 四、Springboot+jpa+mycat应用

    一.后台配置文件 # 连接地址 url: jdbc:mysql://127.0.0.1:8066/CHUNK?useUnicode=true&characterEncoding=utf-8&a ...

  2. Redis 的同步机制了解么？

    Redis 可以使用主从同步,从从同步.第一次同步时,主节点做一次 bgsave, 并同时将后续修改操作记录到内存 buffer,待完成后将 rdb 文件全量同步到复制 节点,复制节点接受完成后将 r ...

  3. 构造器constructor是否可被重写override？

    构造器不能被继承,因此不能被重写,但可以被重载.

  4. Failed to write HTTP message，Could not write JSON错误

    今天遇到使用@ResponseBody注解返回json数据时报错 Failed to write HTTP message: org.springframework.http.converter.Ht ...

  5. npm run start 后台运行

    yum provides */nohup nohup npm start & 原程序的的标准输出被自动改向到当前目录下的nohup.out文件,起到了log的作用. 停止程序   ps -ef ...

  6. Pandas数据统计函数

    Pandas数据统计函数 汇总类统计 唯一去重和按值计数 相关系数和协方差 0.读取csv数据 1.汇总类统计 2.唯一去重和按值计数 2.1 唯一性去重 一般不用于数值列,而是枚举.分类列 2.2 ...

  7. Unity中让Update中的方法执行一次

    Unity中让Update中的方法执行一次 Unity中,很多时候,代码需要放在Update中时刻监测状态,一旦状态符合,又只需要代码执行一次:其实可以通过设置控制量的方式,让代码只执行一次:方法:设 ...

  8. Linux 0.11源码阅读笔记-内存管理

    内存管理 Linux内核使用段页式内存管理方式. 内存池 物理页:物理空闲内存被划分为固定大小(4k)的页 内存池:所有空闲物理页组成内存池,以页为单位进行分配回收.并通过位图记录了每个物理页是否空闲 ...

  9. python爬虫---表情包批量采集

    代码: import requests from pyquery import PyQuery as pq # 比xpath还要灵活的html解析工具 # 定义请求 headers = { " ...

  10. 微信小程序发送验证码功能，验证码倒计时

    data{ timer:'', countDownNum:'发送验证码', } // 点击验证码倒计时获取验证码 Gain:function(e){ let that = this let count ...