小編來給大家舉個比較簡單的SSM框架項(xiàng)目實(shí)例。

項(xiàng)目結(jié)構(gòu)圖：

看項(xiàng)目結(jié)構(gòu)：

關(guān)鍵代碼：

前端是jsp技術(shù)，當(dāng)然也可以用vue分離的自己選擇就好。

訂單頁面：

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page isELIgnored="false" %>
<%@include file="./common/head.jsp"%>
<div class="right">
       <div class="location">
           <strong>你現(xiàn)在所在的位置是:</strong>
           <span>訂單管理頁面</span>
       </div>
       <div class="search">
       <form method="get" action="${pageContext.request.contextPath }/jsp/bill.do">
			<input name="method" value="query" class="input-text" type="hidden">
			<span>商品名稱：</span>
			<input name="queryProductName" type="text" value="${queryProductName }">			 
			<span>供應(yīng)商：</span>
			<select name="queryProviderId">
				<c:if test="${providerList != null }">
				   <option value="0">--請選擇--</option>
				   <c:forEach var="provider" items="${providerList}">
				   		<option value="${provider}">${provider}</option>
				   </c:forEach>
				</c:if>
       		</select>			 
			<span>是否付款：</span>
			<select name="queryIsPayment">
				<option value="0">--請選擇--</option>
				<option value="1" ${queryIsPayment == 1 ? "selected=\"selected\"":"" }>未付款</option>
				<option value="2" ${queryIsPayment == 2 ? "selected=\"selected\"":"" }>已付款</option>
       		</select>			
			 <input	value="查 詢" type="submit" id="searchbutton">
			 <a href="${pageContext.request.contextPath }/billadd">添加訂單</a>
		</form>
       </div>
       <!--賬單表格 樣式和供應(yīng)商公用-->
      <table class="providerTable" cellpadding="0" cellspacing="0">
          <tr class="firstTr">
              <th width="10%">訂單編碼</th>
              <th width="20%">商品名稱</th>
              <th width="10%">供應(yīng)商</th>
              <th width="10%">訂單金額</th>
              <th width="10%">是否付款</th>
              <th width="10%">創(chuàng)建時間</th>
              <th width="30%">操作</th>
          </tr>
          <c:forEach var="bill" items="${billList }" varStatus="status">
				<tr>
					<td>
					<span>${bill.billCode }</span>
					</td>
					<td>
					<span>${bill.productName }</span>
					</td>
					<td>
					<span>${bill.providerId}</span>
					</td>
					<td>
					<span>${bill.totalPrice}</span>
					</td>
					<td>
					<span>
						<c:if test="${bill.isPayment == 1}">未付款</c:if>
						<c:if test="${bill.isPayment == 2}">已付款</c:if>
					</span>
					</td>
					<td>
					<span>
					${bill.creationDate}
					</span>
					</td>
					<td>
					<span><a class="viewBill" href="${pageContext.request.contextPath }/billview?code=${bill.billCode}" billid=${bill.id } billcc=${bill.billCode }><img src="${pageContext.request.contextPath }/images/read.png" alt="查看" title="查看"/></a></span>
					<span><a class="modifyBill" href="${pageContext.request.contextPath }/billmodify?code=${bill.billCode}" billid=${bill.id } billcc=${bill.billCode }><img src="${pageContext.request.contextPath }/images/xiugai.png" alt="修改" title="修改"/></a></span>
					<span><a class="deleteBill" href="javascript:deleteBill();" billid=${bill.id } billcc=${bill.billCode }><img src="${pageContext.request.contextPath }/images/schu.png" alt="刪除" title="刪除"/></a></span>
					</td>
				</tr>
			</c:forEach>
      </table>
  </div>
</section>

<!--點(diǎn)擊刪除按鈕后彈出的頁面-->
<div class="zhezhao"></div>
<div class="remove" id="removeBi">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你確定要刪除該訂單嗎？</p>
            <a href="#" id="yes">確定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>
<%@include file="./common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/billlist.js"></script>

界面就沒有上面好看的了，框架自行下載。

