一 Ebuy首页展示之导航栏

1.页面原型

1.1导航栏需求分析

logo、一级导航、二级导航以及样式

1.2流程图

[外链图片转存失败(img-H7fY2kXm-1563343911693)(img\ebuy_nav_2.png)]

1.3 数据库信息

(t_bigType)

列名	数据类型（精度范围）	允许空	约束条件
主键列	id	int	否	主键，自动增长
分类名称	name	varchar(50)	是
备注	remarks	varchar(255)	是

(t_tag)

主键列	id	int	否	主键，自动增长
标签名称	name	varchar(50)	是
跳转地址	url	varchar(100)	是

二 实现导航栏

2.1 Web.xml配置

 <servlet>
    <servlet-name>index</servlet-name>
    <servlet-class>com.xxx.controller.InitController</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>index</servlet-name>
    <url-pattern>/index</url-pattern>
  </servlet-mapping>

2.2 引入相关类库

将类库引入WEB-INF–>lib

commons-beanutils-1.8.0.jar
commons-collections-3.1.jar
commons-dbutils-1.7.jar
commons-lang-2.4.jar
commons-logging-1.1.3.jar
ezmorph-1.0.6.jar
json-lib-2.2.3-jdk15.jar
jstl.jar
standard.jar
mysql-connector-java-5.1.26-bin.jar
servlet-api.jar

同时shift全选–> build path

如图：

[外链图片转存失败(img-nn4vqyrg-1563343911694)(img\ebuy_class.png)]

2.3 创建实体类(entity)

package com.xxx.vo;
/**
 * 热门标签 
 */
public class Tag {
   
	private int id; //标签id
	private String name;//标签名称
	private String url;//标签地址
	public Tag() {
   
		
	}
	public Tag(int id, String name, String url) {
   
		this.id = id;
		this.name = name;
		this.url = url;
	}
	public int getId() {
   
		return id;
	}
	public void setId(int id) {
   
		this.id = id;
	}
	public String getName() {
   
		return name;
	}
	public void setName(String name) {
   
		this.name = name;
	}
	public String getUrl() {
   
		return url;
	}
	public void setUrl(String url) {
   
		this.url = url;
	}
}

package com.xxx.vo;

import java.util.ArrayList;
import java.util.List;
/**
 * 
  *产品大分类
 *
 */
public class ProductBigType {
   
	private Integer id;//主键ID
	private String name;//商品名称
	private String remarks;//标签
	private List<ProductSmallType> smallTypeList = new ArrayList<ProductSmallType>();//小类别集合
	
	public ProductBigType() {
   
		// TODO Auto-generated constructor stub
	}
	
	public ProductBigType(Integer id, String name, String remarks,  List<ProductSmallType> smallTypeList) {
   
		this.id = id;
		this.name = name;
		this.remarks = remarks;
		this.smallTypeList = smallTypeList;
	}
	

	public Integer getId() {
   
		return id;
	}

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

	public String getName() {
   
		return name;
	}

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

	public String getRemarks() {
   
		return remarks;
	}

	public void setRemarks(String remarks) {
   
		this.remarks = remarks;
	}

	public List<ProductSmallType> getSmallTypeList() {
   
		return smallTypeList;
	}

	public void setSmallTypeList(List<ProductSmallType> smallTypeList) {
   
		this.smallTypeList = smallTypeList;
	}

	@Override
	public String toString() {
   
		return "ProductBigType [id=" + id + ", name=" + name + ", remarks=" + remarks +