二十七、商城 - 搜索解决方案-Solr（15）【1】

一、Solr 安装与配置
- 1.1 什么是 Solr
- 1.2 Solr 安装
- 1.3 中文分析器IK Analyzer
- - 1.3.1 IK Analyzer简介
  - 1.3.2 IK Analyzer配置
- 1.4 配置域
- - 1.4.1 域
  - 1.4.2 复制域
  - 1.4.3 动态域
二、Spring Data Solr入门
- 2.1 Spring Data Solr简介
- 2.2 Spring Data Solr 入门小 Demo
- - 2.2.1 搭建工程
  - 2.2.2 @Field 注解
  - 2.2.3 增加（修改）
  - 2.2.4 按主键查询
  - 2.2.5 按主键删除
  - 2.2.6 分页查询
  - 2.2.7 条件查询
  - 2.2.8 删除全部数据
三、优乐选-批量数据导入
- 3.1 需求分析
- 3.2 查询商品数据列表
- - 3.2.1 工程搭建
  - 3.2.2 数据导入Solr索引库
  - 3.2.3 代码编写导入solr
- 3.4 规格导入动态域
- - 3.4.1 @Dynamic注解
  - 3.4.2 修改导入工具
四、优乐选-关键字搜索
- 4.1 需求分析
- 4.2 后端代码
- - 4.2.1 服务接口层
  - 4.2.2 服务实现层
  - 4.2.3 控制层
- 4.3 前端代码
- - 4.3.1 拷贝资源
  - 4.3.2 服务层
  - 4.3.3 控制层
  - 4.3.4 页面

一、Solr 安装与配置

1.1 什么是 Solr

大多数搜索引擎应用都必须具有某种搜索功能，问题是搜索功能往往是巨大的资源消耗，并且它们会由于沉重的数据库加载而拖垮你的应用性能。

这就是为什么转移负载到一个外部的搜索服务器的主要原因，Apache Solr是一个流行的开源搜索服务器，它通过使用类似REST的HTTP API，确保你能从几乎任何编程语言来使用solr。

Solr是一个开源搜索平台，用于构建搜索应用程序。它建立在 Lucene (全文搜索引擎)之上。Solr是企业级的，快速的，高度可扩展的。

为了在CNET网络的公司网站上添加搜索功能，Yonik Seely于2004年创建了Solr。并在2006年1月，它成为Apache软件基金会下的一个开源项目。并于2016年发布最新版本Solr 6.0，支持并行SQL查询的执行。

Solr可以和Hadoop一起使用。由于Hadoop处理大量数据，Solr帮助我们从这么大的源中找到所需的信息。不仅限于搜索，Solr也可以用于存储目的。像其他NoSQL数据库一样，它是一种非关系数据存储和处理技术。

总之，Solr是一个可扩展的，可部署，搜索 / 存储引擎，优化搜索大量以文本为中心的数据。

1.2 Solr 安装

获取 solr

注意：需要提前配置好linux下的java环境

上传压缩包至 linux，并解压到/usr/local/solr目录下（软件\solr\solr-7.2.1.tgz）

进入解压目录，进入bin目录，启动：

./solr  start  -force     //root用户启动需要增加 -force

上述正常可直接跳转4，创建核心库

访问：Solr服务的默认服务端口是8983，此刻访问你的 http://IP:8983 , 应该可以看到Solr的控制面板了。

例如中级项目为：http://192.168.188.180:8983

访问 8983端口连接失败，原因可能有两个：

（1）Solr 服务没有启动，启动即可，可以通过命令查看Solr的当前状态

cd /usr/local/solr/bin

./solr status

（2）把防火墙相关端口打开：

firewall-cmd --add-port=8983/tcp --permanent

firewall-cmd --reload

创建core：core是solr的特有概念，每个core是一个查询数据、索引等的集合体，你可以把它想象成一个独立数据库，我们创建一个新core：名字[collection1]

cd /usr/solr/bin

./solr create -c collection1 -force  // -c 指定要创建的Core名称 root用户启动需要增加 -force

创建成功刷新页面显示：

1.3 中文分析器IK Analyzer

1.3.1 IK Analyzer简介

IK Analyzer 是一个开源的，基于 java 语言开发的轻量级的中文分词工具包。从 2006年 12 月推出 1.0 版开始， IKAnalyzer 已经推出了 4 个大版本。最初，它是以开源项目Luence 为应用主体的，结合词典分词和文法分析算法的中文分词组件。从 3.0 版本开始，IK 发展为面向 Java 的公用分词组件，独立 Lucene 项目，同时提供了对 Lucene 的默认优化实现。在 2012 版本中，IK 实现了简单的分词歧义排除算法，标志着 IK 分词器从单纯的词典分词向模拟语义分词衍化。

1.3.2 IK Analyzer配置

步骤：

下载 IKAnalyzer for solr5 的源码包，然后使用Maven编译，得到一个文件IKAnalyzer-5.0.jar

上传ik jar包到/usr / local / solr / server / solr-webapp / webapp / WEB-INF / lib目录中

修改/usr / local / solr / server / solr / collection1 / conf / managed-schema，添加fieldType内容：

（注：先安装连接 Notepad++ 五、Notepad++）

然后，重启 solr

./solr restart -force

1、刷新网页测试分词：登录Solr管理控制台，选择collection1，点击Analyse 进入分词界面

选择分词类型 FileType : text_ik
在Field Value (Index) 输入要测试的中文语句，Field Value (Query) 输入要检索的关键词：

1.4 配置域

（建议到 Notepad++ 中操作）

域相当于数据库的表字段，用户存放数据，因此用户根据业务需要去定义相关的Field（域），一般来说，每一种对应着一种数据，用户对同一种数据进行相同的操作。

域的常用属性：

name：指定域的名称

type：指定域的类型

indexed：是否索引

stored：是否存储

required：是否必须

multiValued：是否多值

1.4.1 域

修改 /usr / local / solr / server / solr / collection1 / conf / managed-schema，设置业务系统 Field
删除多余的field，保留id，version，_text_这三个field

1.4.2 复制域

复制域的作用在于将某一个Field中的数据复制到另一个域中

1.4.3 动态域

当我们需要动态扩充字段时，就需要使用动态域。对于优乐选，规格的值是不确定的，所以我们需要使用动态域来实现。如：

配置：

保存，重启 solr !

二、Spring Data Solr入门

2.1 Spring Data Solr简介

虽然支持任何编程语言的能力具有很大的市场价值，你可能感兴趣的问题是：我如何将Solr的应用集成到Spring中？可以，Spring Data Solr就是为了方便Solr的开发所研制的一个框架，其底层是对SolrJ（官方API）的封装。

2.2 Spring Data Solr 入门小 Demo

2.2.1 搭建工程

（1）创建maven jar 工程 spring-data-solr ，并且在pom.xml中引入依赖

<dependencies>
    <dependency>
        <groupId>org.springframework.datagroupId>
        <artifactId>spring-data-solrartifactId>
        <version>1.5.5.RELEASEversion>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-testartifactId>
        <version>4.2.4.RELEASEversion>
    dependency>
    <dependency>
        <groupId>junitgroupId>
        <artifactId>junitartifactId>
        <version>4.12version>
    dependency>
dependencies>
<build>
    <plugins>
        <plugin>
            <groupId>org.apache.maven.pluginsgroupId>
            <artifactId>maven-compiler-pluginartifactId>
            <version>3.7.0version>
            <configuration>
                <source>1.8source>
                <target>1.8target>
                <encoding>UTF-8encoding>
            configuration>
        plugin>
    plugins>
build>

（2）在src/main/resources下创建 spring / spring_solr.xml


<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:solr="http://www.springframework.org/schema/data/solr"
       xsi:schemaLocation="http://www.springframework.org/schema/data/solr
  		http://www.springframework.org/schema/data/solr/spring-solr.xsd
		http://www.springframework.org/schema/beans
		http://www.springframework.org/schema/beans/spring-beans.xsd">

    
    <solr:solr-server id="solrServer" url="http://192.168.188.180:8983/solr/collection1" />

    
    <bean id="solrTemplate" class="org.springframework.data.solr.core.SolrTemplate">
        <constructor-arg ref="solrServer" />
    bean>

beans>

2.2.2 @Field 注解

创建 com.zql.pojo 包，将优乐选的TbItem实体类拷入本工程 ,属性使用@Field注解标识。如果属性与solr配置文件定义的域名称不一致，需要在注解中指定域名称。

package com.zql.pojo;

import org.apache.solr.client.solrj.beans.Field;

import java.io.Serializable;
import java.math.BigDecimal;
import java.util.Date;

public class TbItem implements Serializable {

    private Long id;

    @Field("item_title")
    private String title;

    private String sellPoint;
    @Field("item_price")
    private BigDecimal price;

    private Integer stockCount;

    private Integer num;

    private String barcode;

    @Field("item_image")
    private String image;

    private Long categoryid;

    private String status;

    private Date createTime;

    @Field("item_updatetime")
    private Date updateTime;

    private String itemSn;

    private BigDecimal costPirce;

    private BigDecimal marketPrice;

    private String isDefault;

    @Field("item_goodsid")
    private Long goodsId;

    private String sellerId;

    private String cartThumbnail;
    @Field("item_category")
    private String category;
    @Field("item_brand")
    private String brand;

    private String spec;

    @Field("item_seller")
    private String seller;

    private static final long serialVersionUID = 1L;

