Skip to content

B
bpm
Commit 0ecd5a1b by zhangyy
Options

4.23 样式

parent ed961437
Showing with 98 additions and 30 deletions
src/main/java/com/bbd/bpm/config/WebSecurityConfig.java
......@@ -39,7 +39,7 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
protected void configure(HttpSecurity http) throws Exception { //配置策略
http.csrf().disable();
http.authorizeRequests().
antMatchers("/v2/api-docs","/swagger-resources/**","/webjars/**","/images/**","/loadverify").permitAll().anyRequest().authenticated().
antMatchers("/v2/api-docs","/swagger-resources/**","/webjars/**","/images/**","/loadverify","/static/images/**").permitAll().anyRequest().authenticated().
and().headers().frameOptions().disable().
and().formLogin().loginPage("/login").permitAll().successHandler(loginSuccessHandler()).
and().logout().permitAll().invalidateHttpSession(true).
......
src/main/resources/static/css/common/models.css
......@@ -1173,7 +1173,7 @@ input[type="submit"].ke-button:hover {
.MainBox .mainContentBox {
position: absolute;
top: 74px;
left: 140px;
left: 160px;
bottom: 0;
right: 0;
overflow: auto;
......
src/main/resources/templates/bpm/index.html
......@@ -15,14 +15,15 @@
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<style>
.glyphicon-user{
color: #3468a8;
color: #fff;
}
.btn-outline-primary{
border: 1px solid #3468a8;
color: #3468a8;
}
.mb-3{
margin-bottom: 0!important;
margin-left: 160px;
background: #005ba7!important;
}
.navbar{
border-radius: 0;
......@@ -31,8 +32,13 @@
margin-bottom: 0;
}
#aside_nav{
margin-top:40px;
border-left:none;
background:#343a40!important;
color: #333;
background:#fff!important;
}
#aside_nav a{
color: #333!important;
}
.nav-icon span{
display: inline-block;
......@@ -71,18 +77,21 @@
<body>
<!--首页-->
<div class="MainBox" style="height:auto;overflow:hidden">
<div style="width:160px;position: absolute;margin-top:4px;text-align: center;height: 200px;padding: 20px 0;">
<img th:src="@{/images/logob.jpg}" alt="logo" style="width: 90px;margin: 0 auto;">
</div>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
<h4 class="my-0 mr-md-auto font-weight-normal">
<img th:src="@{/images/bpm.png}" alt="logo" style="width: 14%;">BPM后台管理系统
</h4>
<span class="glyphicon glyphicon-user"><span th:text="${userName}"></span> &nbsp;</span>
<a class="btn btn-outline-primary" href="/logout">Sign up</a>
<span class="glyphicon glyphicon-user" ><span style="color: #fff;" th:text="${userName}"></span> &nbsp;</span>
<a class="btn btn-outline-primary" href="/logout" style="color: #fff;">Sign up</a>
</div>
<!--end 头部-->
<!--左边导航-->
<div class="main_wrap clearfix" >
<ul id="aside_nav" class="navBox" style='width:140px; position: absolute;'>
<ul id="aside_nav" class="navBox" style='width:160px;position: absolute;'>
<li class="s_menu_item"><a target="main_frame" href="/web/bpm/user/toDeployment"><span class="nav-icon"><i class="fa fa-qrcode bg-gradient-red text-white"></i></span>查看流程</a></li>
<li class="s_menu_item"><a target="main_frame" href="/model/createNew"><span class="nav-icon"><i class="fa fa-heart bg-gradient-orange text-white"></i></span>创建流程</a></li>
<li class="s_menu_item"><a target="main_frame" href="/web/bpm/user/toOrganization"><span class="nav-icon"><i class="fa fa-table bg-gradient-green text-white"></i></span>组织结构</a></li>
......
src/main/resources/templates/login.html
......@@ -9,36 +9,52 @@
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>
<body class="text-center">
<body class="text-center" >
<div style="margin-top: 100px;">
<form action="/login" method="post" class="form-signin">
<img class="mb-4" th:src="@{/images/bpm.png}" alt="bpm logo" width="90" height="90">
<h1 class="h3 mb-3 font-weight-normal" style="color: #fff;font-size: 32px;">佰邦达后台登录系统</h1>
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
<img class="mb-4" th:src="@{/images/logo.png}" alt="logo" width="206" height="37">
<label for="inputEmail" class="sr-only">Username</label>
<input type="text" name="username" id="inputEmail" class="form-control" placeholder="Username" required="" autofocus="">
<form action="/login" method="post" class="form-signin" >
<p style="text-align: left;font-size:24px;color: #919dac;">欢迎登录</p>
<div class="username">
<span class="usernameicon"></span>
<input type="text" name="username" id="inputEmail" class="form-control" placeholder="请输入用户名" required="" autofocus="">
</div>
<!--<label for="inputEmail" class="sr-only">请输入用户名</label>-->
<div class="username">
<span class="passwordicon"></span>
<input type="password" name="password" id="inputPassword" class="form-control" placeholder="请输入密码" required="">
</div>
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required="">
<div class="provingImg" style="position: relative;">
<input type="text" name="msgCode" id="MsgCode" class="form-control" placeholder="请输入验证码" required="">
<div class="little" style="position: absolute;right: -150px;top: 0px;">
<img th:src="@{/loadverify}" style=" width: 100px; margin-top:10px;height: 35px;" class="get_yzm img img_pointer" alt="图片验证"
<div class="little" style="position: absolute;top: -10px;right: 0px;">
<img th:src="@{/loadverify}" style=" width: 120px; margin-top:10px;height: 46px;" class="get_yzm img img_pointer" alt="图片验证码"
id="verify_codeid"/>
</div>
</div>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me"> Remember me
</label>
</div>
<!--<div class="checkbox mb-3">-->
<!--<label>-->
<!--<input type="checkbox" value="remember-me"> Remember me-->
<!--</label>-->
<!--</div>-->
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
<p class="mt-5 mb-3 text-muted">© 2019-2020</p>
<!--<button class="btn btn-lg btn-defalt btn-block col-md-6" type="">立即注册</button>-->
<button class="btn btn-lg btn-primary btn-block " type="submit">立即登录</button>
<p class="mt-5 mb-3 text-muted" style="text-align: right;">忘记密码?</p>
</form>
</div>
......@@ -51,10 +67,53 @@
font-size: 15px;
margin: 0 auto;
}
div{
width: 400px;
text-align:center;
padding-top:10px;
/*div{*/
/*width: 400px;*/
/*text-align:center;*/
/*padding-top:10px;*/
/*}*/
.username{
position: relative;
}
.usernameicon{
width: 30px;
height:30px;
display: inline-block;
position: absolute;
left: 4px;
margin: 8px;
background: url("../images/username.png")no-repeat;
background-size: 100%;
}
.passwordicon{
width: 30px;
height:30px;
display: inline-block;
position: absolute;
left: 4px;
margin: 8px;
background: url("../images/pass.png")no-repeat;
background-size: 100%;
}
.form-control{
height:46px;
padding-left: 52px;
background-color: #dff5f5;
}
.form-signin{
width: 492px;
box-sizing: border-box;
padding: 50px;
background-color: #fff;
border:8px transparent solid;
border-image:linear-gradient(to bottom,#0069b7,#003681) 1 10;
box-shadow: 0px 3px 10px rgba(0,0,0,0.7);
}
.text-center{
width: 100%;
height: 500px;
background: url("../images/backgroundImg.jpg")no-repeat;
background-size: 100%;
}
input,button{
margin-top:10px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment