晨魅--練習ssm框架整合，做增刪改查操作

阿新 • • 發佈：2019-02-20

我的開發環境：Windows10系統開發工具：MyEclipse10，JDK1.8，MySQL5.0，Tomcat7.0ssm框架整合在MyEclipse裡建一個web工程，然後搭建環境，就是匯入jar包，我的jar包是管老師要的，裡邊有連線資料庫驅動的，有spring的，有spring-mvc的和mybatis的，總之很多。把這些jar包放到工程裡的WebRoot目錄下的WEB-INF目錄下的lib資料夾下，總之記住jar包都放lib資料夾下。然後依據我個人習慣，會先配置一個日誌檔案在src目錄下建，這個日誌檔案在網上找一個粘過來就可以了，日誌檔案程式碼如下：

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

然後在src目錄下建一個JDBC配置檔案，這個檔案裡的內容可以寫在資料來源裡，但是都寫一起會顯得亂，我的JDBC程式碼如下：

<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程式碼如下：

<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"><!-- 屬性default-lazy-init是一個懶載入過程，設成true時，用到物件才例項化，不用時不例項化，false反之 -->
	<!-- 如果要使用自動注入等註解，需要一條一條配置，用下面這條標籤就不用配置了，它會自動識別註解。 向 spring容器註冊標籤 -->
	<context:annotation-config/>
	<!-- 註解掃描包，base-package裡是要掃描的路徑===========================================需要改的 -->
	<context:component-scan base-package="com"/>
	<!-- 配置資料來源，使用的是bonecp  bonecp的效率，速度要高於c3p0 -->
	<!-- 設定要讀取的jdbc配置檔案 -->
	<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>
	
	<!-- spring和mybatis整合，不用寫mybatis主配置檔案 -->
	<!-- 建立sqlSessionFactory會話工廠，用於生產工廠物件，固定的 -->
	<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
		<!-- 連線資料庫的，ref裡寫配置資料來源裡的id名 -->
		<property name="dataSource" ref="dataSource"></property>
		<!-- 管理mybatis工具的，value裡寫mybatis的配置檔名：classpath:檔名.xml -->
		<property name="mapperLocations" value="classpath:mybatis/*mapper.xml"></property>
	</bean>
	
	<!-- 配置DAO  讓spring自動查詢DAO並建立例項，這是掃描功能 -->
	<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
		<!-- value裡是要掃描的路徑========================================需要改的 -->
		<property name="basePackage" value="com.dao"></property>
		<!-- value裡是建立會話工廠裡的id -->
		<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配置檔案，程式碼如下：

<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">
	<!-- 使springmvc支援註解  
	  mvc:annotation-driven：註解驅動標籤，表示使用了註解對映器和註解介面卡，就是載入對映器和介面卡的 -->
	<mvc:annotation-driven>
		<mvc:message-converters register-defaults="true"><!-- 訊息轉換器,屬性：註冊預設值 -->
            <!-- 將StringHttpMessageConverter的預設編碼設為UTF-8 -->
            <bean id="fastJsonHttpMessageConverter" class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">
                <property name="supportedMediaTypes">
                    <list>
                        <value>application/json;charset=UTF-8</value>
                    </list>
                </property>
            </bean><!-- 支援json 解決406 -->
        </mvc:message-converters>
	</mvc:annotation-driven>
	<!-- 使用預設的處理器 -->
	<mvc:default-servlet-handler/>
	<!-- 配置檢視解析器  base-package掃描有註解的類-->
	<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目錄下，這裡我也都寫註釋了，格式基本固定，程式碼如下：

<?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">
 
<!-- 配置spring -->
	<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>

 <!-- spring mvc 的配置 -->
 <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層的程式碼如下：

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配置檔案裡的程式碼如下：

<?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標籤開始，由/mapper結束，可以把它想成一個空間，是對映檔案
屬性namespace：空間名，主要在代理中使用。這個namespace是唯一的。
這裡把mapper標籤和介面聯絡在一起了，namespace=寫介面路徑，對映檔案要和介面在同一目錄下
 -->