    public Long getId() {
        return id;
    }

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

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title == null ? null : title.trim();
    }

    public String getSellPoint() {
        return sellPoint;
    }

    public void setSellPoint(String sellPoint) {
        this.sellPoint = sellPoint == null ? null : sellPoint.trim();
    }

    public BigDecimal getPrice() {
        return price;
    }

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

    public Integer getStockCount() {
        return stockCount;
    }

    public void setStockCount(Integer stockCount) {
        this.stockCount = stockCount;
    }

    public Integer getNum() {
        return num;
    }

    public void setNum(Integer num) {
        this.num = num;
    }

    public String getBarcode() {
        return barcode;
    }

    public void setBarcode(String barcode) {
        this.barcode = barcode == null ? null : barcode.trim();
    }

    public String getImage() {
        return image;
    }

    public void setImage(String image) {
        this.image = image == null ? null : image.trim();
    }

    public Long getCategoryid() {
        return categoryid;
    }

    public void setCategoryid(Long categoryid) {
        this.categoryid = categoryid;
    }

    public String getStatus() {
        return status;
    }

    public void setStatus(String status) {
        this.status = status == null ? null : status.trim();
    }

    public Date getCreateTime() {
        return createTime;
    }

    public void setCreateTime(Date createTime) {
        this.createTime = createTime;
    }

    public Date getUpdateTime() {
        return updateTime;
    }

    public void setUpdateTime(Date updateTime) {
        this.updateTime = updateTime;
    }

    public String getItemSn() {
        return itemSn;
    }

    public void setItemSn(String itemSn) {
        this.itemSn = itemSn == null ? null : itemSn.trim();
    }

    public BigDecimal getCostPirce() {
        return costPirce;
    }

    public void setCostPirce(BigDecimal costPirce) {
        this.costPirce = costPirce;
    }

    public BigDecimal getMarketPrice() {
        return marketPrice;
    }

    public void setMarketPrice(BigDecimal marketPrice) {
        this.marketPrice = marketPrice;
    }

    public String getIsDefault() {
        return isDefault;
    }

    public void setIsDefault(String isDefault) {
        this.isDefault = isDefault == null ? null : isDefault.trim();
    }

    public Long getGoodsId() {
        return goodsId;
    }

    public void setGoodsId(Long goodsId) {
        this.goodsId = goodsId;
    }

    public String getSellerId() {
        return sellerId;
    }

    public void setSellerId(String sellerId) {
        this.sellerId = sellerId == null ? null : sellerId.trim();
    }

    public String getCartThumbnail() {
        return cartThumbnail;
    }

    public void setCartThumbnail(String cartThumbnail) {
        this.cartThumbnail = cartThumbnail == null ? null : cartThumbnail.trim();
    }

    public String getCategory() {
        return category;
    }

    public void setCategory(String category) {
        this.category = category == null ? null : category.trim();
    }

    public String getBrand() {
        return brand;
    }

    public void setBrand(String brand) {
        this.brand = brand == null ? null : brand.trim();
    }

    public String getSpec() {
        return spec;
    }

    public void setSpec(String spec) {
        this.spec = spec == null ? null : spec.trim();
    }

    public String getSeller() {
        return seller;
    }

    public void setSeller(String seller) {
        this.seller = seller == null ? null : seller.trim();
    }
}

测试：

2.2.3 增加（修改）

创建测试类TestSolr.java

package com.zql;

import com.zql.pojo.TbItem;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.solr.core.SolrTemplate;
import org.springframework.test.context.ContextConfiguration;
import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;

import java.math.BigDecimal;

/**
 * @Author:Daniel
 * @Version 1.0
 */

@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration(locations = "classpath:spring/spring_solr.xml")
public class TestSolr {

    @Autowired
    private SolrTemplate solrTemplate;

    @Test
   public void  testAdd(){

        TbItem item = new TbItem();

        // 主键相同，即修改
        item.setId(5L);
        item.setBrand("大话");
        item.setCategory("手抓");
        item.setGoodsId(1L);
        item.setSeller("专卖店");
        item.setTitle("米Mate9");
        item.setPrice(new BigDecimal(4500));

        solrTemplate.saveBean(item);
        solrTemplate.commit();

    }
}

浏览器输入：http://192.168.188.180:8983/

运行结果如下：

去看看：访问solr控制台–找到对应core—查找

q：查询关键字：必须的，如果查询所有使用*

fq：（filter query）过虑查询：作用：在q查询符合结果中同时是fq查询符合的
如：过滤查询价格从1到20的记录，使用 item_price:[0 TO 4000]
也可以使用“*”表示无限，例如：
20以上：price:[20 TO ]
20以下：price:[ TO 20]

sort：排序：格式：sort=+[,+]… 。
示例：product_price desc 按照价格从高到低进行排序

product_price asc 按照价格从低到高进行排序

start, rows：行的索引，从0开始，[start, rows]

fl：指定返回那些字段内容：用逗号或空格分隔多个，不写默认返回全部配置的。

df：指定一个默认搜索Field：一般默认

wt：(writer type)指定输出格式：可以有xml, json, csv, python, php等格式

hl：是否高亮：设置高亮Field，设置格式前缀和后缀。

2.2.4 按主键查询

2.2.5 按主键删除

2.2.6 分页查询

2.2.7 条件查询

2.2.8 删除全部数据

package com.zql;

import com.zql.pojo.TbItem;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Sort;
import org.springframework.data.solr.core.SolrTemplate;
import org.springframework.data.solr.core.query.Criteria;
import org.springframework.data.solr.core.query.Query;
import org.springframework.data.solr.core.query.SimpleQuery;
import org.springframework.data.solr.core.query.result.ScoredPage;
import org.springframework.test.context.ContextConfiguration;
import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;

import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;

/**
 * @Author:Daniel
 * @Version 1.0
 */

@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration(locations = "classpath:spring/spring_solr.xml")
public class TestSolr {

    @Autowired
    private SolrTemplate solrTemplate;

    @Test
    public void  testAdd(){

        TbItem item = new TbItem();

        // 主键相同，即修改
        item.setId(5L);
        item.setBrand("大话");
        item.setCategory("手抓");
        item.setGoodsId(1L);
        item.setSeller("专卖店");
        item.setTitle("米Mate9");
        item.setPrice(new BigDecimal(4500));

        solrTemplate.saveBean(item);
        solrTemplate.commit();

    }


    //按主键查询
    @Test
    public void  testFindOne(){

        TbItem byId = solrTemplate.getById(5, TbItem.class);

        System.out.println(byId.getBrand());
    }


    //按主键删除
    @Test
    public void  deleteByKey(){

        solrTemplate.deleteById("5");

        solrTemplate.commit();
    }

    //首先循环插入100条测试数据分页查询
    @Test
    public void testAddList(){
        List<TbItem> list=new ArrayList();
        for(int i=1;i<101;i++){
            TbItem item=new TbItem();
            item.setId(Long.valueOf(i));
            item.setBrand("华为");
            item.setCategory("手机");
            item.setGoodsId(1L);
            item.setSeller("华为"+i+"号专卖店");
            item.setTitle("华为Mate"+i);
            item.setPrice(new BigDecimal(2000+i));
            list.add(item);
        }
        solrTemplate.saveBeans(list);
        solrTemplate.commit();
    }

    //分页查询测试
    @Test
    public void pageTestSolr(){

        Query query = new SimpleQuery("*:*");
        query.setOffset(10);// 开始索引（默认0）
        query.setRows(20);	// 每页记录数(默认10)
        ScoredPage<TbItem> page = solrTemplate.queryForPage(query, TbItem.class);
        System.out.println("总记录数：" + page.getTotalElements());
        List<TbItem> list = page.getContent();

        for (TbItem item : list) {
            System.out.println(item.getTitle() + item.getPrice());
        }
    }

    //条件查询
    @Test
    public void testPageQueryMutil(){

        Query query = new SimpleQuery("*:*");

        Criteria criteria = new Criteria("item_title").contains("2");
        criteria = criteria.and("item_price").greaterThan(2020);

        query.addCriteria(criteria);

        Sort s = new Sort(Sort.Direction.DESC, "item_price");
        query.addSort(s);

        // query.setOffset(10); //开始索引（默认0）
        // query.setRows(100); //每页记录数(默认10)
        ScoredPage<TbItem> page = solrTemplate.queryForPage(query, TbItem.class);

        System.out.println("总记录数：" + page.getTotalElements());
        List<TbItem> list = page.getContent();

        for (TbItem item : list) {
            System.out.println(item.getTitle() + "，" + item.getPrice());
        }
    }


    //删除全部数据
    @Test
    public void testDeleteAll(){

        SimpleQuery query = new SimpleQuery("*:*");

       solrTemplate.delete(query);

       solrTemplate.commit();
    }

}

Criteria 用于对条件的封装：

运行分别如下：

案例源码

三、优乐选-批量数据导入

3.1 需求分析

编写专门的导入程序，将商品数据导入到Solr系统中。上线前，或测试时手动数据导入，真正上线后，会实时自动同步。

3.2 查询商品数据列表

3.2.1 工程搭建

（1）创建子模块 youlexuan_solr_util（jar）模块, 引入youlexuan_dao 以及spring 相关依赖

pom.xml

<dependencies>
    
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-contextartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-beansartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-jdbcartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-aspectsartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-context-supportartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-testartifactId>
    dependency>

        <dependency>
            <groupId>com.zqlgroupId>
            <artifactId>youlexuan_daoartifactId>
            <version>1.0version>
        dependency>
    dependencies>

（2）src/main/resources下创建 spring / applicationContext_solr.xml配置文件


<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:solr="http://www.springframework.org/schema/data/solr"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/data/solr
  		http://www.springframework.org/schema/data/solr/spring-solr.xsd
		http://www.springframework.org/schema/beans
		http://www.springframework.org/schema/beans/spring-beans.xsd
		http://www.springframework.org/schema/context
		http://www.springframework.org/schema/context/spring-context.xsd">

    <context:component-scan base-package="com.zql.solrutil"/>

    
    <solr:solr-server id="solrServer" url="http://192.168.188.180:8983/solr/collection1" />

    
    <bean id="solrTemplate" class="org.springframework.data.solr.core.SolrTemplate">
        <constructor-arg ref="solrServer" />
    bean>

beans>

3.2.2 数据导入Solr索引库

（1）将solr入门 demo工程中添加了@Field注解的实体类拷贝到youlexuan_pojo中

package com.zql.pojo;

import org.apache.solr.client.solrj.beans.Field;

import java.io.Serializable;
import java.math.BigDecimal;
import java.util.Date;

public class TbItem implements Serializable {

    private Long id;

    @Field("item_title")
    private String title;

    private String sellPoint;
    @Field("item_price")
    private BigDecimal price;

    private Integer stockCount;

    private Integer num;

    private String barcode;

    @Field("item_image")
    private String image;

    private Long categoryid;

    private String status;

    private Date createTime;

    @Field("item_updatetime")
    private Date updateTime;

    private String itemSn;

    private BigDecimal costPirce;

    private BigDecimal marketPrice;

    private String isDefault;

    @Field("item_goodsid")
    private Long goodsId;

    private String sellerId;

    private String cartThumbnail;
    @Field("item_category")
    private String category;
    @Field("item_brand")
    private String brand;

    private String spec;

    @Field("item_seller")
    private String seller;

    private static final long serialVersionUID = 1L;

