freemarker作用于表现层,能更好的实现mvc分离。
<!-- 整合freemarker -->
<dependency>
<groupid>org.springframework.boot</groupid>
<artifactid>spring-boot-starter-freemarker</artifactid>
</dependency>
# freemarker静态资源配置
# 设定ftl文件路径
spring.freemarker.tempalte-loader-path=classpath:/templates
# 关闭缓存,及时刷新,上线生产环境需要修改为true
spring.freemarker.cache=false
spring.freemarker.charset=utf-8
spring.freemarker.check-template-location=true
spring.freemarker.content-type=text/html
spring.freemarker.expose-request-attributes=true
spring.freemarker.expose-session-attributes=true
spring.freemarker.request-context-attribute=request
spring.freemarker.suffix=.ftl
[#ftl]
<html>
<head>
<meta charset="gbk">
<title>杭州天纵智能管理平台</title>
<link rel="stylesheet" href="../css/layui.css" rel="stylesheet">
<link rel="stylesheet" href="../css/modules/layer/default/layer.css?v=3.1.1" rel="stylesheet">
<style>
html,body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
display: flex;
align-items: center; /*定义body的元素垂直居中*/
justify-content: center; /*定义body的里的元素水平居中*/
}
</style>
</head>
<body>
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-inline">
<input type="text" name="username" lay-verify="required" autocomplete="off" placeholder="请输入用户名称" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<div class="layui-input-inline">
<input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="请输入密码" class="layui-input"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-inline">
<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">登录</button>
</div>
</div>
</form>
<script src="../js/layui.js"></script>
<script src="../js/jquery-1.12.4.js"></script>
<script>
layui.use(['form'], function(){
var form = layui.form
,layer = layui.layer
form.on('submit(demo1)', function(data){
$.ajax({
url: "/manage/login",
type : "get",
data: data.field,
async: false,
success: function(data){
if(data>0){
alert("登录成功");
window.location.href="/";
event.preventdefault();
}else{
alert("登录失败");
}
},
error:function(xmlhttprequest, textstatus, errorthrown){
alert(xmlhttprequest.status);//状态码
alert(xmlhttprequest.readystate);//状态
alert(textstatus);//错误信息
}
})
});
});
</script>
</body>
</html>
@requestmapping(value = "/manage")
@controller
public class login(){
@requestmapping(value="login")
public string loginftl(httpservletrequest request, httpservletresponse response){
return "/freemarker/login";
}
}
6、访问localhost:8080/manage/login
如对本文有疑问, 点击进行留言回复!!
before社区电量是什么意思 Before社区电量获得方法
RecycleView入门详解(教你全面掌握RecycleView用法)
动态权限请求框架RxPermissions(几行代码搞定权限)
URL路径@PathVariable出现点号“.“时值遭截断问题
网友评论