zoukankan      html  css  js  c++  java
  • 安装thymeleaf插件以及实现用户注册的请求

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

    使用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="点击发送验证码" onclick="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的输出:

     

  • 相关阅读:
    Mac普通用户修改了/etc/sudoers文件的解决办法
    python对缓存(memcached,redis)的操作
    线程、进程、协程和队列
    python作用域和多继承
    sokect编程进阶
    socket编程基础
    python面相对象进阶
    python异常处理
    configparser模块
    subprocess模块
  • 原文地址:https://www.cnblogs.com/jiguiyan/p/11289776.html
Copyright © 2011-2022 走看看