您的位置：首页 > 其它

SSM框架整合小Demo

2017-12-29 10:22 316 查看

转载自：http://blog.csdn.net/chenmeixxl/article/details/52040517
我的开发环境：Windows10系统
开发工具：MyEclipse10，JDK1.8，MySQL5.0，Tomcat7.0

ssm框架整合

在MyEclipse里建一个web工程，然后搭建环境，就是导入jar包，我的jar包是管老师要的，里边有连接数据库驱动的，有spring的，有spring-mvc的和mybatis的，总之很多。把这些jar包放到工程里的WebRoot目录下的WEB-INF目录下的lib文件夹下，总之记住jar包都放lib文件夹下。然后依据我个人习惯，会先配置一个日志文件在src目录下建，这个日志文件在网上找一个粘过来就可以了，日志文件代码如下：

[html] view
plain copy

<span style="font-size:14px;">log4jdbc.spylogdelegator.name=net.sf.log4jdbc.log.slf4j.Slf4jSpyLogDelegator</span>

然后在src目录下建一个JDBC配置文件，这个文件里的内容可以写在数据源里，但是都写一起会显得乱，我的JDBC代码如下：

[plain] view
plain copy

<span style="font-size:14px;">jdbc.driver=com.mysql.jdbc.Driver

jdbc.username=root

jdbc.password=***

jdbc.url=jdbc:mysql://localhost:3306/***

jdbc.pool.maxldle=5

jdbc.pool.maxActive=40</span>

password是数据库密码，我用***代替了，这里根据自己的数据库来写，URL连的是MySQL数据库，如果是其的数据库就写其他的URL（还有连接数据库的驱动也是），3306是端口号，它后面写数据库名，这里也用***代替了，下面是数据库连接池的上下限，什么等待时长，空闲什么的没设，就设了这两值。

接下来在src目录下建spring.xml配置文件，这个代码里都写注释了，最上面是一些约束。我用的是注解编程，这里有些对注解的配置，我的spring.xml代码如下：

[html] view
plain copy

<span style="font-size:14px;"><?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"

xmlns:jdbc="http://www.springframework.org/schema/jdbc" xmlns:jee="http://www.springframework.org/schema/jee"

xmlns:tx="http://www.springframework.org/schema/tx" xmlns:aop="http://www.springframework.org/schema/aop"

xmlns:util="http://www.springframework.org/schema/util" xmlns:task="http://www.springframework.org/schema/task"

xsi:schemaLocation="
http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd
http://www.springframework.org/schema/jdbc http://www.springframework.org/schema/jdbc/spring-jdbc-4.0.xsd
http://www.springframework.org/schema/jee http://www.springframework.org/schema/jee/spring-jee-4.0.xsd
http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd
http://www.springframework.org/schema/task http://www.springframework.org/schema/task/spring-task-4.0.xsd"

default-lazy-init="true">



<context:annotation-config/>



<context:component-scan base-package="com"/>





<context:property-placeholder location="classpath:jdbc.properties" ignore-unresolvable="true"/>

<bean id="dataSource" class="com.jolbox.bonecp.BoneCPDataSource" destroy-method="close">

<property name="driverClass" value="${jdbc.driver}"></property>

<property name="jdbcUrl" value="${jdbc.url}"></property>

<property name="username" value="${jdbc.username}"></property>

<property name="password" value="${jdbc.password}"></property>

</bean>





<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">



<property name="dataSource" ref="dataSource"></property>



<property name="mapperLocations" value="classpath:mybatis/*mapper.xml"></property>

</bean>



<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">



<property name="basePackage" value="com.dao"></property>



<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"></property>

</bean>



<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">

<property name="dataSource" ref="dataSource"></property>

</bean>

</beans>

</span>

在这里，大多数都是固定的，需要改的都标出来了。这里数据源的配置就是连接JDBC配置文件的。管理mybatis工具的那行标签里的value里写的是mybatis配置文件的路径，建完mybatis配置文件在写这个value。

接下来在src目录下写spring-MVC配置文件，代码如下：

[html] view
plain copy

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context"

xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:aop="http://www.springframework.org/schema/aop"

xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd
http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">



<mvc:annotation-driven>

<mvc:message-converters register-defaults="true">



<bean id="fastJsonHttpMessageConverter" class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">

<property name="supportedMediaTypes">

<list>

<value>application/json;charset=UTF-8</value>

</list>

</property>

</bean>

