您的位置:首页 > 其它

maven项目:小型用户管理系统的搭建(实现增删改查)

2019-07-01 16:52 603 查看

在前两篇中我们已经完成了一个简单的SSM项目,实现了基本的页面跳转,但是IU上难免有些简单。
今天我们使用更加合理的项目结构来完成一个小型用户管理系统的开发

开发工具
1.JDK1.8
2.IdeaIU2018
3.Tomcat7.0
4.maven3.6
5.mysql5.5

项目结构
这次我使用了公司团队开发更加常见的目录结构,将Java目录下的四个包:bean,dao,service,controller分开,各自成为一个个小项目,用一个ssm_parent进行协调。
以下是目录截图:


注意原先的controller层被写在了ssm_web项目中。

配置pom.xml
以往我们只需要对一个项目的pom文件进行配置,在这个框架中,我们有五个pom.xml,为了简化,我将所有jar包的导入都放在外层的pom.xml中,这样内部四个子项目都可以共享。

剩下的部分和昨天一样,不再赘诉

新的页面
上次的web使用的页面十分简单,这次我们导入新的页面文件:css,img,pages,plugins.放在webapp目录下。

之后的步骤就是在昨天的基础上来完成,这里不详述。

登录功能
增删改查的基础应该是登录进系统,因此这里要增加一个登录功能。
登录界面如下:(login.jsp)
在controller层增加如下代码:

@RequestMapping("/login.do")
public ModelAndView doLogin(UserInfo userInfo){
boolean flag=userService.doLogin(userInfo);
ModelAndView modelAndView=new ModelAndView();
if(flag){
modelAndView.setViewName("main");
}else{
modelAndView.setViewName("../failer");
}
return modelAndView;
}

在login.jsp中写好相应的调用:

<!-- /.login-logo -->
<div class="login-box-body">
<p class="login-box-msg">登录系统</p>

<form action="${pageContext.request.contextPath}/user/login.do" method="post">
<div class="form-group has-feedback">
<input type="text" name="username" class="form-control"
placeholder="用户名"> <span
class="glyphicon glyphicon-envelope form-control-feedback"></span>
</div>
<div class="form-group has-feedback">
<input type="password" name="password" class="form-control"
placeholder="密码"> <span
class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
<div class="row">
<div class="col-xs-8">
<div class="checkbox icheck">
<label><input type="checkbox"> 记住 下次自动登录</label>
</div>
</div>
<!-- /.col -->
<div class="col-xs-4">
<button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
</div>
<!-- /.col -->
</div>
</form>

<a href="#">忘记密码</a><br>

</div>
<!-- /.login-box-body -->
</div>

完成!
登录后界面如下:(main.jsp)

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