Database script: emall.sql
Database documentation: emall.doc
Default access address: http://localhost:8080/emall_ssm_mysql/index.jsp
Default access address: http://localhost:8080/emall_ssm_mysql/admin.jsp
Default background user: Username: admin Password: admin
Default front user: user Name: user Password: user
Backend framework: spring4.3 + mybatis3.4
Frontend framework: jquery + layer
Background and significance of topic selection:
With the improvement of people's living standards, the demand for green and healthy food is getting higher and higher, which also promotes the development of farm agricultural e-commerce. In this context, it is particularly important to design and implement a shopping system for farm produce mall.
Based on JavaSSM and MySQL technology, this paper designs and implements a shopping system for farm produce mall. The system mainly realizes the online display, ordering, payment, delivery, evaluation and other functions of agricultural products, aiming to provide users with a convenient, fast and safe shopping experience, and at the same time provide a broader market for farm agricultural product sales.
The main significance of this system is to solve some problems in the sales methods of traditional farm agricultural products, such as limited sales channels and geographical restrictions. efficiency. At the same time, the system can also provide consumers with more varieties of agricultural products, meeting consumers' demand for healthy and green food. In addition, the design and implementation of the system can also cultivate students' innovative ability and practical operation ability, and improve their competitiveness in the job market.
This paper mainly researches and realizes the shopping system of farm produce mall based on JavaSSM and MySQL technology. The main contents of the study are summarized as follows:
System requirements analysis: By analyzing the needs of farm agricultural products e-commerce, determine the functions and performance required by the system, including agricultural product display, ordering, payment, delivery, evaluation and other subsystems.
System design: including system architecture design, database design, interface design, etc., and describes the functions and implementation methods of each subsystem in detail.
System implementation: implement each functional module according to the design documents, and ensure the correctness and stability of the system.
System test: test the system, including functional test, performance test and security test, etc., to verify the correctness and stability of the system.
Conclusion: Summarize the research results and contributions, point out the shortcomings, and look forward to the future research direction.
In short, this paper mainly studies the design and implementation of the farm produce mall shopping system based on JavaSSM and MySQL technology, aiming to improve the sales volume and sales efficiency of farm produce, while providing consumers with a convenient, fast and safe shopping experience.
<%@ 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>
