`
sophia828
  • 浏览: 9651 次
社区版块
存档分类
最新评论

8.完成首页展示功能(二)

 
阅读更多
  • 2.banner的显示

参考菜单功能的流程,新建:

    1). 商品对象(banner这里显示的也是商品信息)

    Commodity.class

package com.qyuz.model;
import java.io.Serializable;
public class Commodity implements Serializable{
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	
	String id;
	String name;
	String descr;
	String picurl;
	Double price;
	Integer stock;
	Integer categoryId;
	String url1;
	String url2;
	String url3;
	public Commodity(){
		
	}
	
	public Commodity(String name, String descr, String picurl,
			Double price, Integer stock, Integer categoryId, int type) {
		this.name = name;
		this.descr = descr;
		this.picurl = picurl;
		this.price = price;
		this.stock = stock;
		this.categoryId = categoryId;
	}

	public String getId() {
		return id;
	}

	public void setId(String id) {
		this.id = id;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getDescr() {
		return descr;
	}

	public void setDescr(String descr) {
		this.descr = descr;
	}

	public String getPicurl() {
		return picurl;
	}

	public void setPicurl(String picurl) {
		this.picurl = picurl;
	}

	public Double getPrice() {
		return price;
	}

	public void setPrice(Double price) {
		this.price = price;
	}

	public Integer getStock() {
		return stock;
	}

	public void setStock(Integer stock) {
		this.stock = stock;
	}

	public Integer getCategoryId() {
		return categoryId;
	}

	public void setCategoryId(Integer categoryId) {
		this.categoryId = categoryId;
	}

	public static long getSerialversionuid() {
		return serialVersionUID;
	}

	public String getUrl1() {
		return url1;
	}

	public void setUrl1(String url1) {
		this.url1 = url1;
	}

	public String getUrl2() {
		return url2;
	}

	public void setUrl2(String url2) {
		this.url2 = url2;
	}

	public String getUrl3() {
		return url3;
	}

	public void setUrl3(String url3) {
		this.url3 = url3;
	}

	public String toString(){
		return " Commodity[id="+this.id 
				+",name=" +this.name
				+",desc="+this. descr
				+",picurl="+this. picurl
				+",price="+this. price
				+",stock="+this. stock
				+",categoryId="+this.categoryId
				+"]";
	}
}

   

 

 

    2).Dao层

     ComDao.class

package com.qyuz.dao;

import java.util.List;
import java.util.Map;

import com.qyuz.model.Commodity;

public interface ComDao {
	
	/**
	 * 
	 * @return
	 */
	public List<Commodity> getComs(Map map);
}

    ComDaoMapper.xml:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//ibatis.apache.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.qyuz.dao.ComDao">
   
   <select id="getComs" parameterType="Map" resultType="com.qyuz.model.Commodity" >
   		select * from commodity
   		where 1=1
   		<if test="id != null">
   			and id=${id}
   		</if>
   		<if test="categoryId != null">
   			and category_id=${categoryId}
   		</if>
   		<if test="start != null and end != null">
   			limit ${start},${end}
   		</if>
   </select>
</mapper>

   

 

     3). Service层

     IComService.class

package com.qyuz.service;

import java.util.List;

import com.qyuz.model.Commodity;


public interface IComService {
	/**
	 * 
	 * @return
	 */
	public List<Commodity> getBannerComs();
}

    ComServiceImpl.class

package com.qyuz.service.impl;

import java.util.HashMap;
import java.util.List;

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

import com.qyuz.dao.ComDao;
import com.qyuz.model.Commodity;
import com.qyuz.service.IComService;


@Service
public class ComServiceImpl implements IComService {

	@Autowired
	ComDao dao;
	
	@Override
	public List<Commodity> getBannerComs() {
		// TODO Auto-generated method stub
		HashMap map = new HashMap();
		map.put("categoryId", 1);
		return dao.getComs(map);
	}
}

   

     

    4). controller层

   在HomeController.class添加,

   属性:

@Autowired
IComService comService;

   index函数里添加:

List<Commodity> banners = comService.getBannerComs();
map.put("banners", banners);

 

 

    5).view层

     将home.jsp中banner部分的代码替换为:

<div class="banner">
		<div class="col-sm-3 banner-mat">
			<img class="img-responsive" src="images/ba1.jpg" alt="">
		</div>


		<div class="col-sm-6 matter-banner">
			<div class="slider">
				<div class="callbacks_container">
					<ul class="rslides" id="slider">
						<c:forEach items="${banners}" var="b" varStatus="vs">
							<li><img src="${b.picurl}" alt=""></li>
						</c:forEach>
					</ul>
				</div>
			</div>
		</div>
		<div class="col-sm-3 banner-mat">
			<img class="img-responsive" src="images/ba1.jpg" alt="">
		</div>
		<div class="clearfix"></div>
	</div>

 

 

  • 3.最新商品列表
     因为前边已经新建了商品相关的对象和dao层等,之后对商品的查询只需要在之前的基础上添加即可,dao层的sql可以实现最新商品的查询,所以不用修改dao层。
     1).service层,ComService.class添加函数:
public List<Commodity> getRecentComs();
    ComServiceImpl.class添加函数:
@Override
public List<Commodity> getRecentComs() {
	HashMap map = new HashMap();
	map.put("categoryId", 4);
	return dao.getComs(map);
}
 
     2).controller层,HomeController.class的index函数里添加:
List<Commodity> recents = comService.getRecentComs();
map.put("recents", recents);
 
    3)view层,将home.jsp中content的内容替换如下:
<div class="content">
		<div class="container">
			<div class="content-top">
				<h1>Recent Products</h1>
				<div class="content-top1">
					<c:forEach items="${recents}" var="r">
						<div class="col-md-3 col-md2">
							<div class="col-md1 simpleCart_shelfItem">
								<a href="com/detail.do?id=${r.id}"> <img class="img-responsive"
									src="${r.picurl}" alt="" /> </a>
								<h3>
									<a href="com/detail.do?id=${r.id}">${r.name}</a>
								</h3>
								<div class="price">
									<h5 class="item_price">$${r.price}</h5>
									<a href="javascript:void(0)" onclick="addToCart('${r.id}')"
										class="item_add">Add To Cart</a>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
					</c:forEach>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
 
   4).测试,http://localhost:8080/myecom/index.do。
     至此,电商首页的跟查询相关的主要工作完成。
分享到:
评论

相关推荐

    TeeChart8.ocx图表控件(含注册)汉化版

    TeeChart8.ocx是一款广泛应用于数据可视化领域的图表控件,尤其在开发Windows应用程序时,它为程序员提供了丰富的图表类型和强大的图形绘制功能。这款控件由Steema Software公司开发,设计目标是帮助开发者轻松创建...

    TeeChart8.ocx 破解中文版

    它提供了大量的图表样式,包括折线图、柱状图、饼图、散点图、甘特图等,使得开发者能够轻松地为他们的应用程序添加专业级的数据展示功能。 在使用TeeChart8.ocx时,你需要首先进行注册才能在开发环境中正常使用。...

    基于JavaWeb的期刊管理系统+课设报告.zip

    5. 完成期刊删除以及首页展示 6. 编写WebUtils类,转化注入Bean对象(封装BeanUtils) 7. 完成用户数据库建立 8. 完成用户类Servlet 9. 完成登录功能 10. 完成期刊增加,修改功能 11. 完成期刊查询分页显示功能 12. ...

    app开发方案范本.pdf

    5. 商品信息展示功能:用户可以查看商品的详细信息。 6. 商品详细信息展示功能:用户可以查看商品的详细信息。 7. 支付购买功能:用户可以通过支付购买功能来购买商品。 8. 订单查询功能:用户可以通过订单查询功能...

    TeeChart8.ocx及安装方法,使用心得

    TeeChart8.ocx是一款专为开发者设计的强大图表控件,尤其适用于Visual C++ 6.0这样的开发...总的来说,TeeChart8是一款功能强大且易于使用的图表控件,对于需要进行数据可视化的开发者来说,是一个非常有价值的工具。

    苹果CMS v10 2022.8.3官方原版源码

    苹果CMS是一款广泛应用...以上就是苹果CMS v10 2022.8.3官方原版源码中各文件和目录的基本功能和重要性的简要说明。对于开发者来说,理解这些文件的作用有助于更有效地管理和自定义苹果CMS系统,以满足特定的建站需求。

    springboot266基于Web的农产品直卖平台的设计与实现.zip

    2. 完成平台首页开发、展示产品(显示产品图片、介绍、价格等信心)、产品分类和搜索相关功能; 3. 产品详情-产品相关介绍、加入购物车、立即购买等功能; 4. 买家中心功能-订单管理相关功能; 5. 卖家中心功能-...

    Axure RP8 v8.1.0.3395 安装和解压二合一版本

    本资源为Axure RP8 v8.1.0.3395的安装和解压二合一版本,意味着用户可以一次性完成软件的下载、解压与安装,大大简化了操作流程。 Axure RP8的主要功能包括快速创建线框图、原型和规格说明,它支持动态面板、复用件...

    allure2.13.8

    Allure 2.13.8作为其中的一个稳定版本,不仅提供基本的测试结果展示,还包含丰富的图表、步骤详情、缺陷管理等功能,使得测试过程和结果更加透明化。 二、Allure 2.13.8的主要特性 1. **丰富的报告视图**:Allure ...

    python-3.11.8.exe

    这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是...

    VB使用曲线图展示各项指标完成情况.rar

    VB6.0折线图生成实例,使用曲线图展示各项指标完成情况,同样是使用了MSChart控件的功能,这个折线图的数据取自SQL数据库,在程序中会建立数据库操作模块,将数据读取出来,然后交给折线图生成模块,最终生成这种不同颜色的...

    jquery输入框提示自动完成功能.rar

    本教程将深入探讨如何利用jQuery实现输入框的提示自动完成功能,这种功能常见于搜索引擎、登录表单等,可以极大地提高用户体验。 首先,我们需要一个基本的HTML结构,包括一个input元素,作为用户输入的文本框。...

    Maccms8.x整合ckplayer6.6

    Maccms8.x是其较新的一个版本,具备完善的视频发布、管理、搜索和播放等功能,支持多终端展示,适用于构建大型视频站点。 ckplayer是一款广泛使用的HTML5视频播放器,版本6.6提供了丰富的功能和良好的兼容性,能够...

    WEB-历史展示【axure8】.zip

    综上所述,"WEB-历史展示【axure8】"可能是一个Web应用历史展示功能的原型设计项目,使用了Axure RP 8工具来构建。这个项目涵盖了从界面设计、交互模拟到文档生成的全过程,展示了原型设计在Web开发中的重要性和实用...

    基于java+Tomcat+Spring+SpringMVC+Mybits框架实现的叮当书城项目

    ## 一、项目功能 ### 1.前台功能 1. 图书基本展示,包括推荐图书展示和类图书类型展示. 2. 推荐图书包括条幅推荐,热销推荐和新品推荐. 3. 按照图书类型展示商品. 4. 图书详细信息展示. 5. 图书加入购物车. 6. 修改...

    积分商城商品详情展示功能效果实现项目教学设计.docx

    3. 课后:学生完成积分商城商品详情展示功能效果,上传qq 群,进行互动点评。 六、教学后记 该项目教学设计的主要目的是让学生掌握 Axure 动态面板使用方法,并能够熟练应用动态面板完成滑动、定位等动效。通过该...

    vsflex8(三个控件)

    【标题】"vsflex8(三个控件)"指的是在Visual Studio环境下使用的三个ActiveX控件,它们分别是vsflex8.ocx、vsprint8.ocx和vsrpt8.ocx。这些控件是FlexGrid控件的增强版本,主要用于创建和显示网格数据,提供丰富的...

    基于androidx的跑步app-包含源码-文档-演示视频.zip

    3.完成计步功能,包括跑步的步数,时间,距离等信息的计算; 4.完成数据存储功能,包括保存运动记录,查看运动记录等; 5.完成计时功能,包括可自定义时间、周期、铃声等。 6.完成目标功能, 可设定时间或步数目标...

Global site tag (gtag.js) - Google Analytics