供應(yīng)商頁面：

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@include file="./common/head.jsp"%>
<div class="right">
        <div class="location">
            <strong>你現(xiàn)在所在的位置是:</strong>
            <span>供應(yīng)商管理頁面</span>
        </div>
        <div class="search">
        	<form method="get" action="${pageContext.request.contextPath }/provider.select">
				<input name="method" value="query" type="hidden">
				<span>供應(yīng)商編碼：</span>
				<input name="queryProCode" type="text" value="${queryProCode }">				
				<span>供應(yīng)商名稱：</span>
				<input name="queryProName" type="text" value="${queryProName }">				
				<input value="查 詢" type="submit" id="searchbutton">
				<a href="${pageContext.request.contextPath }/jsp/provideradd.jsp">添加供應(yīng)商</a>
			</form>
        </div>
        <!--供應(yīng)商操作表格-->
        <table class="providerTable" cellpadding="0" cellspacing="0">
            <tr class="firstTr">
                <th width="10%">供應(yīng)商編碼</th>
                <th width="20%">供應(yīng)商名稱</th>
                <th width="10%">聯(lián)系人</th>
                <th width="10%">聯(lián)系電話</th>
                <th width="10%">傳真</th>
                <th width="10%">創(chuàng)建時間</th>
                <th width="30%">操作</th>
            </tr>
            <c:forEach var="provider" items="${providerList }" varStatus="status">
				<tr>
					<td>
					<span>${provider.proCode }</span>
					</td>
					<td>
					<span>${provider.proName }</span>
					</td>
					<td>
					<span>${provider.proContact}</span>
					</td>
					<td>
					<span>${provider.proPhone}</span>
					</td>
					<td>
					<span>${provider.proFax}</span>
					</td>
					<td>
					<span>
					${provider.creationDate}
					</span>
					</td>
					<td>
					<span><a class="viewProvider" href="${pageContext.request.contextPath }/providerview?code=${provider.proCode}" proid=${provider.id } proname=${provider.proName }><img src="${pageContext.request.contextPath }/images/read.png" alt="查看" title="查看"/></a></span>
					<span><a class="modifyProvider" href="${pageContext.request.contextPath }/provideralter?code=${provider.proCode}" proid=${provider.id } proname=${provider.proName }><img src="${pageContext.request.contextPath }/images/xiugai.png" alt="修改" title="修改"/></a></span>
					<span><a class="deleteProvider" href="javascript:;" proid=${provider.id } proname=${provider.proName }><img src="${pageContext.request.contextPath }/images/schu.png" alt="刪除" title="刪除"/></a></span>
					</td>
				</tr>
			</c:forEach>
        </table>

    </div>
</section>
<!--點(diǎn)擊刪除按鈕后彈出的頁面-->
<div class="zhezhao"></div>
<div class="remove" id="removeProv">
   <div class="removerChid">
       <h2>提示</h2>
       <div class="removeMain" >
           <p>你確定要刪除該供應(yīng)商嗎？</p>
           <a href="#" id="yes">確定</a>
           <a href="#" id="no">取消</a>
       </div>
   </div>
</div>
<%@include file="./common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/providerlist.js"></script>

主要是前后端的交互部分，控制器都是由spring容器控制，注意要釋放靜態(tài)資源。

訂單后臺：