    public Long getId() {
        return id;
    }

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

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title == null ? null : title.trim();
    }

    public String getSellPoint() {
        return sellPoint;
    }

    public void setSellPoint(String sellPoint) {
        this.sellPoint = sellPoint == null ? null : sellPoint.trim();
    }

    public BigDecimal getPrice() {
        return price;
    }

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

    public Integer getStockCount() {
        return stockCount;
    }

    public void setStockCount(Integer stockCount) {
        this.stockCount = stockCount;
    }

    public Integer getNum() {
        return num;
    }

    public void setNum(Integer num) {
        this.num = num;
    }

    public String getBarcode() {
        return barcode;
    }

    public void setBarcode(String barcode) {
        this.barcode = barcode == null ? null : barcode.trim();
    }

    public String getImage() {
        return image;
    }

    public void setImage(String image) {
        this.image = image == null ? null : image.trim();
    }

    public Long getCategoryid() {
        return categoryid;
    }

    public void setCategoryid(Long categoryid) {
        this.categoryid = categoryid;
    }

    public String getStatus() {
        return status;
    }

    public void setStatus(String status) {
        this.status = status == null ? null : status.trim();
    }

    public Date getCreateTime() {
        return createTime;
    }

    public void setCreateTime(Date createTime) {
        this.createTime = createTime;
    }

    public Date getUpdateTime() {
        return updateTime;
    }

    public void setUpdateTime(Date updateTime) {
        this.updateTime = updateTime;
    }

    public String getItemSn() {
        return itemSn;
    }

    public void setItemSn(String itemSn) {
        this.itemSn = itemSn == null ? null : itemSn.trim();
    }

    public BigDecimal getCostPirce() {
        return costPirce;
    }

    public void setCostPirce(BigDecimal costPirce) {
        this.costPirce = costPirce;
    }

    public BigDecimal getMarketPrice() {
        return marketPrice;
    }

    public void setMarketPrice(BigDecimal marketPrice) {
        this.marketPrice = marketPrice;
    }

    public String getIsDefault() {
        return isDefault;
    }

    public void setIsDefault(String isDefault) {
        this.isDefault = isDefault == null ? null : isDefault.trim();
    }

    public Long getGoodsId() {
        return goodsId;
    }

    public void setGoodsId(Long goodsId) {
        this.goodsId = goodsId;
    }

    public String getSellerId() {
        return sellerId;
    }

    public void setSellerId(String sellerId) {
        this.sellerId = sellerId == null ? null : sellerId.trim();
    }

    public String getCartThumbnail() {
        return cartThumbnail;
    }

    public void setCartThumbnail(String cartThumbnail) {
        this.cartThumbnail = cartThumbnail == null ? null : cartThumbnail.trim();
    }

    public String getCategory() {
        return category;
    }

    public void setCategory(String category) {
        this.category = category == null ? null : category.trim();
    }

    public String getBrand() {
        return brand;
    }

    public void setBrand(String brand) {
        this.brand = brand == null ? null : brand.trim();
    }

    public String getSpec() {
        return spec;
    }

    public void setSpec(String spec) {
        this.spec = spec == null ? null : spec.trim();
    }

    public String getSeller() {
        return seller;
    }

    public void setSeller(String seller) {
        this.seller = seller == null ? null : seller.trim();
    }
}

（2）在youlexuan_pojo中引入依赖

<dependencies>
    <dependency>
        <groupId>org.springframework.datagroupId>
        <artifactId>spring-data-solrartifactId>
        <version>1.5.5.RELEASEversion>
    dependency>
dependencies>

3.2.3 代码编写导入solr

创建com.zql.solrutil 包，创建类SolrUtil，实现商品数据的查询(已审核商品)

package com.zql.solrutil;

import com.zql.mapper.TbItemMapper;
import com.zql.pojo.TbItem;
import com.zql.pojo.TbItemExample;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;
import org.springframework.data.solr.core.SolrTemplate;
import org.springframework.data.solr.core.query.SimpleQuery;
import org.springframework.stereotype.Component;

import java.util.List;

/**
 * @Author:Daniel
 * @Version 1.0
 */

@Component
public class SolrUtil {

    @Autowired
    private TbItemMapper itemMapper;
    @Autowired
    private SolrTemplate solrTemplate;

    public void importItemData(){

        TbItemExample example = new TbItemExample();

        TbItemExample.Criteria criteria = example.createCriteria();

        criteria.andStatusEqualTo("1");

        List<TbItem> itemList = itemMapper.selectByExample(example);

        System.out.println("商品列表");

        for (TbItem tbItem : itemList) {

            System.out.println(tbItem.getTitle()+"\t"+tbItem.getPrice());

        }

        solrTemplate.saveBeans(itemList);

        solrTemplate.commit();

        System.out.println("导入成功");


    }

    //删除
    public void delete(){

        SimpleQuery query = new SimpleQuery("*:*");

        solrTemplate.delete(query);

        solrTemplate.commit();

    }


    public static void main(String[] args) {

        ApplicationContext context = new ClassPathXmlApplicationContext("classpath*:spring/applicationContext_*.xml");

        SolrUtil solrUtil = (SolrUtil) context.getBean("solrUtil");

		 //solrUtil.delete();
        solrUtil.importItemData();
    }
}

测试运行后台显示：

浏览器效果：http://192.168.188.180:8983

3.4 规格导入动态域

3.4.1 @Dynamic注解