<mapper namespace="com.dao.UserinfoDAO">
	<!-- =============對映關係標籤=============
	屬性type:寫po類的包名類名，由於之前定義了po類的別名，這裡就寫這個別名
	屬性id：是這個對映標籤的唯一標識
	id標籤是查詢結果集中的唯一標識
	屬性column：查詢出來的列名
	屬性property：是po類裡所指定的列名
	通常會在原列名後面加下劃線，這是固定的，這裡就是id後面_
	 -->
	<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片段==============
	sql:是sql片段標籤
	屬性id是該片段的唯一標識
	 -->
	<sql id="zd">
		userid,loginname,loginpass,username,upower,birthday,sex
	</sql>
	<!-- 增刪改查標籤裡的id:一定要和接口裡對應的方法名一致，
		 resultMap輸出型別裡寫對映標籤裡的id 
		 parameterType：輸入型別，規範輸入資料型別，指明查詢時使用的引數型別-->
	<!-- 驗證登入 ，有嚴重問題-->
	<select id="login" resultMap="userinfoMap" parameterType="com.po.UserinfoPO">	
		<!-- 用include標籤引入sql片段，refid寫定義sql片段的id，where標籤不要寫在片段裡 -->
		select <include refid="zd"></include> from userinfo
		<where>			
				loginname=#{loginname} and loginpass=#{loginpass}
		</where>
	</select>
	
	<!-- 查詢使用者列表 -->
	<select id="userList" resultMap="userinfoMap" parameterType="com.po.UserinfoPO">
		<!-- 用include標籤引入sql片段，refid寫定義sql片段的id，where標籤不要寫在片段裡 -->
		select <include refid="zd"></include> from userinfo
	</select>
	
	<!-- 查詢修改使用者資訊的id -->
	<select id="updateid" resultMap="userinfoMap" parameterType="com.po.UserinfoPO">
		<!-- 用include標籤引入sql片段，refid寫定義sql片段的id，where標籤不要寫在片段裡 -->
		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>
		
	<!-- 增刪改查標籤裡的id:一定要和接口裡對應的方法名一致 -->
	<delete id="delete" parameterType="int">
		delete from userinfo where userid=#{userid}
	</delete>
	
	<!-- 根據使用者名稱模糊查詢，根據許可權查詢 -->
	<select id="select" resultMap="userinfoMap" parameterType="java.util.Map">
		<!-- 用include標籤引入sql片段，refid寫定義sql片段的id，where標籤不要寫在片段裡 -->
		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接口裡寫上要實現的方法，程式碼如下：

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層是業務層，一般寫事務處理的。具體程式碼如下：

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類，在這個類裡負責接收頁面上提交上來的值，和把從資料庫裡取到的值傳到頁面上，還有負責控制頁面的跳轉等。程式碼如下：

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目錄下的檔案是受保護的。在頁面的程式碼中也都有非常詳細的註釋，這裡就不過多的講解了。我的登入頁面程式碼如下：

<%@ 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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  <!-- 引入jQuery檔案 -->
	<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>
   <!-- 用onsubmit呼叫上面的方法 -->
   <form action="uc/login" method="post" onsubmit="return vform()">
   	<!-- 用po類，這個name值可以隨意起，不受mybatis配置檔案影響了 -->
   		<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>

使用者列表頁面程式碼如下：

<%@ 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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!-- 引入jQuery檔案 -->
	<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>
   	<!-- 查詢部分，給表單定義個name屬性，通過js提交 -->
  <form name="sform" action="uc/select" method="post">  		
  		<div><!-- 如果這裡寫個value，value值就會顯示在頁面上，但是我取不出來request作用域裡的值，所以查詢時，頁面上就沒有查詢的內容了 -->		
  			使用者名稱：<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="查詢">
  			<!-- 重置按鈕，調重置方法clearForm -->
  			<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>
  			<!-- 和po類裡的屬性名一樣 -->
  			<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><!-- 用超連結傳值方式把userid的值傳給控制層 -->
			<a href="/ssmpo/uc/uid?userid=${po.userid }">修改</a> 
			<!-- javascript:void(0)沒有返回值，滑鼠點選什麼也不發生，如果寫#號，點選會跳到頂部。
				onclick="deleteUser(${po.userid})：調javascript裡的方法，並把要刪除的id值傳進來
			 -->
			<a href="javascript:void(0)" onclick="deleteUser(${po.userid})">刪除</a>	
			</td>
   		</tr>
   		</c:forEach> 
   	</table>
  </body>
</html>

新增使用者頁面程式碼如下：

<%@ 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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!-- 引入jQuery檔案 -->
	<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>
  	<!-- 用onsubmit呼叫上面的方法 -->
    <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>

修改使用者資訊頁面程式碼如下：

<%@ 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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!-- 引入jQuery檔案 -->
	<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>
  	<!-- 用onsubmit呼叫上面的方法 -->
    <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>

刪除頁是在使用者列表頁上操作的，我單獨建了一個刪除提醒頁，提醒刪除成功或是刪除失敗的，程式碼如下：

<%@ 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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<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美化，這個樣例僅供參考。資料庫檔案在工程目錄的最下方。

原始碼下載連結: http://download.csdn.net/download/chenmeixxl/10213347

晨魅--練習ssm框架整合，做增刪改查操作

晨魅--練習ssm框架整合，做增刪改查操作

kibana對Elasticsearch做增刪改查操作，以及一些聚合查詢

java+Elasticsearch搜尋引擎做增刪改查操作(Springboot專案)

Larave5.*框架資料庫的CURD增刪改查操作教程

ssm框架整合，pom.xml依賴分析

SSM框架整合，包括工作流Activiti

SSM框架整合、產品訂單的基本操作

SSM框架搭建（Spring+SpringMVC+MyBatis）與easyui整合並實現增刪改查實現

SpringBoot 整合 Thymeleaf 實現增刪改查，實現前後端分離做法

summer框架做增刪改查-總結

小白入職公司都是自己看，嫌棄增刪改查，做了2年感覺沒前途？

idea建立ssm專案、增刪改查操作，以及注意事項！

修改Haproxy文件配置，實現增刪改查

簡單的JDBC的增刪改查操作，附源碼

簡單的JDBC的增刪改查操作->抽取了基類，附源碼

通過用戶模型，對數據庫進行增刪改查操作

通過用戶模型，對數據庫進行增刪改查操作。

文件操作，是一個存為字符串格式的登陸系統，有增刪改查的功能，但不是我想要的。。。

SpringBoot整合Mybatis實現增刪改查的功能

使用EF框架實現增刪改查操作

晨魅--練習ssm框架整合，做增刪改查操作

相關推薦