package cms.ssm.controller;
import cms.ssm.dao.BillMapper;
import cms.ssm.dao.ProviderMapper;
import cms.ssm.model.Bill;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import javax.annotation.Resource;
import java.util.List;
@Controller
public class BillController {
    @Resource
    private BillMapper billMapper;
    @Resource
    private ProviderMapper providerMapper;
    @GetMapping("/bill")
    public String showBill(Model model){
        List<Bill> bills = billMapper.selectAll();
        List<String> list = providerMapper.selectProviderNames();
        model.addAttribute("billList",bills);
        model.addAttribute("providerList",list);
        return "/jsp/billlist.jsp";
    }
    @GetMapping("/billview")
    public String showOne(@RequestParam("code") String code,Model model){
        Bill bill = billMapper.selectByCode(code);
        model.addAttribute("bill",bill);
        return "/jsp/billview.jsp";
    }
    @GetMapping("/billmodify")
    public String alterBill(@RequestParam("code") String code,Model model){
        Bill bill = billMapper.selectByCode(code);
        List<String> list = providerMapper.selectProviderNames();
        model.addAttribute("bill",bill);
        model.addAttribute("provider",list);
        return "/jsp/billmodify.jsp";
    }
    @GetMapping(value = "/jsp/bill.do")
    public String select_more(@RequestParam("method") String method,@RequestParam("queryProductName") String queryProductName,@RequestParam("queryIsPayment") int queryIsPayment,Model model){
        List<Bill> billList = billMapper.selectMore("%"+queryProductName+"%", queryIsPayment);
        model.addAttribute("billList",billList);
        return "/jsp/billlist.jsp";
    }
    @GetMapping(value = "/billadd")
    public String billAdd(Model model){
        List<String> list = providerMapper.selectProviderNames();
        model.addAttribute("list",list);
        return "/jsp/billadd.jsp";
    }
    @RequestMapping(value = "/billadd.do", method = RequestMethod.GET)
    public void billAddColumn(@RequestParam("billCode") String billCode, @RequestParam("productName") String productName, @RequestParam("productCount") Double productCount,@RequestParam("productUnit") String productUnit,@RequestParam("providerId") int providerId){
        Bill bill =new Bill();
        bill.setBillCode(billCode);
        bill.setProductName(productName);
        bill.setProductCount(productCount);
        bill.setProductUnit(productUnit);
        bill.setProviderId(providerId);
        billMapper.insertOneBill(bill);
    }
}

供應(yīng)商后臺：

package cms.ssm.controller;
import cms.ssm.dao.ProviderMapper;
import cms.ssm.dao.UserMapper;
import cms.ssm.model.Provider;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.annotation.Resource;
import java.util.List;
@Controller
public class ProviderController {
    @Resource
    private ProviderMapper providerMapper;
//    @Resource
//    private UserMapper userMapper;
    @GetMapping(value = "/provider")
    public String showProviders(Model model){
        List<Provider> list= providerMapper.selectAll();
        //List<String> roles= userMapper.select_all_role();
        model.addAttribute("providerList",list);
        return "jsp/providerlist.jsp";
    }
    @GetMapping(value = "/providerview")
    public String providerView(@RequestParam("code") String code,Model model){
        Provider provider= providerMapper.selectById(code);
        model.addAttribute("provider",provider);
        return "/jsp/providerview.jsp";
    }
    @GetMapping(value = "/provideralter")
    public String providerAlter(@RequestParam("code") String code,Model model){
        Provider provider= providerMapper.selectById(code);
        model.addAttribute("provider",provider);
        return "/jsp/providermodify.jsp";
    }
    @GetMapping(value = "/provider.select")
    public String providerSelect(Model model,@RequestParam("queryProCode") String queryProCode,@RequestParam("queryProName") String queryProName){
        List<Provider> list = providerMapper.selectMore("%"+queryProCode+"%", "%"+queryProName+"%");
        model.addAttribute("providerList",list);
        return "/jsp/providerlist.jsp";
    }
    @GetMapping(value = "/provideradd.do")
    public String providerAdd(@RequestParam("proCode") String proCode,@RequestParam("proName") String proName,@RequestParam("proContact") String proContact,@RequestParam("proPhone") String proPhone,@RequestParam("proAddress") String proAddress,@RequestParam("proFax") String proFax,@RequestParam("proDesc") String proDesc){
        Provider provider = new Provider();
        provider.setProCode(proCode);
        provider.setProName(proName);
        provider.setProContact(proContact);
        provider.setProPhone(proPhone);
        provider.setProAddress(proAddress);
        provider.setProFax(proFax);
        provider.setProDesc(proDesc);
        providerMapper.insertOne(provider);
        return "/jsp/provideradd.jsp";
    }
    @GetMapping(value = "/provider.oparater")
    @ResponseBody
    public String providerOparater(@RequestParam("proid") int id){
        providerMapper.delById(id);
        String delResult = "true";
        return delResult;        
    }
}