</mvc:message-converters>

</mvc:annotation-driven>



<mvc:default-servlet-handler/>



<context:component-scan base-package="com.controller"></context:component-scan>

</beans>

这个文件上边也是约束，中间有一个对编码的配置，可以不写，可以用其他方式对编码进行配置，配置视图解析器里写的是有注解的类，多数指控制层的类，这里扫描的是controller类。

接下来就写mybatis配置文件，先在src目录下建一个mybatis包，再在mybatis包下建一个mybatis配置文件，这文件名随意起，但是必须以什么什么-mapper.xml结尾，例如我mybatis文件名叫：userinfo-mapper.xml。这里的代码是和dao层对应的，这里的代码在写dao层时展示。（建完mybatis配置文件后别忘了在spring配置文件里把管理mybatis工具的那行标签里的value写了）

到这，ssm的三大配置文件spring，spring-MVC，mybatis就建完了，之后spring和spring-MVC基本不用动了，在mybatis配置文件里写sql语句就行了。三大配置文件写完了，不要忘了还有一个web.xml，这个文件在WEB-INF目录下，这里我也都写注释了，格式基本固定，代码如下：

[html] view
plain copy

<?xml version="1.0" encoding="UTF-8"?>

<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">


<context-param>

<param-name>contextConfigLocation</param-name>

<param-value>

classpath*:/spring.xml

</param-value>

</context-param>

<context-param>

<param-name>spring.profiles.default</param-name>

<param-value>development</param-value>

</context-param>

<listener>

<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>

</listener>



<filter>

<filter-name>encoding</filter-name>

<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>

<init-param>

<param-name>encoding</param-name>

<param-value>UTF-8</param-value>

</init-param>

</filter>

<filter-mapping>

<filter-name>encoding</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>



<servlet>

<servlet-name>springmvc</servlet-name>

<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

<init-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath:spring-mvc.xml</param-value>

</init-param>

</servlet>

<servlet-mapping>

<servlet-name>springmvc</servlet-name>

<url-pattern>/</url-pattern>

</servlet-mapping>

<welcome-file-list>

<welcome-file>index.jsp</welcome-file>

</welcome-file-list>

<login-config>

<auth-method>BASIC</auth-method>

</login-config>

</web-app>

到这配置文件全部搞定，接下来，开始写java代码了

先建一个pojo包，在包里写一个pojo类，也叫bean类，是映射数据库字段的。就是在pojo类里建的私有属性要与数据库里的字段名一一对应，并设置get和set方法，写成java bean的形式。属性的类型要和数据库里的字段类型要一致，这个类很简单，代码省略了！！！

接下来建一个dao包，在dao包里写一个dao接口，在接口里定义要实现的方法。dao层是持久层，是联系数据库的，dao层的代码如下：

[html] view
plain copy

package com.dao;

import java.util.List;

import java.util.Map;

import com.po.UserinfoPO;

/**

* DAO接口

* @author lenovo

*

*/

public interface UserinfoDAO {

//验证登录

// public List<Map> login(Map map);

public UserinfoPO login(UserinfoPO po);

//查询用户列表

public List<UserinfoPO> userList(UserinfoPO po);

//查询修改用户信息的id

public List<UserinfoPO> updateid(UserinfoPO po);

//修改用户信息

public int update(UserinfoPO po);

//添加用户信息

public int insert(UserinfoPO po);

//删除用户

public int delete(int userid);

//根据用户名模糊查询，根据权限查询

public List<Map> select(Map map);

}

这里用po对象或是Map都可以，写完dao层后，在mybatis配置文件里写sql语句，sql语句里的id一定要和dao接口里的方法名一致，mybatis配置文件里的代码如下：

[html] view
plain copy

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">



<mapper namespace="com.dao.UserinfoDAO">



<resultMap type="com.po.UserinfoPO" id="userinfoMap">

<result column="userid" property="userid"/>

<result column="loginname" property="loginname"/>

<result column="loginpass" property="loginpass"/>

<result column="username" property="username"/>

<result column="upower" property="upower"/>

<result column="birthday" property="birthday"/>

<result column="sex" property="sex"/>

</resultMap>



<sql id="zd">

userid,loginname,loginpass,username,upower,birthday,sex

</sql>





<select id="login" resultMap="userinfoMap" parameterType="com.po.UserinfoPO">



select <include refid="zd"></include> from userinfo

<where>

loginname=#{loginname} and loginpass=#{loginpass}

