安装thymeleaf插件以及实现用户注册的请求

最新推荐文章于 2022-07-08 18:16:39 发布

weixin_30917213

最新推荐文章于 2022-07-08 18:16:39 发布

阅读量517

点赞数

文章标签：开发工具 java 数据库

原文链接：http://www.cnblogs.com/jiguiyan/p/11289776.html

版权

分析用户的注册以及使用的技术：

使用thymeleaf代替jsp进行提交表单，进行书写user的实体，并且到数据库中进行添加user对象，使用spring Data JPA与jpa进行整合，需要使用CrudRepository接口

使用Thymeleaf修改html页面

导入Thymeleaf：

<html  xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultrag.net.nz/thymeleaf/layout">

需在application.properties中进行声明一下：

#Tymeleaf 编码
spring.thymeleaf.encoding=UTF-8
#热部署静态文件
spring.thymeleaf.cache=false
#使用HTML5的标准
spring.thymeleaf.mode=HTML5

安装Thymeleaf插件

在help的下拉列表中点击Eclipse MarketPlace,搜索thymeleaf即可点击install进行安装该插件

安装完成后重启Eclipse ，即可安装成功

在html中需要引入thymeleaf

安装成功后就可以在form表单中输入th：Alt+/ 会出现很多相应的提示：

thyemele

<form action="" th:action="@{~/user/register}"  method="post">

其中"@{~/user/register}"相当于是这样：

${ pageContext.request.context}/user/register

实现用户注册请求

首先修改用户注册的HTML：

<!-- 会员注册 -->
            <form action="" th:action="@{~/user/register.action}"   method="post">
            <div id='regist_container' style="display: none;">
                <div id="lab1">
                    <span id="lab_login">会员注册</span>
                    <span id="lab_toLogin">
                        &emsp;已有账号&nbsp;
                        <span id='toLogin' style="color: #EB9316;cursor: pointer;">立即登录</span>
                    </span>
                </div>
                <div id="form_container2" style="padding-top: 25px;">
                    
                    <input type="text" class="form-control" value="admin"  placeholder="用户名" id="regist_account"/>
                    <input type="password" class="form-control" placeholder="密码" id="regist_password1" />
                    <input type="password" class="form-control" placeholder="确认密码" id="regist_password2" />
                    <input type="text" class="form-control" placeholder="手机号" id="regist_phone" />
                    <input type="text" class="form-control" placeholder="验证码" id="regist_vcode" />
                    <!--<button id="getVCode" type="button" class="btn btn-success" >获取验证码</button>-->
                    <input id="getVCode" type="button" class="btn btn-success" value="点击发送验证码" οnclick="sendCode(this)" />

                </div>
                <input type="submit" value="注册" class="btn btn-success" id="regist_btn" />
            </div>
            </form>

在UserController.java中加入：

@RequestMapping("/user/register.action")
    
    public ModelAndView  register() {
        System.out.println("register函数已经运行！！");
        
        
        return new ModelAndView("redirect：/index.action");//使用了重定向进行返回到index.html
        
        
        
    }

在浏览器中的显示效果以及在console的输出：

转载于:https://www.cnblogs.com/jiguiyan/p/11289776.html

weixin_30917213

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
安装thymeleaf插件以及实现用户注册的请求

分析用户的注册以及使用的技术：使用thymeleaf代替jsp进行提交表单，进行书写user的实体，并且到数据库中进行添加user对象，使用spring Data JPA与jpa进行整合，需要使用CrudRepository接口使用Thymeleaf修改html页面导入Thymeleaf：<html xmlns:th="http://www.thy...
复制链接

扫一扫