数据库脚本: emall.sql
数据库文档: emall.doc
默认访问地址: http://localhost:8080/emall_ssm_mysql/index.jsp
默认访问地址: http://localhost:8080/emall_ssm_mysql/admin.jsp
默认后台用户: 用户名:admin 密码:admin
默认前台用户: 用户名:user 密码:user
后端框架: spring4.3 + mybatis3.4
前端框架: jquery + layer
选题背景及意义：
随着人们生活水平的提高，对于绿色、健康的食品的需求越来越高，这也促进了农场农产品电商的发展。在这个背景下，设计和实现一个农场农产品商城购物系统显得尤为重要。
本文基于JavaSSM和MySQL技术，设计并实现了一个农场农产品商城购物系统。该系统主要实现农产品的在线展示、下单、支付、发货、评价等功能，旨在为用户提供方便、快捷、安全的购物体验，同时为农场农产品销售提供更广阔的市场。
该系统的主要意义在于解决了传统农场农产品销售方式中的一些问题，如销售渠道受限、地域限制等，通过在线商城的方式，将农产品直接销售给消费者，提高了农产品的销售量和销售效率。同时，该系统也可以为消费者提供更多种类的农产品，满足了消费者对于健康、绿色食品的需求。此外，该系统的设计和实现也可以培养学生的创新能力和实际操作能力，提高其在就业市场上的竞争力。
本文主要研究和实现了基于JavaSSM和MySQL技术的农场农产品商城购物系统。研究的主要内容概述如下：
系统需求分析：通过分析农场农产品电商的需求，确定本系统所需的功能和性能，包括农产品展示、下单、支付、发货、评价等子系统。
系统设计：包括系统架构设计、数据库设计、界面设计等，详细描述了各个子系统的功能和实现方式。
系统实现：根据设计文档实现各个功能模块，并保证系统的正确性和稳定性。
系统测试：对系统进行测试，包括功能测试、性能测试和安全测试等，验证系统的正确性和稳定性。
结论：总结研究成果和贡献，指出不足之处，展望未来的研究方向。
总之，本文主要研究了基于JavaSSM和MySQL技术的农场农产品商城购物系统的设计和实现，旨在提高农场农产品的销售量和销售效率，同时为消费者提供方便、快捷、安全的购物体验。
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<title>首页</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/public.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/swiper.css">
</head>
<body>
<jsp:include page="header.jsp"/>
<div class="main">
<!--今日推荐-->
<div class="m_content m_today_box">
<div id="m_today">
<div class="m-hot-tit clearfix">
<div class="m-hot-tit-left"><span>今日推荐</span></div>
<a href="today"><div class="m-hot-tit-right"><span>更多推荐 ></span></div></a>
</div>
<div class="mdd_today_box clearfix">
<div class="m_today_center clearfix">
<c:forEach items="${todayList}" var="today">
<div class="goods-box2 ">
<div class="goods clearfix">
<a href="detail?id=${today.id}">
<div class="img-box">
<img src="${today.cover}">
</div>
</a>
<div class="goods-right">
<a href="detail?id=${today.id}">
<p class="goodsname">${
today.name}</p>
</a>
<p class="goods-descript">${
today.intro}</p>
<p class="goods-spec">${
today.spec}</p>
<p class="goodsprices"><span class="yj">¥<span class="yjcont">${
today.price}</span></span></p>
<p class="addcart" data-id="${today.id}"><i class="iconfont icon-gouwuche3"></i>加入购物车</p>
</div>
</div>
</div>
</c:forEach>
</div>
</div>
</div>
</div>
<!--热销排行-->
<div class="m_content mdd-top">
<div id="m_hot">
<div class="m-hot-tit clearfix">
<div class="m-hot-tit-left"><span>热销排行</span></div>
<a href="hot"><div class="m-hot-tit-right"><span>更多热销 ></span></div></a>
</div>
<div class="m_hot_one clearfix">
<c:forEach items="${hotList}" var="hot" begin="0" end="2" varStatus="status">
<div class="goods-box1 ">
<div class="goods clearfix">
<div class="m-pm" style="background-image: url(img/m_top_${status.count}.png)"></div>
<a href="detail?id=${hot.id}">
<div class="img-box">
<img src="${hot.cover}">
</div>
</a>
<div class="goods-right">
<a href="detail?id=${hot.id}">
<p class="goodsname">${
hot.name}</p>
</a>
<p class="goods-descript">${
hot.intro}</p>
<p class="goods-spec">${
hot.spec}</p>
<p class="goodsprices"><span class="yj">¥<span class="yjcont">${
hot.price}</span></span></p>
<p class="addcart" data-id="${hot.id}"><i class="iconfont icon-gouwuche3"></i>加入购物车</p>
</div>
</div>
</div>
</c:forEach>
</div>
<div class="m_hot_two clearfix">
<c:forEach items="${hotList}" var="hot" begin="4" end="8" varStatus="status">
<div class="goods-box ">
<div class="goods clearfix">
<div class="m-pm"><span>${
status.count + 3}</span></div>
<a href="detail?id=${hot.id}">
<div class="img-box">
<img src="${hot.cover}">
</div>
</a>
<div class="goods-right">
<a href="detail?id=${hot.id}">
<p class="goodsname">${
hot.name}</p>
</a>
<p class="goods-descript">${
hot.intro}</p>
<p class="goods-spec">${
hot.spec}</p>
<p class="goodsprices"><span class="yj">¥<span class="yjcont">${
hot.price}</span></span></p>
<p class="addcart" data-id="${hot.id}"><i class="iconfont icon-gouwuche3"></i>加入购物车</p>
</div>
</div>
</div>
</c:forEach>
</div>
</div>
</div>
<!--产品分类-->
<c:forEach items="${dataList}" var="data">
<div class="main Louti vegetable">
<div class="m-hot-tit clearfix">
<div class="m-hot-tit-left"><span>${
data.type.name}</span></div>
<a href="type?id=${data.type.id}"><div class="m-hot-tit-right">查看更多 ></div></a>
</div>
<div class="main-box">
<div class="m-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<c:forEach items="${data.goodList}" var="good" varStatus="status">
<div class="goods-box ">
<div class="goods">
<a href="detail?id=${good.id}">
<div class="img-box">
<img src="${good.cover}">
</div>
</a>
<a href="detail?id=${good.id}">
<p class="goodsname">${
good.name}</p>
</a>
<p class="goods-descript">${
good.intro}</p>
<p class="goods-spec">${
good.spec}</p>
<p class="goodsprices"><span class="yj">¥<span class="yjcont">${
good.price}</span></del></p>
<p class="addcart" data-id="${good.id}"><i class="iconfont icon-gouwuche3"></i>加入购物车</p>
</div>
</div>
<c:if test="${status.count%5==0}">
</div><div class="swiper-slide">
</c:if>
</c:forEach>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</c:forEach>
</div>
<jsp:include page="footer.jsp"/>
</body>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.fly.min.js" type="text/javascript"></script>
<script src="js/jquery.flexslider.min.js" type="text/javascript"></script>
<script src="js/swiper.min.js" type="text/javascript"></script>
<script type="text/javascript">
// 商品轮播
new Swiper('.m-swiper-container', {
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
// 显示购物车按钮
$(".goods-box").on("mouseenter", function() {
$(this).addClass("active")
$(this).find(".addcart").show()
$(this).find(".reserve").show()
$(this).find(".m_stop").show()
$(this).find(".goodsprices").hide()
});
$(".goods-box").on("mouseleave", function() {
$(this).removeClass("active")
$(this).find(".addcart").hide()
$(this).find(".reserve").hide()
$(this).find(".m_stop").hide()
$(this).find(".goodsprices").show()
});
$(".goods-box1").on("mouseenter", function() {
$(this).addClass("active")
});
$(".goods-box1").on("mouseleave", function() {
$(this).removeClass("active")
});
$(".goods-box2").on("mouseenter", function() {
$(this).addClass("active")
$(this).find(".addcart").show()
$(this).find(".reserve").show()
$(this).find(".goodsprices").hide()
});
$(".goods-box2").on("mouseleave", function() {
$(this).removeClass("active")
$(this).find(".addcart").hide()
$(this).find(".reserve").hide()
$(this).find(".goodsprices").show()
});
</script>
</html>