修改工程 youlexuan_pojo 里面的TbItem.java ，添加属性(还要getter setter方法）

@Dynamic
@Field("item_spec_*") //Notepad++加入得那一条动态域
private Map<String,String> specMap;

public Map<String, String> getSpecMap() {
    return specMap;
}

public void setSpecMap(Map<String, String> specMap) {
    this.specMap = specMap;
}

3.4.2 修改导入工具

修改youlexuan_solr_util 的 SolrUtil.java ,先引入fastJSON依赖
引入中文转化依赖

<dependency>
    <groupId>com.alibabagroupId>
    <artifactId>fastjsonartifactId>
dependency>
<dependency>
    <groupId>com.github.promeggroupId>
    <artifactId>tinypinyinartifactId>
    <version>2.0.3version>
dependency>

注意：

solr 5.x后，安装方式从 tomcat 中独立出来，且键不支持中文了。因此，itme_spec_网络的动态属性，会保存为itme_spec___ 形式的下划线。

解决方案：将中文转为拼音。

SolrUtil.java 完整代码：

package com.zql.solrutil;

import com.alibaba.fastjson.JSON;
import com.github.promeg.pinyinhelper.Pinyin;
import com.zql.mapper.TbItemMapper;
import com.zql.pojo.TbItem;
import com.zql.pojo.TbItemExample;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;
import org.springframework.data.solr.core.SolrTemplate;
import org.springframework.data.solr.core.query.SimpleQuery;
import org.springframework.stereotype.Component;

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

/**
 * @Author:Daniel
 * @Version 1.0
 */

@Component
public class SolrUtil {

    @Autowired
    private TbItemMapper itemMapper;
    @Autowired
    private SolrTemplate solrTemplate;

    public void importItemData(){

        TbItemExample example = new TbItemExample();

        TbItemExample.Criteria criteria = example.createCriteria();

        criteria.andStatusEqualTo("1");

        List<TbItem> itemList = itemMapper.selectByExample(example);

        System.out.println("商品列表");
        //遍历全部通过审核商品列表数据
        for (TbItem tbItem : itemList) {

            System.out.println(tbItem.getTitle()+"\t"+tbItem.getPrice());
            //读取规格数据，字符串，转换成json对象
            Map<String,String> specMap = JSON.parseObject(tbItem.getSpec(), Map.class);
            /**① solr显示：两个_ _
             * "item_spec___":"联通3G",
             * "item_spec_____":"16G",
             */
            //创建一个新map集合存储拼音
           Map<String, String> pinyinMap = new HashMap<>();
            //遍历map，替换key从汉字变为拼音
            for (String key : specMap.keySet()) {

                pinyinMap.put(Pinyin.toPinyin(key,"").toLowerCase(),specMap.get(key));

                /**
                 * ② solr显示：  大写字母，转小写使用：toLowerCase()
                 *  "item_spec_WANGLUO":"联通3G",
                 *   "item_spec_JISHENNEICUN":"16G",
                 *
                 *   变为小写如下
                 *   "item_spec_jishenneicun":"16G",
                 *   "item_spec_wangluo":"联通3G",
                 */

            }
            tbItem.setSpecMap(pinyinMap);

        }
        //保存集合数据到solr
        solrTemplate.saveBeans(itemList);

        solrTemplate.commit();

        System.out.println("导入成功");


    }

    //删除
    public void delete(){

        SimpleQuery query = new SimpleQuery("*:*");

        solrTemplate.delete(query);

        solrTemplate.commit();

    }


    public static void main(String[] args) {

        ApplicationContext context = new ClassPathXmlApplicationContext("classpath*:spring/applicationContext_*.xml");

        SolrUtil solrUtil = (SolrUtil) context.getBean("solrUtil");

        // solrUtil.delete();
          solrUtil.importItemData();

    }
}

显示一：

显示二：

最终优化：

四、优乐选-关键字搜索

4.1 需求分析

打开搜索页面，在搜索框输入要搜索的关键字，点击搜索按钮即可进行搜索，展示搜索结果

4.2 后端代码

4.2.1 服务接口层

（1）创建youlexuan_search_interface模块（搜索服务接口），依赖youlexuan_pojo

<dependencies>
    <dependency>
        <groupId>com.zqlgroupId>
        <artifactId>youlexuan_pojoartifactId>
        <version>1.0version>
    dependency>
dependencies>

（2）创建com.zql.search.service包，创建业务接口 ItemSearchService

package com.zql.search.service;

import java.util.Map;

/**
 * @Author:Daniel
 * @Version 1.0
 * 搜索
 */
public interface ItemSearchService {

    public Map<String,Object> search(Map searchMap);
}

4.2.2 服务实现层

（1）创建war工程youlexuan_search_service，pom参考其它服务工程，如youlexuan_content_service：

去掉对dao的依赖，查询走solr索引库

引入youlexuan_search_interface依赖

tomcat端口9003

pom.xml

<packaging>warpackaging>
<properties>
    <webVersion>3.0webVersion>
properties>
<dependencies>
    
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-contextartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-beansartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-webmvcartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-jdbcartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-aspectsartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-jmsartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-context-supportartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-testartifactId>
    dependency>
    
    <dependency>
        <groupId>com.alibabagroupId>
        <artifactId>dubboartifactId>
    dependency>
    <dependency>
        <groupId>org.apache.zookeepergroupId>
        <artifactId>zookeeperartifactId>
    dependency>
    <dependency>
        <groupId>org.apache.curatorgroupId>
        <artifactId>curator-recipesartifactId>
    dependency>
    <dependency>
        <groupId>junitgroupId>
        <artifactId>junitartifactId>
    dependency>
    <dependency>
        <groupId>com.alibabagroupId>
        <artifactId>fastjsonartifactId>
    dependency>
    <dependency>
        <groupId>javassistgroupId>
        <artifactId>javassistartifactId>
    dependency>
    <dependency>
        <groupId>commons-codecgroupId>
        <artifactId>commons-codecartifactId>
    dependency>
    <dependency>
        <groupId>javax.servletgroupId>
        <artifactId>servlet-apiartifactId>
        <scope>providedscope>
    dependency>
    <dependency>
        <groupId>com.zqlgroupId>
        <artifactId>youlexuan_commonartifactId>
        <version>1.0version>
    dependency>

    <dependency>
        <groupId>com.zqlgroupId>
        <artifactId>youlexuan_search_interfaceartifactId>
        <version>1.0version>
    dependency>

    <dependency>
        <groupId>com.github.pagehelpergroupId>
        <artifactId>pagehelperartifactId>
    dependency>
dependencies>
<build>
    <plugins>
        
        <plugin>
            <groupId>org.apache.tomcat.mavengroupId>
            <artifactId>tomcat7-maven-pluginartifactId>
            <configuration>
                <path>/path>
                <port>9003port>
            configuration>
        plugin>
    plugins>
build>

（2）添加web.xml ，参考其它服务工程，如youlexuan_content_service


<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    
    <context-param>
        <param-name>contextConfigLocationparam-name>
        <param-value>classpath*:spring/applicationContext_*.xmlparam-value>
    context-param>
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListenerlistener-class>
    listener>
web-app>

（3）在src/main/resources下配置文件，参见其它服务工程，如 youlexuan_content_service：

对事务控制的 service.xml 可以删除

dubbo端口20883，应用名，包名，然后在youlexuan_search_service下面创建包
com.zql.search.service.impl

applicationContext_service.xml


<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:dubbo="http://code.alibabatech.com/schema/dubbo" xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
        http://code.alibabatech.com/schema/dubbo http://code.alibabatech.com/schema/dubbo/dubbo.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">

    <dubbo:protocol name="dubbo" port="20883">dubbo:protocol>
    <dubbo:application name="youlexuan_search_service"/>
    <dubbo:registry address="zookeeper://192.168.188.180:2181"/>
    <dubbo:annotation package="com.zql.search.service.impl" />
beans>

（4）在src/main/resources下，复制youlexuan-solr-util 的 applicationContext_solr.xml 并且删掉扫描包

applicationContext_solr.xml


<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:solr="http://www.springframework.org/schema/data/solr"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/data/solr
  		http://www.springframework.org/schema/data/solr/spring-solr.xsd
		http://www.springframework.org/schema/beans
		http://www.springframework.org/schema/beans/spring-beans.xsd
		http://www.springframework.org/schema/context
		http://www.springframework.org/schema/context/spring-context.xsd">

    
    <solr:solr-server id="solrServer" url="http://192.168.188.180:8983/solr/collection1" />

    
    <bean id="solrTemplate" class="org.springframework.data.solr.core.SolrTemplate">
        <constructor-arg ref="solrServer" />
    bean>

beans>

（5）在包下创建并编写服务实现类 ItemSearchServiceImpl.java

package com.zql.search.service.impl;

import com.alibaba.dubbo.config.annotation.Service;
import com.zql.pojo.TbItem;
import com.zql.search.service.ItemSearchService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.solr.core.SolrTemplate;
import org.springframework.data.solr.core.query.Criteria;
import org.springframework.data.solr.core.query.SimpleQuery;
import org.springframework.data.solr.core.query.result.ScoredPage;

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

/**
 * @Author:Daniel
 * @Version 1.0
 */

@Service(timeout = 3000)
public class ItemSearchServiceImpl implements ItemSearchService {

    @Autowired
    private SolrTemplate solrTemplate;

    @Override
    public Map<String, Object> search(Map searchMap) {

        Map<String, Object> map = new HashMap<>();

        SimpleQuery query = new SimpleQuery();

        // is：基于分词后的结果 和 传入的参数匹配
        Criteria criteria = new Criteria("item_keywords").is(searchMap.get("keyWords"));

        // 添加查询条件
        query.addCriteria(criteria);

        ScoredPage<TbItem> tbItems = solrTemplate.queryForPage(query, TbItem.class);

        List<TbItem> itemList = tbItems.getContent();

        long total = tbItems.getTotalElements();
        
        map.put("rows",itemList);

        map.put("total",total);

        return map;
    }
}

4.2.3 控制层

（1）创建子工程 youlexuan_search_web 的 war工程

pom依赖参见其它web模块，如：youlexuan_portal_web

依赖 youlexuan_search_interface

tomcat 端口 9104

<packaging>warpackaging>
<properties>
    <webVersion>3.0webVersion>
properties>
<dependencies>
    
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-contextartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-beansartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-webmvcartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-jdbcartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-aspectsartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-jmsartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-context-supportartifactId>
    dependency>
    <dependency>
        <groupId>org.springframeworkgroupId>
        <artifactId>spring-testartifactId>
    dependency>
    
    <dependency>
        <groupId>com.alibabagroupId>
        <artifactId>dubboartifactId>
    dependency>
    <dependency>
        <groupId>org.apache.zookeepergroupId>
        <artifactId>zookeeperartifactId>
    dependency>
    <dependency>
        <groupId>org.apache.curatorgroupId>
        <artifactId>curator-recipesartifactId>
    dependency>
    <dependency>
        <groupId>junitgroupId>
        <artifactId>junitartifactId>
    dependency>
    <dependency>
        <groupId>com.alibabagroupId>
        <artifactId>fastjsonartifactId>
    dependency>
    <dependency>
        <groupId>javassistgroupId>
        <artifactId>javassistartifactId>
    dependency>
    <dependency>
        <groupId>commons-codecgroupId>
        <artifactId>commons-codecartifactId>
    dependency>
    <dependency>
        <groupId>javax.servletgroupId>
        <artifactId>servlet-apiartifactId>
        <scope>providedscope>
    dependency>

    <dependency>
        <groupId>com.zqlgroupId>
        <artifactId>youlexuan_search_interfaceartifactId>
        <version>1.0version>
    dependency>

    
    <dependency>
        <groupId>com.github.pagehelpergroupId>
        <artifactId>pagehelperartifactId>
    dependency>
    <dependency>
        <groupId>org.mybatisgroupId>
        <artifactId>mybatisartifactId>
    dependency>

dependencies>
<build>
    <plugins>
        
        <plugin>
            <groupId>org.apache.tomcat.mavengroupId>
            <artifactId>tomcat7-maven-pluginartifactId>
            <configuration>
                <path>/path>
                <port>9104port>
            configuration>
        plugin>
    plugins>
build>

（2）添加web.xml，参见其它web工程，如：youlexuan_portal_web


<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <servlet>
        <servlet-name>springmvcservlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
        <init-param>
            <param-name>contextConfigLocationparam-name>
            <param-value>classpath:spring/springmvc.xmlparam-value>
        init-param>
    servlet>
    <servlet-mapping>
        <servlet-name>springmvcservlet-name>
        <url-pattern>*.dourl-pattern>
    servlet-mapping>
    <context-param>
        <param-name>contextConfigLocationparam-name>
        <param-value>classpath:spring/spring*.xmlparam-value>
    context-param>
    <listener>
        <listener-class>
            org.springframework.web.context.ContextLoaderListener
        listener-class>
    listener>
    <filter>
        <filter-name>characterEncodingFilterfilter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
        <init-param>
            <param-name>encodingparam-name>
            <param-value>UTF-8param-value>
        init-param>
        <init-param>
            <param-name>forceEncodingparam-name>
            <param-value>trueparam-value>
        init-param>
    filter>
    <filter-mapping>
        <filter-name>characterEncodingFilterfilter-name>
        <url-pattern>/*url-pattern>
    filter-mapping>

web-app>

（3）添加配置文件，参见其它web工程，如：youlexuan_portal_web
spring_mvc.xml修改：应用名，包名


<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:p="http://www.springframework.org/schema/p"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:dubbo="http://code.alibabatech.com/schema/dubbo"
       xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
		http://dubbo.apache.org/schema/dubbo http://dubbo.apache.org/schema/dubbo/dubbo.xsd
		http://code.alibabatech.com/schema/dubbo http://code.alibabatech.com/schema/dubbo/dubbo.xsd">

    <context:component-scan base-package="com.zql"/>

    <mvc:annotation-driven>
        <mvc:message-converters register-defaults="true">
            <bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">
                <property name="supportedMediaTypes" value="application/json"/>
                <property name="features">
                    <array>
                        <value>WriteMapNullValuevalue>
                        <value>WriteDateUseDateFormatvalue>
                    array>
                property>
            bean>
        mvc:message-converters>
    mvc:annotation-driven>

    
    <dubbo:application name="youlexuan_search_web" />
    <dubbo:registry address="zookeeper://192.168.188.180:2181"/>
    <dubbo:annotation package="com.zql" />
beans>

（4）创建包com.zql.search.controller 编写控制器类 ItemSearchController.java

package com.zql.search.controller;

import com.alibaba.dubbo.config.annotation.Reference;
import com.zql.search.service.ItemSearchService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.Map;

/**
 * @Author:Daniel
 * @Version 1.0
 */

@RestController
@RequestMapping("/itemSearch")
public class ItemSearchController {

    @Reference
    private ItemSearchService itemSearchService;
    //@Reference是注入的分布式中的远程服务对象，需要dubbo的配置；
    // @Resource和@Autowired是注入本地spring容器中的对象

    @RequestMapping("/search")
    public Map<String, Object> search(@RequestBody Map searchMap){

        return itemSearchService.search(searchMap);
    }
}

测试后端可参见postman工具八、postman的使用

http://localhost:9104/itemSearch/search.do

{'keyWords':'手机'}

4.3 前端代码

4.3.1 拷贝资源

将资源 \ 静态原型 \ 网站前台，所需资源拷贝至youlexuan_search_web \ webapp 下面

拷贝base.js到js文件夹，并在js文件夹下建立service、controller目录

4.3.2 服务层

youlexuan_search_web工程创建 searchService.js

app.service('searchService',function ($http) {

        this.search = function (searchMap) {

            return $http.post("itemSearch/search.do",searchMap);
        }
});

4.3.3 控制层

youlexuan_search_web 工程 searchController.js

app.controller('searchController',function ($scope,$controller,searchService) {

    $controller('baseController',{$scope:$scope});//继承

        $scope.search=function () {

           searchService.search($scope.searchMap).success(function (response) {


               $scope.resultMap = response; //搜索返回的结果

           })
        }
});

4.3.4 页面

youlexuan_search_web工程search.html

引入js、指定控制器

前台测试显示查看

循环显示数据、绑定搜索框

测试：

安装youlexuan_search_interface

启动youlexuan_search_service

启动youlexuan_search_web

测试：http://localhost:9104/search.html

附完整 search.html

DOCTYPE html>
DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<title>产品列表页title>
		<link rel="icon" href="assets/img/favicon.ico">

		<link rel="stylesheet" type="text/css" href="css/webbase.css" />
		<link rel="stylesheet" type="text/css" href="css/pages-list.css" />
		<link rel="stylesheet" type="text/css" href="css/widget-cartPanelView.css" />

		<script type="text/javascript" src="plugins/angularjs/angular.min.js">script>
		<script type="text/javascript" src="js/base.js">script>
		<script type="text/javascript" src="js/service/searchService.js">script>
		<script type="text/javascript" src="js/controller/baseController.js">script>
		<script type="text/javascript" src="js/controller/searchController.js">script>

		<style type="text/css" >
			.hot-list .list-wrap {
				box-sizing:border-box;
				padding-left:20px;
			}
		style>
	head>

	<body ng-app="youlexuan" ng-controller="searchController">
		
		
		<div id="nav-bottom">
			
			<div class="nav-top">
				<div class="top">
					<div class="py-container">
						<div class="shortcut">
							<ul class="fl">
								<li class="f-item">优乐选欢迎您！li>
								<li class="f-item">请
									<a href="login.html" target="_blank">登录a>　<span><a href="register.html" target="_blank">免费注册a>span>li>
							ul>
							<ul class="fr">
								<li class="f-item">我的订单li>
								<li class="f-item space">li>
								<li class="f-item">
									<a href="home.html" target="_blank">我的优乐选a>
								li>
								<li class="f-item space">li>
								<li class="f-item">优乐选会员li>
								<li class="f-item space">li>
								<li class="f-item">企业采购li>
								<li class="f-item space">li>
								<li class="f-item">关注优乐选li>
								<li class="f-item space">li>
								<li class="f-item" id="service">
									<span>客户服务span>
									<ul class="service">
										<li>
											<a href="cooperation.html" target="_blank">合作招商a>
										li>
										<li>
											<a href="shoplogin.html" target="_blank">商家后台a>
										li>
										<li>
											<a href="cooperation.html" target="_blank">合作招商a>
										li>
										<li>
											<a href="#">商家后台a>
										li>
									ul>
								li>
								<li class="f-item space">li>
								<li class="f-item">网站导航li>
							ul>
						div>
					div>
				div>

				
				<div class="header">
					<div class="py-container">
						<div class="yui3-g Logo">
							<div class="yui3-u Left logoArea">
								<a class="logo-bd" title="优乐选" href="JD-index.html" target="_blank">a>
							div>
							<div class="yui3-u Center searchArea">
								<div class="search">
									<form action="" class="sui-form form-inline">
										
										<div class="input-append">
											<input type="text" id="autocomplete" ng-model="searchMap.keyWords" type="text" class="input-error input-xxlarge" />
											<button class="sui-btn btn-xlarge btn-danger" ng-click="search()" type="button">搜索button>
										div>
									form>
								div>
								<div class="hotwords">
									<ul>
										<li class="f-item">优乐选首发li>
										<li class="f-item">亿元优惠li>
										<li class="f-item">9.9元团购li>
										<li class="f-item">每满99减30li>
										<li class="f-item">亿元优惠li>
										<li class="f-item">9.9元团购li>
										<li class="f-item">办公用品li>

									ul>
								div>
							div>
							<div class="yui3-u Right shopArea">
								<div class="fr shopcar">
									<div class="show-shopcar" id="shopcar">
										<span class="car">span>
										<a class="sui-btn btn-default btn-xlarge" href="cart.html" target="_blank">
											<span>我的购物车span>
											<i class="shopnum">0i>
										a>
										<div class="clearfix shopcarlist" id="shopcarlist" style="display:none">
											<p>"啊哦，你的购物车还没有商品哦！"p>
											<p>"啊哦，你的购物车还没有商品哦！"p>
										div>
									div>
								div>
							div>
						div>

						<div class="yui3-g NavList">
							<div class="yui3-u Left all-sort">
								<h4>全部商品分类h4>
							div>
							<div class="yui3-u Center navArea">
								<ul class="nav">
									<li class="f-item">服装城li>
									<li class="f-item">美妆馆li>
									<li class="f-item">品优超市li>
									<li class="f-item">全球购li>
									<li class="f-item">闪购li>
									<li class="f-item">团购li>
									<li class="f-item">有趣li>
									<li class="f-item">
										<a href="seckill-index.html" target="_blank">秒杀a>
									li>
								ul>
							div>
							<div class="yui3-u Right">div>
						div>
					div>
				div>
			div>
		div>


	
	<div class="main">
		<div class="py-container">
			
			<div class="bread">
				<ul class="fl sui-breadcrumb">
					<li>
						<a href="#">全部结果 {{resultMap.total}}a>
					li>
					<li class="active"> 智能手机li>
				ul>
				<ul class="tags-choose">
					<li class="tag">全网通<i class="sui-icon icon-tb-close">i>li>
					<li class="tag">63G<i class="sui-icon icon-tb-close">i>li>
				ul>
				<form class="fl sui-form form-dark">
					<div class="input-control control-right">
						<input type="text" />
						<i class="sui-icon icon-touch-magnifier">i>
					div>
				form>
				<div class="clearfix">div>
			div>
			
			<div class="clearfix selector">
				<div class="type-wrap">
					<div class="fl key">商品分类div>
					<div class="fl value">
						<a href="#">手机a>  <a href="#">电视a>
					div>
					<div class="fl ext">div>
				div>
				<div class="type-wrap logo">
					<div class="fl key brand">品牌div>
					<div class="value logos">
						<ul class="logo-list">
							<li><img src="img/_/phone01.png" />li>
							<li><img src="img/_/phone02.png" />li>
							<li><img src="img/_/phone03.png" />li>
							<li><img src="img/_/phone04.png" />li>
							<li><img src="img/_/phone05.png" />li>
							<li><img src="img/_/phone06.png" />li>
							<li><img src="img/_/phone07.png" />li>
							<li><img src="img/_/phone08.png" />li>
							<li><img src="img/_/phone09.png" />li>
							<li><img src="img/_/phone10.png" />li>
							<li><img src="img/_/phone11.png" />li>
							<li><img src="img/_/phone12.png" />li>
							<li><img src="img/_/phone13.png" />li>
							<li><img src="img/_/phone14.png" />li>
							<li><img src="img/_/phone05.png" />li>
							<li><img src="img/_/phone06.png" />li>
							<li><img src="img/_/phone07.png" />li>
							<li><img src="img/_/phone02.png" />li>
						ul>
					div>
					<div class="ext">
						<a href="javascript:void(0);" class="sui-btn">多选a>
						<a href="javascript:void(0);">更多a>
					div>
				div>
				<div class="type-wrap">
					<div class="fl key">网络制式div>
					<div class="fl value">
						<ul class="type-list">
							<li>
								<a>GSM（移动/联通2G）a>
							li>
							<li>
								<a>电信2Ga>
							li>
							<li>
								<a>电信3Ga>
							li>
							<li>
								<a>移动3Ga>
							li>
							<li>
								<a>联通3Ga>
							li>
							<li>
								<a>联通4Ga>
							li>
							<li>
								<a>电信3Ga>
							li>
							<li>
								<a>移动3Ga>
							li>
							<li>
								<a>联通3Ga>
							li>
							<li>
								<a>联通4Ga>
							li>
						ul>
					div>
					<div class="fl ext">div>
				div>
				<div class="type-wrap">
					<div class="fl key">显示屏尺寸div>
					<div class="fl value">
						<ul class="type-list">
							<li>
								<a>4.0-4.9英寸a>
							li>
							<li>
								<a>4.0-4.9英寸a>
							li>
						ul>
					div>
					<div class="fl ext">div>
				div>
				<div class="type-wrap">
					<div class="fl key">摄像头像素div>
					<div class="fl value">
						<ul class="type-list">
							<li>
								<a>1200万以上a>
							li>
							<li>
								<a>800-1199万a>
							li>
							<li>
								<a>1200-1599万a>
							li>
							<li>
								<a>1600万以上a>
							li>
							<li>
								<a>无摄像头a>
							li>
						ul>
					div>
					<div class="fl ext">div>
				div>
				<div class="type-wrap">
					<div class="fl key">价格div>
					<div class="fl value">
						<ul class="type-list">
							<li>
								<a>0-500元a>
							li>
							<li>
								<a>500-1000元a>
							li>
							<li>
								<a>1000-1500元a>
							li>
							<li>
								<a>1500-2000元a>
							li>
							<li>
								<a>2000-3000元 a>
							li>
							<li>
								<a>3000元以上a>
							li>
						ul>
					div>
					<div class="fl ext">
					div>
				div>
				<div class="type-wrap">
					<div class="fl key">更多筛选项div>
					<div class="fl value">
						<ul class="type-list">
							<li>
								<a>特点a>
							li>
							<li>
								<a>系统a>
							li>
							<li>
								<a>手机内存 a>
							li>
							<li>
								<a>单卡双卡a>
							li>
							<li>
								<a>其他a>
							li>
						ul>
					div>
					<div class="fl ext">
					div>
				div>
			div>
			
			<div class="details">
				<div class="sui-navbar">
					<div class="navbar-inner filter">
						<ul class="sui-nav">
							<li class="active">
								<a href="#">综合a>
							li>
							<li>
								<a href="#">销量a>
							li>
							<li>
								<a href="#">新品a>
							li>
							<li>
								<a href="#">评价a>
							li>
							<li>
								<a href="#">价格a>
							li>
						ul>
					div>
				div>
				<div class="goods-list">
					<ul class="yui3-g">
						
						<li class="yui3-u-1-5" ng-repeat="item in resultMap.rows">
							<div class="list-wrap">
								<div class="p-img">
									<a href="item.html" target="_blank"><img src="{{item.image}}" />a>
								div>
								<div class="price">
									<strong>
											<em>¥em>
											<i>{{item.price}}i>
										strong>
								div>
								<div class="attr">
									<em>{{item.title}}em>
								div>
								<div class="cu">
									<em>em>
								div>
								<div class="commit">
									<i class="command">已有2000人评价i>
								div>
								<div class="operate">
									<a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车a>
									<a href="javascript:void(0);" class="sui-btn btn-bordered">对比a>
									<a href="javascript:void(0);" class="sui-btn btn-bordered">关注a>
								div>
							div>
						li>
					ul>
				div>
				<div class="fr page">
					<div class="sui-pagination pagination-large">
						<ul>
							<li class="prev disabled">
								<a href="#">«上一页a>
							li>
							<li class="active">
								<a href="#">1a>
							li>
							<li>
								<a href="#">2a>
							li>
							<li>
								<a href="#">3a>
							li>
							<li>
								<a href="#">4a>
							li>
							<li>
								<a href="#">5a>
							li>
							<li class="dotted"><span>...span>li>
							<li class="next">
								<a href="#">下一页»a>
							li>
						ul>
						<div><span>共10页 span><span>
      到第
      <input type="text" class="page-num">
      页 <button class="page-confirm" onclick="alert(1)">确定button>span>div>
					div>
				div>
			div>
			
			<div class="clearfix hot-sale">
				<h4 class="title">热卖商品h4>
				<div class="hot-list">
					<ul class="yui3-g">
						<li class="yui3-u-1-4">
							<div class="list-wrap">
								<div class="p-img">
									<img src="img/xg/h02.png" />
								div>
								<div class="attr">
									<em>Apple苹果iPhone 6s (A1699)em>
								div>
								<div class="price">
									<strong>
											<em>¥em>
											<i>4088.00i>
										strong>
								div>
								<div class="commit">
									<i class="command">已有700人评价i>
								div>
							div>
						li>
						<li class="yui3-u-1-4">
							<div class="list-wrap">
								<div class="p-img">
								<img src="img/xg/h05.png" />
								div>
								<div class="attr">
									<em>金属A面，360°翻转，APP下单省300！em>
								div>
								<div class="price">
									<strong>
											<em>¥em>
											<i>4088.00i>
										strong>
								div>
								<div class="commit">
									<i class="command">已有700人评价i>
								div>
							div>
						li>
						<li class="yui3-u-1-4">
							<div class="list-wrap">
								<div class="p-img">
									<img src="img/xg/h04.png" />
								div>
								<div class="attr">
									<em>256SSD商务大咖，完爆职场，APP下单立减200em>
								div>
								<div class="price">
									<strong>
											<em>¥em>
											<i>4068.00i>
										strong>
								div>
								<div class="commit">
									<i class="command">已有20人评价i>
								div>
							div>
						li>
						<li class="yui3-u-1-4">
							<div class="list-wrap">
								<div class="p-img">
									<img src="img/xg/h03.png" />
								div>
								<div class="attr">
									<em>Apple苹果iPhone 6s (A1699)em>
								div>
								<div class="price">
									<strong>
											<em>¥em>
											<i>4088.00i>
										strong>
								div>
								<div class="commit">
									<i class="command">已有700人评价i>
								div>
							div>
						li>
					ul>
				div>
			div>
		div>
	div>
	
	
	<div class="clearfix footer">
		<div class="py-container">
			<div class="footlink">
				<div class="Mod-service">
					<ul class="Mod-Service-list">
						<li class="grid-service-item intro  intro1">

							<i class="serivce-item fl">i>
							<div class="service-text">
								<h4>正品保障h4>
								<p>正品保障，提供发票p>
							div>

						li>
						<li class="grid-service-item  intro intro2">

							<i class="serivce-item fl">i>
							<div class="service-text">
								<h4>正品保障h4>
								<p>正品保障，提供发票p>
							div>

						li>
						<li class="grid-service-item intro  intro3">

							<i class="serivce-item fl">i>
							<div class="service-text">
								<h4>正品保障h4>
								<p>正品保障，提供发票p>
							div>

						li>
						<li class="grid-service-item  intro intro4">

							<i class="serivce-item fl">i>
							<div class="service-text">
								<h4>正品保障h4>
								<p>正品保障，提供发票p>
							div>

						li>
						<li class="grid-service-item intro intro5">

							<i class="serivce-item fl">i>
							<div class="service-text">
								<h4>正品保障h4>
								<p>正品保障，提供发票p>
							div>

						li>
					ul>
				div>
				<div class="clearfix Mod-list">
					<div class="yui3-g">
						<div class="yui3-u-1-6">
							<h4>购物指南h4>
							<ul class="unstyled">
								<li>购物流程li>
								<li>会员介绍li>
								<li>生活旅行/团购li>
								<li>常见问题li>
								<li>购物指南li>
							ul>

						div>
						<div class="yui3-u-1-6">
							<h4>配送方式h4>
							<ul class="unstyled">
								<li>上门自提li>
								<li>211限时达li>
								<li>配送服务查询li>
								<li>配送费收取标准li>
								<li>海外配送li>
							ul>
						div>
						<div class="yui3-u-1-6">
							<h4>支付方式h4>
							<ul class="unstyled">
								<li>货到付款li>
								<li>在线支付li>
								<li>分期付款li>
								<li>邮局汇款li>
								<li>公司转账li>
							ul>
						div>
						<div class="yui3-u-1-6">
							<h4>售后服务h4>
							<ul class="unstyled">
								<li>售后政策li>
								<li>价格保护li>
								<li>退款说明li>
								<li>返修/退换货li>
								<li>取消订单li>
							ul>
						div>
						<div class="yui3-u-1-6">
							<h4>特色服务h4>
							<ul class="unstyled">
								<li>夺宝岛li>
								<li>DIY装机li>
								<li>延保服务li>
								<li>优乐选E卡li>
								<li>优乐选通信li>
							ul>
						div>
						<div class="yui3-u-1-6">
							<h4>帮助中心h4>
							<img src="img/xg/erweima.jpg">
						div>
					div>
				div>
				<div class="Mod-copyright">
					<ul class="helpLink">
						<li>关于我们<span class="space">span>li>
						<li>联系我们<span class="space">span>li>
						<li>关于我们<span class="space">span>li>
						<li>商家入驻<span class="space">span>li>
						<li>营销中心<span class="space">span>li>
						<li>友情链接<span class="space">span>li>
						<li>关于我们<span class="space">span>li>
						<li>营销中心<span class="space">span>li>
						<li>友情链接<span class="space">span>li>
						<li>关于我们li>
					ul>
					<p>地址：北京市朝阳区五方桥基地 邮编：100096 电话：400-650-7353 传真：010-88888100p>
					<p>京ICP备10218183号-88 京公网安备11010802020723号p>
				div>
			div>
		div>
	div>
	
	
	<div class="J-global-toolbar">
		<div class="toolbar-wrap J-wrap">
			<div class="toolbar">
				<div class="toolbar-panels J-panel">

					
					<div style="visibility: hidden;" class="J-content toolbar-panel tbar-panel-cart toolbar-animate-out">
						<h3 class="tbar-panel-header J-panel-header">
						<a href="" class="title"><i>i><em class="title">购物车em>a>
						<span class="close-panel J-close" onclick="cartPanelView.tbar_panel_close('cart');" >span>
					h3>
						<div class="tbar-panel-main">
							<div class="tbar-panel-content J-panel-content">
								<div id="J-cart-tips" class="tbar-tipbox hide">
									<div class="tip-inner">
										<span class="tip-text">还没有登录，登录后商品将被保存span>
										<a href="#none" class="tip-btn J-login">登录a>
									div>
								div>
								<div id="J-cart-render">
									
									<div id="cart-list" class="tbar-cart-list">
									div>
								div>
							div>
						div>
						
						<div id="cart-footer" class="tbar-panel-footer J-panel-footer">
							<div class="tbar-checkout">
								<div class="jtc-number"> <strong class="J-count" id="cart-number">0strong>件商品 div>
								<div class="jtc-sum"> 共计：<strong class="J-total" id="cart-sum">¥0strong> div>
								<a class="jtc-btn J-btn" href="#none" target="_blank">去购物车结算a>
							div>
						div>
					div>

					
					<div style="visibility: hidden;" data-name="follow" class="J-content toolbar-panel tbar-panel-follow">
						<h3 class="tbar-panel-header J-panel-header">
						<a href="#" target="_blank" class="title"> <i>i> <em class="title">我的关注em> a>
						<span class="close-panel J-close" onclick="cartPanelView.tbar_panel_close('follow');">span>
					h3>
						<div class="tbar-panel-main">
							<div class="tbar-panel-content J-panel-content">
								<div class="tbar-tipbox2">
									<div class="tip-inner"> <i class="i-loading">i> div>
								div>
							div>
						div>
						<div class="tbar-panel-footer J-panel-footer">div>
					div>

					
					<div style="visibility: hidden;" class="J-content toolbar-panel tbar-panel-history toolbar-animate-in">
						<h3 class="tbar-panel-header J-panel-header">
						<a href="#" target="_blank" class="title"> <i>i> <em class="title">我的足迹em> a>
						<span class="close-panel J-close" onclick="cartPanelView.tbar_panel_close('history');">span>
					h3>
						<div class="tbar-panel-main">
							<div class="tbar-panel-content J-panel-content">
								<div class="jt-history-wrap">
									<ul>
										
									ul>
									<a href="#" class="history-bottom-more" target="_blank">查看更多足迹商品 >>a>
								div>
							div>
						div>
						<div class="tbar-panel-footer J-panel-footer">div>
					div>

				div>

				<div class="toolbar-header">div>

				
				<div class="toolbar-tabs J-tab">
					<div onclick="cartPanelView.tabItemClick('cart')" class="toolbar-tab tbar-tab-cart" data="购物车" tag="cart">
						<i class="tab-ico">i>
						<em class="tab-text">em>
						<span class="tab-sub J-count " id="tab-sub-cart-count">0span>
					div>
					<div onclick="cartPanelView.tabItemClick('follow')" class="toolbar-tab tbar-tab-follow" data="我的关注" tag="follow">
						<i class="tab-ico">i>
						<em class="tab-text">em>
						<span class="tab-sub J-count hide">0span>
					div>
					<div onclick="cartPanelView.tabItemClick('history')" class="toolbar-tab tbar-tab-history" data="我的足迹" tag="history">
						<i class="tab-ico">i>
						<em class="tab-text">em>
						<span class="tab-sub J-count hide">0span>
					div>
				div>

				<div class="toolbar-footer">
					<div class="toolbar-tab tbar-tab-top">
						<a href="#"> <i class="tab-ico  ">i> <em class="footer-tab-text">顶部em> a>
					div>
					<div class="toolbar-tab tbar-tab-feedback">
						<a href="#" target="_blank"> <i class="tab-ico">i> <em class="footer-tab-text ">反馈em> a>
					div>
				div>

				<div class="toolbar-mini">div>

			div>

			<div id="J-toolbar-load-hook">div>

		div>
	div>
	
	<script type="text/template" id="tbar-cart-item-template">
		<div class="tbar-cart-item">
			<div class="jtc-item-promo">
				<em class="promo-tag promo-mz">满赠<i class="arrow"></i></em>
				<div class="promo-text">已购满600元，您可领赠品</div>
			</div>
			<div class="jtc-item-goods">
				<span class="p-img"><a href="#" target="_blank"><img src="{2}" alt="{1}" height="50" width="50" /></a></span>
				<div class="p-name">
					<a href="#">{1}</a>
				</div>
				<div class="p-price"><strong>¥{3}</strong>×{4} </div>
				<a href="#none" class="p-del J-del">删除</a>
			</div>
		</div>
	script>
	
		<script type="text/javascript" src="js/plugins/jquery/jquery.min.js">script>
		<script type="text/javascript">
			$(function() {
				$("#service").hover(function() {
					$(".service").show();
				}, function() {
					$(".service").hide();
				});
				$("#shopcar").hover(function() {
					$("#shopcarlist").show();
				}, function() {
					$("#shopcarlist").hide();
				});

			})
		script>
		<script type="text/javascript" src="js/model/cartModel.js">script>
		<script type="text/javascript" src="js/czFunction.js">script>
		<script type="text/javascript" src="js/plugins/jquery.easing/jquery.easing.min.js">script>
		<script type="text/javascript" src="js/plugins/sui/sui.min.js">script>
		<script type="text/javascript" src="js/widget/cartPanelView.js">script>
	body>

html>

当前 youlexuan 所有完整代码

你可能感兴趣的:(#,计算机（Java中级）中级,阶段,solr,lucene,搜索引擎)

1.计算机处理器架构+嵌入式处理器架构及知识 vv 啊 arm-linux学习 linux 系统架构
目录一：x86-64处理器架构二：Intel80386处理器（i386）1.i3862.i686三：嵌入式Linux知识：1.MinGW2.GNU计划2.1GNU工具链概述此次只分享英特尔和ADM处理器有关于x86的架构，至于嵌入式处理器架构请查看https://en.wikipedia.org/wiki/List_of_ARM_processors一：x86-64处理器架构x86-64，也称为x
【计算机网络】第 3 问：电路交换、报文交换、分组交换之间的区别？孤独打铁匠Julian #计算机408考研面试计算机网络计算机网络网络
电路交换、报文交换、分组交换之间的区别？省流图详解电路交换电路交换的优点电路交换的缺点建立连接时间长的原因报文交换报文交换的优点报文交换的缺点分组交换分组交换的优点分组交换的缺点比较总结省流图详解电路交换在进行数据传输前，两个结点之间必须先建立一条专用（双方独占）的物理通信路径（由通信双方之间的交换设备和链路逐段连接而成），该路径可能经过许多中间结点。这一路径在整个数据传输期间一直被独占，直到通信
通俗易懂：什么是Java虚拟机（JVM）？它的主要作用是什么？大龄下岗程序员 mysql java mysql spring
Java虚拟机（JavaVirtualMachine,JVM）是一种软件实现的抽象计算机，它负责执行Java字节码（Bytecode）。Java程序并不是直接在物理计算机上运行，而是先由Java编译器将源代码编译成与平台无关的字节码，然后由JVM负责读取字节码并在实际硬件架构上运行。JVM的主要作用包括以下几个方面：1.跨平台性-JVM是Java语言“一次编写，到处运行”（WriteOnce,Ru
浅析纪录片《高考》，祝今年的高三学生都能金榜题名嘻嘻哈哈通
时间总会在不经意间转瞬即逝，似一缕清风从你的发梢间穿过。三年的时间约是人生的三十分之一，每个三年如果是一个阶段，总会存在这样一个阶段，让人感觉难忘，去回忆当年的青葱岁月，美好的芳华在三年的充实中度过。期间伴随的欢笑与泪水，奋斗与挣扎，回想起来，又是想起当年的一群人。本部纪录片《高考》主要讲述安徽省六安市毛坦厂镇的毛坦厂中学，里面拥有三万左右的高三学生，在为了高考而拼搏的真实记录......日与夜的
计算机网络知识点汇总蓝小俊
第1章概述P36习题3、7、14、15、17、22、24、262.“协议”与“服务”的异同点？答：（1）协议是控制两个对等实体进行通信的规则的集合。在协议的控制下，两个对等实体间的通信使得本层能够向上一层提供服务，而要实现本层协议，还需要使用下面一层提供服务。（2）协议和服务的概念的区分：1、协议的实现保证了能够向上一层提供服务。本层的服务用户只能看见服务而无法看见下面的协议。下面的协议对上面的服
Java学习笔记01 .wsy. 日常 java 学习笔记
1.1Java简介Java的前身是Oak，詹姆斯·高斯林是java之父。1.2Java体系Java是一种与平台无关的语言，其源代码可以被编译成一种结构中立的中间文件（.class，字节码文件）于Java虚拟机上运行。1.2.3专有名词JDK提供编译、运行Java程序所需要的种种工具及资源。JRE是运行Java所依赖的环境的集合。JVM是一个虚构出来的计算机，通过在实际的计算机上仿真模拟各种计算机功
Vue 常见面试题(一) 安生生申面试题 vue.js 前端 javascript
目录1、Vue的最大的优势是什么？（必会）2、Vue和jQuery两者之间的区别是什么？（必会）3、MVVM和MVC区别是什么？哪些场景适合？（必会）1、基本定义2、使用场景3、两者之间的区别4、Vue数据双向绑定的原理是什么?（必会）5、Object.defineProperty和Proxy的区别（必会）6、Vue生命周期总共分为几个阶段？（必会）7、第一次加载页面会触发哪几个钩子函数？（必会）
史上最详细的测试用例写作规范心软小念测试用例
软件测试用例得出软件测试用例的内容，其次，按照软件测试写作方法，落实到文档中，两者是形式和内容的关系，好的测试用例不仅方便自己和别人查看，而且能帮助设计的时候考虑的更周。一个好的测试用例必须包含足够的内容，将这些内容可以拆分为八个要素：用例编号、测试项目、测试标题、重要级别、预置条件、测试输入、操作步骤、预期输出。1、用例编号1）规则：是由字符和数字组成的字符串，具有唯一性、易识别性。2）不同阶段
计算机常用端口号王依硕 linux 服务器 ssh
ftp：（20端口）用于ftp服务，用于数据传输。ftp：（21端口）用于文件上传和下载。ssh：（22端口）用于安全Shell访问和文件传输。telnet：（23端口）用于远程命令行计算机管理。smtp：（25端口）用于发送电子邮件。dns：（53端口）用于域名解析。dhcp：（67和68端口）用于动态分配IP地址和配置网络参数。tftp：（69端口）使用udp连接。finger：（79端口）是
P5635 【CSGRound1】天下第一 golemon. 算法题算法数据结构 c++
P5635【CSGRound1】天下第一-洛谷|计算机科学教育新生态(luogu.com.cn)思路：记忆化搜索，因为模数ppp对于多组输入来说是不变的，那么(x+y)(x+y)%p==0(x+y)这个判定条件在整个程序中都是正确的。题目中，每两个回合是一轮-两人都执行一次。为了让代码好写，每次搜索时是按照一轮来搜索。f[x][y]!=0f[x][y]!=0f[x][y]!=0：之前搜索时已经得到
pdu电源线_pdu电源插座与普通电源插座的区别夹心酱紫 pdu电源线
描述pdu电源插座与普通电源插座的区别1、两者的功能不同普通插座只具备供电过载保护和总控开关的功能，而PDU不仅有供电过载保护和总控开关，还具备防雷抗冲电压、防静电防火等功能。2、两者的材料不同普通插座采用的是塑料材质，而PDU电源插座采用的是金属材质，具有防静电的作用。3、两者的应用领域不同普通插座一般应用于家庭或办公室，为计算机等电器提供电源，而PDU插座电源一般应用于数据中心、网络系统和工业
如果你认为TIA博途静静还是一款工程平台软件的话... 佳途自动化学院小佳老师
近日，在西门子举办的西门子行业大型论坛上，小佳听到了以下对话：A：你听说过西门子TIAbotu软件吗？小B：你说的是西门子全集成自动化工程软件吗？每个来参加论坛的人都知道这一点。小c：一点点但是，作为果你认为TIA-botu只是一个软件工程平台，那么你就可以退出了！作为如果您关注西门子，在许多应用程序站点中，您可以看到TIABroadway经常在工程师的计算机屏幕上闪烁。这套自动化软件，在业内率先
Windows Edge 兼容性问题修复马卫斌前端工程师 edge
当遇到MicrosoftEdge浏览器的兼容性问题时，您可以尝试以下几种解决方案：解决方案1：通过注册表编辑器禁用渲染器完整性检查针对一些特定情况，您可能需要关闭Edge浏览器的渲染器完整性检查以解决兼容性问题。按照以下步骤操作：1.按Win+R键打开“运行”对话框，输入regedit并回车打开注册表编辑器。2.导航至以下路径：计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Pol
牛郎织女罗曼史潮汐_d5d4
牛郎织女是我国四大民间传说之一，牛郎织女的爱情故事家喻户晓，对他们的真挚感情热情讴歌。那么牛郎和织女是怎么走到一起的呢？单身阶段北斗九星牛郎织女起源于天文，诗经中出现了银河和织女、牵牛星宿，但尚未形成传说故事，还没有后来的情节，这个时候牛郎和织女还是单身。河南郑州青台遗址--陶罐北斗九星天文遗迹，说明5000多年前先民就对天文进行了细致的观察，具备了一定的天文知识，并将观察的结果应用到生活场景中。
day 32 如何写出吸引人的故事匆匆成长
大家好，我是匆匆，欢迎大家来到《从0开始学写作》的复盘分享中，今天开始进入新的阶段——写作功力的分享，以及如何刻意练习培养写作的习惯这一阶段主要从写故事、写观点、写金句以及如何用好词汇四个方向开始展开，那也希望屏幕对面的你日后可以刻意练习，每天坚持一点点好了，开始今天的分享——如何写出吸引人的故事为什么会提到写故事呢？大家有没有发现，人天生喜欢听故事比如，小孩喜欢听睡前故事，我们喜欢八卦听“然后呢
OpenCV（一个C++人工智能领域重要开源基础库）简介愚梦者 OpenCV 人工智能人工智能 opencv c++图像处理计算机视觉开源
返回：OpenCV系列文章目录（持续更新中......）上一篇：OpenCV4.9.0配置选项参考下一篇：OpenCV4.9.0开源计算机视觉库安装概述引言：OpenCV（全称OpenSourceComputerVisionLibrary）是一个基于开放源代码发行的跨平台计算机视觉库，可以用来进行图像处理、计算机视觉和机器学习等领域的开发。该库由英特尔公司于1999年开始开发，最初是为了加速处理器
动态多态的注意事项 Austin_1024 动态多态静态多态虚函数子类重写父类虚函数实现动态多态
大家好：衷心希望各位点赞。您的问题请留在评论区，我会及时回答。多态的基本概念多态是C++面向对象三大特性之一（多态、继承、封装）多态分为两类：静态多态：函数重载和运算符重载属于静态多态，复用函数名。动态多态：通过派生类和虚函数实现运行时多态。静态多态和动态多态的区别：静态多态的函数地址早绑定——编译阶段确定函数地址。动态多态的函数地址晚绑定——运行阶段确定函数地址。下面通过案例讲解多态：#incl
408-计算机组成原理-注意点猫毛已经快要掉光的小猫系统架构
数据的表示IEEE754标准的特殊情况：阶码全为0，尾数不全为0表示非规格化的数值，0.M×2^(-126)阶码全为0，尾数也全为0，表示±0阶码全为1，尾数全为0，表示正负无穷大阶码全为1，尾数不全为0，表示非数符Nan存储器Cache：多少组相联指的是一组有多少个。LRU标记为一组有n个，就需要用logn表示区分计算cache数据区与cache容量，cache容量需要包括标志位。标志位大体包括
opencv 十八 python下实现0缓存掉线重连的rtsp直播流播放器摸鱼的机器猫 opencv实战 opencv python 缓存
使用opencv打开rtsp视频流时，会因为网络问题导致VideoCapture掉线；也会因为图像的后处理阶段耗时过长导致opencv缓冲区数据堆积，从而使程序无法及时处理最新的数据。为此对cv2.VideoCapture进行封装，实现0缓存掉线重连的rtsp直播流播放器，让程序能一直处理最新的数据。代码实现fromcollectionsimportdequeimportthreadingimpo
计算机网络复试总结（五） interee 面试计算机网络
可能会问：基础知识问题：请简述TCP/IP协议栈的层次结构及其功能。TCP/IP协议栈的层次结构及其功能可以简要概述如下：层次结构：TCP/IP协议栈通常被划分为四个主要层次，从底层到高层分别是网络接口层（也称为链路层或数据链路层）、网络层（也称为网际网层）、传输层和应用层。这四个层次协同工作，实现数据的封装、传输和解析，从而完成网络通信任务。功能概述：网络接口层：这是TCP/IP协议栈的最底层，
“异步”是什么意思？小林想被监督学习系统架构设计师面试计算机基础 java 开发语言
含义“异步”在计算机科学中，指的是一种操作模式，其中操作被发起后，不必等待该操作完成，可以继续执行其他任务。也就是说异步操作不会去阻塞后续代码的执行，当操作完成时，通常会通过回调函数、事件或其他机制来通知应用程序。例子例如在事件驱动架构风格中，异步通信是核心特性之一。事件的生产者（发布者）发布了事件以后，不会等待任何消费者（订阅者）的响应，继续执行后续的任务。消费者感知到事件触发了以后，就自己安排
基于SSM+Vue企业销售培训系统企业人才培训系统企业课程培训管理系统企业文化培训班系统Java 计算机程序老哥
作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SSM(Spring+SpringMVC+Mybatis)前端：Vue工具：IDEA或者Eclipse，JDK1.8，Maven二、系统介绍2.1图片展示注册登录页面：登陆.png前端页面功能：首页、培训班、在线学习、企业文化、交流论坛、试卷列表、系统公告、留言反馈、个
什么软件可以改IP地址 bafnpa123 服务器运维
什么软件可以改IP地址在现代网络环境中，有时候我们需要更换IP地址来进行网络操作。IP地址是网络通信的基石，它标识了计算机在互联网上的唯一身份。下面，我将向您介绍几种常见的换IP地址的方法：方法一：使用深度ip转换器ip转换器是一种可以在公共网络上建立加密通道的技术。通过ip转换器，您可以更换您的IP地址，从而隐藏您的真实IP，提高网络安全性。在选择ip转换器服务时，请务必选择信誉良好、速度稳定的
奉女娲娘娘旨意迷惑纣王，玉虚门人云中子，为何还想除掉苏妲己？中山人读文史
女娲娘娘派的轩辕三妖，玉虚门人云中子，为何还想除掉九尾妖狐？前有北伯侯崇侯虎领兵围攻，后有西伯侯姬昌整军待发。曾在朝歌午门城中题下“永不反商”反诗的苏护，不得不重新审视所处的环境。纣王在奸佞小人费仲和尢浑的谄媚进言下，最终逼反了冀州侯苏护。经过一番厮杀和交战，苏护与崇侯虎的兵马，各有所伤。双方进入僵持阶段后，姬昌适时派遣了大夫散宜生通过一纸书信，成功劝说苏护向纣王献女，以避免随着事态的发展，造成苏
国学经典第一课，常理扎要王晶_ed4d
2019年3月4号今日主要学习了礼仪。礼仪包括茶宴之礼，迎送之礼。通过胡老师的讲授过年期间横穿中国的经历，一句话深深打动了我：孟府常飘书香味。这是一种怎样嗯文化底蕴！礼仪分为五个层次：1.打招呼；2.说事实--求同；3.谈观点，这是人心灵深处的交流；4.感受，要有足够的胸襟允许别人谈完感受5.迎送之道，什么能说，什么不能说，做到收放有度。我们还学习了各个阶段不同的教育，引导孩子成长的方法。区分了中
我们正在进入一个这样的时代——个性化时代北斗书院
大家可能都知道斯芬克斯之谜，斯芬克斯是希腊神话中一个长着狮子躯干、女人头面的有翼怪兽，谓之一人千面。1949年，神话学大师约瑟夫·坎贝尔《千面英雄》(Theherowithathousandfaces)封山之作诞生，斯芬克斯被写进了书里。70年之后，我们似乎重新洞察到了神话与现实之间的玄机。现代商业社会，品牌进入到了满足任何细枝末节的微不足道的需求阶段，于是，在品牌的市场逻辑里面，由千人一面进化到
目送小数点
今年孩子终于有大学上了，一个假期，从等待高考成绩，到填报志愿，到等待录取通知书，每一个阶段都是在煎熬中度过。通知书终于拿到手里，想带着孩子四处走走，结果，疫情严重，哪里也不适合去，只好在家待着待着，不知不觉，大学陆陆续续的都开学了，后天终于是孩子报道的日子······刚刚收到录取通知书时，一家人高兴雀跃，虽然还有一个多月，就已经开始计划着开车送孩子到校，走哪一条路线、去哪里看风景都已经讨论好了··
信息技术让教学插上翅膀洮北591樊迪
经过了一个暑期的听课，我清楚地认识到随着以计算机为核心的信息技术在教育中的广泛应用，教师不是像以前那样，单凭一张嘴、一支粉笔、一块黑板即可进行教学，而是综合应用多种媒体技术，利用多媒体和微机网络，开展教学。教师不能只停在原有知识的认识上，要不断学习，不断完善自己，不断充实自己。现在的学生更是聪明，他们不仅能在学校里学习知识，还能通过电视、网络等多种途径学到更多的知识。因而，教师必须有一种超前意识。
要件诉讼九步法 lafitebash
一、要件诉讼九步法的基本逻辑1）基本逻辑法律适用坚持“以事实为依据，以法律为准绳”，凡是起诉必先有事实根据，有事实根据才能寻找请求基础，有请求基础就能划分法律要件，有法律要件必有其相对应的要件事实。在诉讼中，当事人对其要件事实进行主张、证明和论证：在起诉答辩阶段，当事人对其要件事实进行主张；在法庭调查阶段，当事人对其有争议的主张进行举证证明；在法庭辩论阶段，当事人对其证明的主张符合法律要件进行论证
二进制补码运算 starnight_cbj 计算机基础扩展
负数在计算机中如何表示？举例来说，+8在计算机中表示为二进制的1000，那么-8怎么表示呢？很容易想到，可以将一个二进制位（bit）专门规定为符号位，它等于0时就表示正数，等于1时就表示负数。比如，在8位机中，规定每个字节的最高位为符号位。那么，+8就是00001000，而-8则是10001000。但是，随便找一本《计算机原理》，都会告诉你，实际上，计算机内部采用补码（Two'sComplemen
TOMCAT在POST方法提交参数丢失问题 357029540 java tomcat jsp
摘自http://my.oschina.net/luckyi/blog/213209 昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。恢复较多数据后跟踪提交FORM DATA ，发现数
在MyEclipse中增加JSP模板删除-2008-08-18 ljy325 jsp xml MyEclipse
在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp 目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。然后在 D:\Progr
JavaScript常用验证脚本总结 eksliang JavaScript javaScript表单验证
转载请出自出处：http://eksliang.iteye.com/blog/2098985 下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! &nb
微软BI（4） 18289753290 微软BI SSIS
1） Q:查看ssis里面某个控件输出的结果： A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 这是我们在包里面定义的变量 2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 3) Q：ssis里面如果将多个数据源的数据插入目的端一
定时对大数据量的表进行分表对数据备份酷的飞上天空大数据量
工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。分表工具：linux的shell + mysql自身提供的管理命令原理：使用一个和原表数据结构一样的表，替换原表。 linux shell内容如下： =======================开始
本质的描述与因材施教永夜-极光感想随笔
不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解 &
很迷茫。。。随便小屋随笔
小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
23种设计模式的意图和适用范围 aijuans 设计模式
Factory Method 意图定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。　　适用性当一个类不知道它所必须创建的对象的类的时候。　　当一个类希望由它的子类来指定它所创建的对象的时候。　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。 Abstr
Java中的synchronized和volatile aoyouzi java volatile synchronized
说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
js数组的操作和this关键字百合不是茶 js 数组操作 this关键字
js数组的操作; 一:数组的创建: 1、数组的创建 var array = new Array();　//创建一个数组 var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
别人的阿里面试感悟 bijian1013 面试分享工作感悟阿里面试
原文如下：http://greemranqq.iteye.com/blog/2007170 一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！ &nb
淘宝的测试框架Itest Bill_chen spring maven 框架单元测试 JUnit
Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心，集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。近期项目中用了下，有关itest的具体使用如下： 1.在Maven中引入itest框架： <dependency> <groupId>com.taobao.test</groupId&g
【Java多线程二】多路条件解决生产者消费者问题 bit1129 java多线程
package com.tom; import java.util.LinkedList; import java.util.Queue; import java.util.concurrent.ThreadLocalRandom; import java.util.concurrent.locks.Condition; import java.util.concurrent.loc
汉字转拼音pinyin4j 白糖_ pinyin4j
以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码： import java.util.HashSet; import java.util.Set; import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin
org.hibernate.TransactionException: JDBC begin failed解决方案 bozch ssh 数据库异常 DBCP
org.hibernate.TransactionException: JDBC begin failed: at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68) at org.hibernate.impl.SessionImp
java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合 bylijinnan java
import java.util.ArrayList; import java.util.Arrays; import java.util.HashMap; import java.util.HashSet; import java.util.Iterator; import java.util.List; import java.util.Map; import java.ut
Java PrintWriter打印乱码 chenbowen00 java
一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。读文件： BufferedReader 从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
[天气与气候]极端气候环境 comsci 环境
如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵...... 那么地球上的国家应该做什么样的防备工作呢? &n
oracle order by与union一起使用的用法 daizj UNION oracle order by
当使用union操作时，排序语句必须放在最后面才正确，如下：只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So：如果unoin的几个子查询列名不同，如 Sql代码 select supplier_id, supplier_name from suppliers UNI
zeus持久层读写分离单元测试 deng520159 单元测试
本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 1.ZeusMasterSlaveTest.java package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Assert; import org.j
Yii 截取字符串(UTF-8) 使用组件 dcj3sjt126com yii
1.将Helper.php放进protected\components文件夹下。 2.调用方法： Helper::truncate_utf8_string($content,20,false); //不显示省略号 Helper::truncate_utf8_string($content,20); //显示省略号 &n
安装memcache及php扩展 dcj3sjt126com PHP
安装memcache tar zxvf memcache-2.2.5.tgz cd memcache-2.2.5/ /usr/local/php/bin/phpize (?) ./configure --with-php-confi
JsonObject 处理日期 feifeilinlin521 java json JsonOjbect JsonArray JSONException
写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException 原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说直接上代码 &n
Ehcache（06）——监听器 234390216 监听器 listener ehcache
监听器 Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。
activiti 自带设计器中chrome 34版本不能打开bug的解决 jackyrong Activiti
在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以，经证实为bug，参考 http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 修改为，找到 oryx.debug.js 在最头部增加 if (!Document.
微信收货地址共享接口-终极解决 laotu5i0 微信开发
最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。如果你能搜到本贴，说明你已经碰到了各种 ed
关于人才 netkiller.github.com 工作面试招聘 netkiller 人才
关于人才每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。总结就是“盲目推荐，以量取胜”。目前现状许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。企业招聘，通常是需要用人的部门提出招聘条件，由人
搭建 CentOS 6 服务器 - 目录 rensanning centos
(1) 安装CentOS ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox）详细内容 (2) Linux常用命令 cd、ls、rm、chmod...... 详细内容 (3) 初始环境设置用户管理、网络设置、安全设置...... 详细内容 (4) 常驻服务Daemon
【求助】mongoDB无法更新主键 toknowme mongodb
Query query = new Query(); query.addCriteria(new Criteria("_id").is(o.getId())); &n
jquery 页面滚动到底部自动加载插件集合 xp9802 jquery
很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 2. jQuery Screw S