实现简单用户登录和用户注册的maven项目
-
maven项目的简单搭建:见上篇博客
-
本项目是接着上述项目接着写
-
导入页面模板:
-
在webapp目录下创建page目录,用来存放.jsp文件
-
在page目录下创建login.jsp文件(登录),register.jsp文件(注册)
-
从AdminLTE中导入all-admin-login.html模板,all-admin-register.html类似处理就不举例了
- 在login.jsp中,将html标签替换成all-addmin-login.html中的html标签中的内容
- 将AdminLTE中css、img、plugins目录都导入webapp目录下,保证login.jsp中的样式可以完整呈现出来
- 修改login.jsp中的引入css、js、照片的路径
- 将原来的路径中的"…/"替换成” ${pageContext.request.contextPath}/“
- 在 <% @page %>中添加isELIgnored="false"属性,避免el表达式被解释成字符串
-
样式依旧不能显示
- 如果项目中存在target目录,则将target目录删除,重新构建项目,原因是原来的target目录中并没有中途导入的css、img、plugins文件,需要重新构建
-
样式部分没有显示
-
在web.xml文件中添加新的静态文件,因为有些静态文件没有被允许加载
<servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>*.png</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>*.woff</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>*.tff</url-pattern> </servlet-mapping>
-
-
-
修改登录模板中form表单中的内容
<form action="/user/login" method="post"> <div class="form-group has-feedback"> <input class="form-control" placeholder="用户名" name="username"> <span class="glyphicon glyphicon-envelope form-control-feedback"></span> </div> <div class="form-group has-feedback"> <input type="password" class="form-control" placeholder="密码" name="password"> <span class=