</where>

</select>



<select id="userList" resultMap="userinfoMap" parameterType="com.po.UserinfoPO">



select <include refid="zd"></include> from userinfo

</select>



<select id="updateid" resultMap="userinfoMap" parameterType="com.po.UserinfoPO">



select <include refid="zd"></include> from userinfo

<where>userid=#{userid}</where>

</select>



<update id="update" parameterType="com.po.UserinfoPO">

update userinfo set loginname=#{loginname},loginpass=#{loginpass},username=#{username},

upower=#{upower},birthday=#{birthday},sex=#{sex}

where userid=#{userid}

</update>



<insert id="insert" parameterType="com.po.UserinfoPO">

insert into userinfo(<include refid="zd"></include>)

values(#{userid},#{loginname},#{loginpass},#{username},#{upower},#{birthday},#{sex})

</insert>



<delete id="delete" parameterType="int">

delete from userinfo where userid=#{userid}

</delete>



<select id="select" resultMap="userinfoMap" parameterType="java.util.Map">



select <include refid="zd"></include> from userinfo



<where>

<if test="username == null and username = '' and upower == -1">

and 1=1

</if>

<if test="username != null and username !=''">

and username LIKE '%${username}%'

</if>

<if test="upower != -1">

and upower=#{upower}

</if>

</where>

</select>

</mapper>

dao写完后写service，先建一个service包，在service包里写一个service接口，同样，在service接口里写上要实现的方法，代码如下：

[html] view
plain copy

package com.service;

import java.util.List;

import java.util.Map;

import com.po.UserinfoPO;

public interface UserInfoInterface {

//验证登录

// public List<Map> getlogin(Map map);

public UserinfoPO getlogin(UserinfoPO po);

//查询用户列表

public List<UserinfoPO> getuserList(UserinfoPO po);

//查询修改用户信息的id

public List<UserinfoPO> getupdateid(UserinfoPO po);

//修改用户信息

public String getupdate(UserinfoPO po);

//添加用户信息

public String getinsert(UserinfoPO po);

//删除用户

public String getdelete(int userid);

//根据用户名模糊查询，根据权限查询

public List<Map> getselect(Map map);

}

然后再在service包下建一个接口实现类的包，在这个包里写service接口的实现类，service层是业务层，一般写事务处理的。具体代码如下：

[html] view
plain copy

package com.service.impl;

import java.util.List;

import java.util.Map;

import javax.annotation.Resource;

import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Service;

import org.springframework.web.servlet.ModelAndView;

import com.dao.UserinfoDAO;

import com.po.UserinfoPO;

import com.service.UserInfoInterface;

@Service //表示这是一个业务层，是service类， @Controller是用于标注控制层组件，Component是当某一个类不好归类的时候用这个注解

public class UserInfoImpl implements UserInfoInterface{

@Resource //自动装载，根据名称注入

//定义dao类型的属性

UserinfoDAO udao;

/**

* 验证登录

*/

// public List<Map> getlogin(Map map) {

// //调dao里的方法

// List<Map> userlogin=udao.login(map);

// return userlogin;

// }

public UserinfoPO getlogin(UserinfoPO po) {

//调dao里的方法

UserinfoPO userinfo = udao.login(po);

return userinfo;

}

/**

* 根据用户名模糊查询，根据权限查询

*/

public List<Map> getselect(Map map) {

List<Map> selectUser = udao.select(map);

return selectUser;

}

/**

* 查询用户列表

*/

public List<UserinfoPO> getuserList(UserinfoPO po) {

List<UserinfoPO> userinfo = udao.userList(po);

return userinfo;

}

/**

* 查询修改用户信息的id

*/

public List<UserinfoPO> getupdateid(UserinfoPO po) {

List<UserinfoPO> updateid = udao.updateid(po);

return updateid;

}

/**

* 修改用户信息

*/

public String getupdate(UserinfoPO po) {

//调dao里的方法

int u = udao.update(po);

String message="";

//数据库会返回一个int类型的数据，根据影响条数来判断操作是否成功

if(u > 0){

message = "修改成功";

}else{

message = "修改失败";

}

return message;

}

/**

* 添加用户信息

*/

public String getinsert(UserinfoPO po) {

int i = udao.insert(po);

String message="";

if(i > 0){

message = "添加成功";

}else{

message = "添加失败";

}

return message;

}

/**

* 删除用户

*/

public String getdelete(int userid) {

int d = udao.delete(userid);

String message="";

if(d > 0){

message = "删除成功";

}else{

message = "删除失败";

}

return message;

}

}

service层写完写控制层，建一个Controller包，在包里写一个Controller类，在这个类里负责接收页面上提交上来的值，和把从数据库里取到的值传到页面上，还有负责控制页面的跳转等。代码如下：

[html] view
plain copy

package com.controller;

import java.io.IOException;

import java.util.List;

import java.util.Map;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.PathVariable;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.servlet.ModelAndView;

import com.po.UserinfoPO;

import com.service.UserInfoInterface;

@Controller //标注这是一个控制类，类名不能和注解名一样

@RequestMapping("/uc") //设置访问路径

public class UserinfoController {

/**

* 验证登录

*/

@Autowired

//定义service类型的属性

UserInfoInterface uservice;

@RequestMapping("/login")//为方法设置访问路径

//@RequestParam(required=false)指定一下，map的参数是从request作用域里取的

//通过required=false或者true来要求@RequestParam配置的前端参数是否一定要传

// required=false表示不传的话，会给参数赋值为null，required=true就是必须要有

//例：public String filesUpload(@RequestParam(value="aa", required=true)

// public ModelAndView mav(@RequestParam(required=false) Map map){

// List<Map> ml=uservice.getlogin(map);

// ModelAndView mav=new ModelAndView();

// mav.addObject("ulist", ml);

// mav.setViewName("/main.jsp");

// return mav;

// }

//登录

public String ulogin(HttpServletRequest request){

//接收页面的值

String loginname = request.getParameter("loginname");

String loginpass = request.getParameter("loginpass");

UserinfoPO po = new UserinfoPO();

//把接收到的值放入po里

po.setLoginname(loginname);

po.setLoginpass(loginpass);

//调service方法去数据库验证

UserinfoPO pojo = uservice.getlogin(po);

if(pojo!=null){

return "/uc/user";

}else{

return "/index.jsp";

}

}

/**

* 查询用户列表

*/

@RequestMapping("/user")//为方法设置访问路径

public String userList(HttpServletRequest request, UserinfoPO po){

//调service里的方法

List<UserinfoPO> ulist = uservice.getuserList(po);

//把值存到request作用域里，传到页面上

request.setAttribute("ulist", ulist);

//跳转的mian.jsp页面

return "/main.jsp";

}

/**

* 查询修改用户信息的id

*/

@RequestMapping("/uid")//为方法设置访问路径

public String updateid(HttpServletRequest request, UserinfoPO po){

List<UserinfoPO> uid = uservice.getupdateid(po);

request.setAttribute("uid", uid);

return "/update.jsp";

}

/**

* 修改用户信息

*/

@RequestMapping(value="/update")//为方法设置访问路径

public String update(HttpServletRequest request, UserinfoPO po){

String updateUser = uservice.getupdate(po);

request.setAttribute("updateUser", updateUser);

//修改信息后留在当前页

return "/uc/uid";

}

/**

* 添加用户信息

*/

@RequestMapping("/insert")//为方法设置访问路径

public String insert(HttpServletRequest request, UserinfoPO po){

String inserUser = uservice.getinsert(po);

request.setAttribute("inserUser", inserUser);

return "/insert.jsp";

}

/**

* 删除用户，根据id删除

*/

//后面传了一个要删除的id值，比如要删除id是30的用户，整体路径是/uc/delete/30

@RequestMapping(value="/delete/{userid}")

public ModelAndView delete(@PathVariable("userid")int userid){

String deleteUser=uservice.getdelete(userid);

ModelAndView mav=new ModelAndView();

mav.addObject("deleteUser", deleteUser);

//跳到提醒页，返回service里定义的方法，提醒删除成功还是失败

mav.setViewName("/tx.jsp");

return mav;

}

/**

* 根据用户名模糊查询，根据权限查询

*/

@RequestMapping("/select")//为方法设置访问路径

public ModelAndView mav(@RequestParam(required=false) Map map){

List<Map> selectUser = uservice.getselect(map);

ModelAndView mav=new ModelAndView();

mav.addObject("ulist", selectUser);

mav.setViewName("/main.jsp");

return mav;

}

}

写到这后台就差不多了，接下来写视图层，也就是页面。我为了方便把页面写在了WebRoot目录下，正常应该在WEB-INF目录下建相应的文件夹，把页面写在这个文件夹里，因为在WEB-INF目录下的文件是受保护的。在页面的代码中也都有非常详细的注释，这里就不过多的讲解了。我的登录页面代码如下：

[html] view
plain copy

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>登录页</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">



</head>



<script src="/ssmpo/js/jquery-1.11.2.min.js" language="javascript"></script>

<script type="text/javascript">

// 控制onsubmit提交的方法，方法名是vform()

function vform(){

//获取下面的id值

var ln = $("#loginname").val();

var lp = $("#loginpass").val();

//判断上面的变量，如果为空字符串不能提交

if(ln == ""){

alert("请输入登录名！");

return false;

}

if(lp == ""){

alert("请输入密码！");

return false;

}

//除以上结果的可以提交，返回true

return true;

}

</script>

<body>

<div>晨魅---练习ssm框架整合！</div>

<hr>



<form action="uc/login" method="post" onsubmit="return vform()">



<div>用户名：<input type="text" id="loginname" name="loginname"></div>

<div style="margin-left:16px">密码：<input type="password" id="loginpass" name="loginpass"></div>

<div><input type="submit" value="登录"></div>

</form>

</body>

</html>

用户列表页面代码如下：

[html] view
plain copy

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>用户列表</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">





<script src="/ssmpo/js/jquery-1.11.2.min.js" language="javascript"></script>

<style type="text/css">

td{text-align: center;}

div{height: 1.5em;}

</style>

<script type="text/javascript">

//定义个方法提醒用户确定要删除吗？方法的参数就是要删除的id名

function deleteUser(userid){

if(confirm("您确认删除吗？")){

//如果确定删除就访问servlet，这里超链接传值传的是方法里的参数

window.location.href="uc/delete/"+userid;

}

}

//重置按钮方法

function clearForm() {

//获取uname的id，让它的值等于空字符串

$("#username").val("");

//document.getElementById("username").value = "";

//获取upower的id，让它被选中的序号等于0，因为下面有好几项option，第0项就是第一个

document.getElementById("upower").selectedIndex = 0;

}

</script>

</head>

<body>

<div>晨魅---练习ssm框架整合！</div>

<hr>



<form name="sform" action="uc/select" method="post">

<div>

用户名：<input type="text" id="username" name="username">

</div>

<div style="margin-left:16px ">

权限：

<select name="upower" id="upower">

<option value="-1">-请选择-</option>

<option value="99">管理员</option>

<option value="1">普通用户</option>

</select>

<input type="submit" value="查询">



<input type="button" onclick="clearForm()" value="重置">

</div>

</form>

<hr>

<a href="/ssmpo/insert.jsp">添加用户</a>

<table border="1" width="700">

<tr>

<th>ID</th>

<th>登录名</th>

<th>密码</th>

<th>用户名</th>

<th>权限</th>

<th>生日</th>

<th>性别</th>

<th>操作</th>

</tr>

<c:forEach var="po" items="${ulist }">

<tr>



<td>${po.userid }</td>

<td>${po.loginname }</td>

<td>${po.loginpass }</td>

<td>${po.username }</td>

<td>

<c:choose>

<c:when test="${po.upower == 99 }">

管理员

</c:when>

<c:otherwise>

普通用户

</c:otherwise>

</c:choose>

</td>

<td>${po.birthday }</td>

<td>

<c:choose>

<c:when test="${po.sex == 1 }">

男

</c:when>

<c:when test="${po.sex == 2 }">

女

</c:when>

<c:otherwise>

保密

</c:otherwise>

</c:choose>

</td>

<td>

<a href="/ssmpo/uc/uid?userid=${po.userid }">修改</a>



<a href="javascript:void(0)" onclick="deleteUser(${po.userid})">删除</a>

</td>

</tr>

</c:forEach>

</table>

</body>

</html>

添加用户页面代码如下：

[html] view
plain copy

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>添加用户</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">





<script src="/ssmpo/js/jquery-1.11.2.min.js" language="javascript"></script>

<script type="text/javascript">

// 控制onsubmit提交的方法，方法名是vform()

function vform(){

//获取下面的id值

var ln = $("#loginname").val();

var lp = $("#loginpass").val();

var un = $("#username").val();

var up = $("#upower").val();

var bir = $("#birthday").val();

//判断上面的变量，如果为空字符串不能提交

if(ln == ""){

alert("请输入登录名！");

return false;

}

if(lp == ""){

alert("请输入密码！");

return false;

}

if(un == ""){

alert("请输入用户名！");

return false;

}

if(up == -1){

alert("请选择权限！");

return false;

}

if(bir == ""){

alert("请输入生日！");

return false;

}

//除以上结果的可以提交，返回true

return true;

}

</script>

</head>

<body>



<form action="uc/insert" method="post" onsubmit="return vform()">

<table width="1000" border="1">

<tr>

<th>登录名</th>

<th>密码</th>

<th>用户名</th>

<th>权限</th>

<th>生日</th>

<th>性别</th>

</tr>

<tr>

<td><input type="text" id="loginname" name="loginname"/></td>

<td><input type="text" id="loginpass" name="loginpass"/></td>

<td><input type="text" id="username" name="username"/></td>

<td>

<select id="upower" name="upower" >

<option value="-1">=请选择=</option>

<option value="99">管理员</option>

<option value="1">普通用户</option>

</select>

</td>

<td><input type="text" id="birthday" name="birthday"></td>

<td>性别：

男<input type="radio" name="sex" value="1">

女<input type="radio" name="sex" value="2">

保密<input type="radio" name="sex" value="3" checked="checked">

</td>

</tr>

</table>

<input type="submit" value="提交">

${inserUser }<br>

<a href="uc/user">返回</a>

</form>

</body>

</html>

修改用户信息页面代码如下：

[html] view
plain copy

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>修改用户信息</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">





<script src="/ssmpo/js/jquery-1.11.2.min.js" language="javascript"></script>

<script type="text/javascript">

// 控制onsubmit提交的方法，方法名是vform()

function vform(){

//获取下面的id值

var ln = $("#loginname").val();

var lp = $("#loginpass").val();

var un = $("#username").val();

var up = $("#upower").val();

var bir = $("#birthday").val();

//判断上面的变量，如果为空字符串不能提交

if(ln == ""){

alert("请输入登录名！");

return false;

}

if(lp == ""){

alert("请输入密码！");

return false;

}

if(un == ""){

alert("请输入用户名！");

return false;

}

if(up == -1){

alert("请选择权限！");

return false;

}

if(bir == ""){

alert("请输入生日！");

return false;

}

//除以上结果的可以提交，返回true

return true;

}

</script>

</head>

<body>



<form action="uc/update" method="post" onsubmit="return vform()">

<c:forEach var="po" items="${uid }">

<input type="hidden" name="userid" value="${po.userid}"/><br/>

<table width="1000" border="1">

<tr>

<th>登录名</th>

<th>密码</th>

<th>用户名</th>

<th>权限</th>

<th>生日</th>

<th>性别</th>

</tr>

<tr>

<td><input type="text" id="loginname" name="loginname" value="${po.loginname}"></td>

<td><input type="text" id="loginpass" name="loginpass" value="${po.loginpass}"></td>

<td><input type="text" id="username" name="username" value="${po.username }"></td>

<td>

<select id="upower" name="upower" >

<option value="-1">=请选择=</option>

<option value="99">管理员</option>

<option value="1">普通用户</option>

</select>

</td>

<td><input type="text" id="birthday" name="birthday" value="${po.birthday }"></td>

<td>性别：

男<input type="radio" name="sex" value="1">

女<input type="radio" name="sex" value="2">

保密<input type="radio" name="sex" value="3" checked="checked">

</td>

</tr>

</table>

</c:forEach>

<input type="submit" value="提交"/>

${updateUser }<br>

<a href="uc/user">返回</a>

</form>

</body>

</html>

删除页是在用户列表页上操作的，我单独建了一个删除提醒页，提醒删除成功或是删除失败的，代码如下：

[html] view
plain copy

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>删除提醒</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">



<style type="text/css">

div{text-align: center;}

div{height: 50px;width: 200px}

</style>

</head>

<body>

<div>

${deleteUser }<br>

<a href="uc/user">返回</a>

</div>

</body>

</html>

我这里有用到jQuery，需要找一个js文件，然后粘贴到WebRoot目录下，在页面里引入这个文件即可。

到这，练习ssm框架整合，做增删改查操作就全部写完了！！！

下面是运行的效果图，初学ssm框架，做了一个小demo，没有做UI美化，这个样例仅供参考。数据库文件在WebRoot目录下。

源码下载链接: https://pan.baidu.com/s/1kV67Ce7 密码: 7nty

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ssm框架整合

相关文章推荐

新的分享

章节导航