Daniel521-Spark

二十七、商城 - 搜索解决方案-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,搜索引擎)

机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习 python
一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
C语言宏函数南林yan C语言 c语言
一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<
相信相信的力量孙丽_cdb3
孙丽中级十期坚持分享第345天有一个特别有哲理的故事：有一只老鹰下了蛋，这个蛋，不知怎的就滚到了鸡窝里去了，鸡也下了一窝蛋，然后鸡妈妈把这些蛋全都浮出来了，孵出来之后等小鸡长大一点了，就觉得鹰蛋孵出来的那只小鹰怪模怪样，这些小鸡都嘲笑它，真难看，真笨，丑死了，那只小鹰觉得自己真是谁也不像，真是不好看，后来鸡妈妈也不喜欢他，我怎么生出你这样的孩子来了？真烦人，后来这群小鸡和小鹰一起生活，有一天，老鹰
2023-04-17|篮球女孩长一木
1小学抑或初中阶段，在课外书了解到她的故事。“篮球女孩”。当时佩服她的顽强，也对生命多了一丝敬畏。今天刚好在公众号看到，长大后的“篮球女孩”。佩服之余又满是心疼。网络侵删祝那素未蒙面的女孩，未来一切顺遂。
在一台Ubuntu计算机上构建Hyperledger Fabric网络落叶无声9 区块链超级账本 Hyperledger fabric 区块链 ubuntu 构建 hyperledger fabric
在一台Ubuntu计算机上构建HyperledgerFabric网络Hyperledgerfabric是一个开源的区块链应用程序平台，为开发基于区块链的应用程序提供了一个起点。当我们提到HyperledgerFabric网络时，我们指的是使用HyperledgerFabric的正在运行的系统。即使只使用最少数量的组件，部署Fabric网络也不是一件容易的事。Fabric社区创建了一个名为Cello
GitHub上克隆项目 bigbig猩猩 github
从GitHub上克隆项目是一个简单且直接的过程，它允许你将远程仓库中的项目复制到你的本地计算机上，以便进行进一步的开发、测试或学习。以下是一个详细的步骤指南，帮助你从GitHub上克隆项目。一、准备工作1.安装Git在克隆GitHub项目之前，你需要在你的计算机上安装Git工具。Git是一个开源的分布式版本控制系统，用于跟踪和管理代码变更。你可以从Git的官方网站（https://git-scm.
Day1笔记-Python简介&标识符和关键字&输入输出 ~在杰难逃~ Python python 开发语言大数据数据分析数据挖掘
大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
阶段总结反思轻争
马上就要进入10月份了，今天做一下前段时间的总结和反思。前段时间，日更、英语、健身、护肤坚持的比较好。阅读、书法坚持的不好。1.中间被迫停更半个多月，其余时间一直在坚持日更挑战。偶尔也有不想写的时候，就做一下摘抄。因为阅读（输入）没跟上来，所以写作（输出）质量有待进一步加强。2.英语做到了一周至少学习5天，每次不少于30分钟，但是小班课没有跟上更新速度，下一步要争取利用零碎时间补听小班课。3.减肥
ARM驱动学习之基础小知识 JT灬新一 ARM 嵌入式 arm开发学习
ARM驱动学习之基础小知识•sch原理图工程师工作内容–方案–元器件选型–采购（能不能买到，价格）–原理图（涉及到稳定性）•layout画板工程师–layout（封装、布局，布线，log）（涉及到稳定性）–焊接的一部分工作（调试阶段板子的焊接）•驱动工程师–驱动，原理图，layout三部分的交集容易发生矛盾•PCB研发流程介绍–方案，原理图(网表)–layout工程师（gerber文件）–PCB板
Low Power概念介绍-Voltage Area 飞奔的大虎
随着智能手机，以及物联网的普及，芯片功耗的问题最近几年得到了越来越多的重视。为了实现集成电路的低功耗设计目标，我们需要在系统设计阶段就采用低功耗设计的方案。而且，随着设计流程的逐步推进，到了芯片后端设计阶段，降低芯片功耗的方法已经很少了，节省的功耗百分比也不断下降。芯片的功耗主要由静态功耗（staticleakagepower）和动态功耗(dynamicpower)构成。静态功耗主要是指电路处于等
nosql数据库技术与应用知识点皆过客，揽星河 NoSQL nosql 数据库大数据数据分析数据结构非关系型数据库
Nosql知识回顾大数据处理流程数据采集(flume、爬虫、传感器)数据存储(本门课程NoSQL所处的阶段)Hdfs、MongoDB、HBase等数据清洗(入仓)Hive等数据处理、分析(Spark、Flink等)数据可视化数据挖掘、机器学习应用(Python、SparkMLlib等)大数据时代存储的挑战(三高)高并发(同一时间很多人访问)高扩展(要求随时根据需求扩展存储)高效率(要求读写速度快)
Shell、Bash、Zsh这都是啥啊小白码上飞 bash linux 开发语言
Zsh和Bash都是我们常用的Shell，那先搞明白啥是shell吧。Shell作为一个单词，他是“壳”的意思，蛋壳坚果壳。之所以叫壳，是为了和计算机的“核”来区分，用它表示“为使用者提供的操作界面”。所以这个命名其实很形象，翻译成中文，直译过来叫“壳层”。个人认为这个叫法很奇怪，意译貌似也没有什么好的词汇来匹配。就还是叫shell吧。维基百科给的定义是：Incomputing,ashellisa
ExpRe[25] bash外的其它shell：zsh和fish tritone ExpRe bash linux ubuntu shell
文章目录zsh基础配置实用特性插件`autojump`语法高亮自动补全fish优点缺点时效性本篇撰写时间为2021.12.15，由于计算机技术日新月异，博客中所有内容都有时效和版本限制，具体做法不一定总行得通，链接可能改动失效，各种软件的用法可能有修改。但是其中透露的思想往往是值得学习的。本篇前置：ExpRe[10]Ubuntu[2]准备神秘软件、备份恢复软件https://www.cnblogs
不要偷走他人的声音天天_27d6
朱会利焦点讲师班五期洛阳坚持分享第634天《来访者才是主角》2018.08.02今天的中级班课堂上，老师再一次给我们强调了咨询目标的建立过程中，作为咨询师一定要明白，我们只是在协助来访者解决他自身的问题，所以一切以来访者为主，他想解决的问题才是咨询的目标。所以如果在谈话的过程中，出现了我们感觉不是我们想要的答案的时候，我们不是再极力去引导来访者按照我们的思路走，而是觉察自己的预设并且进行调整，谨言
中原焦点团队网络初中级30期阴丽丽坚持分享第三百八十八次2022.10.18分享约练次数（74）咨询师（6）来访者（53）观察者（15）阴丽丽
今天是忙碌的一天，一早起来，总想着找点把事情弄完，可总也弄不完。就这样弄着吧！孩子的事，自己的事都在那里搁置着，不想做，有点欧！今天总体还不错，只是在下午起床时走神了俩小时，也算是给自己的放松吧！今日难得1.儿子乖巧、听话，努力配合，一天下来也是忙忙碌碌，这真的很难得！2.儿子今天录的视频被班主任认可，这真的很难得3.我今天早上做核酸时，自己把教案整了一下，这真的很难得
简单了解 JVM 记得开心一点啊 jvm
目录♫什么是JVM♫JVM的运行流程♫JVM运行时数据区♪虚拟机栈♪本地方法栈♪堆♪程序计数器♪方法区/元数据区♫类加载的过程♫双亲委派模型♫垃圾回收机制♫什么是JVMJVM是JavaVirtualMachine的简称，意为Java虚拟机。虚拟机是指通过软件模拟的具有完整硬件功能的、运行在一个完全隔离的环境中的完整计算机系统（如：JVM、VMwave、VirtualBox）。JVM和其他两个虚拟机
数据结构 | 栈和队列 TT-Kun 数据结构与算法数据结构栈队列 C语言
文章目录栈和队列1.栈：后进先出（LIFO）的数据结构1.1概念与结构1.2栈的实现2.队列：先进先出（FIFO）的数据结构2.1概念与结构2.2队列的实现3.栈和队列算法题3.1有效的括号3.2用队列实现栈3.3用栈实现队列3.4设计循环队列结论栈和队列在计算机科学中，栈和队列是两种基本且重要的数据结构，它们在处理数据存储和访问顺序方面有着独特的规则和应用。本文将详细介绍栈和队列的概念、结构、实
BART&BERT Ambition_LAO 深度学习
BART和BERT都是基于Transformer架构的预训练语言模型。模型架构：BERT(BidirectionalEncoderRepresentationsfromTransformers)主要是一个编码器（Encoder）模型，它使用了Transformer的编码器部分来处理输入的文本，并生成文本的表示。BERT特别擅长理解语言的上下文，因为它在预训练阶段使用了掩码语言模型（MLM）任务，即
系统架构设计师需求分析篇二 AmHardy 软件架构设计师系统架构需求分析面向对象分析分析模型 UML和SysML
面向对象分析方法1.用例模型构建用例模型一般需要经历4个阶段：识别参与者：识别与系统交互的所有事物。合并需求获得用例：将需求分配给予其相关的参与者。细化用例描述：详细描述每个用例的功能。调整用例模型：优化用例之间的关系和结构，前三个阶段是必需的。2.用例图的三元素参与者：使用系统的用户或其他外部系统和设备。用例：系统所提供的服务。通信关联：参与者和用例之间的关系，或用例与用例之间的关系。3.识别参
Java：爬虫框架 dingcho Java java 爬虫
一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
计算机木马详细编写思路小熊同学哦 php 开发语言木马木马思路
导语：计算机木马（ComputerTrojan）是一种恶意软件，通过欺骗用户从而获取系统控制权限，给黑客打开系统后门的一种手段。虽然木马的存在给用户和系统带来严重的安全风险，但是了解它的工作原理与编写思路，对于我们提高防范意识、构建更健壮的网络安全体系具有重要意义。本篇博客将深入剖析计算机木马的详细编写思路，以及如何复杂化挑战，以期提高读者对计算机木马的认识和对抗能力。计算机木马的基本原理计算机木
阅读《别说你懂思维导图》21～23章day27 Ling宝尔
合理期待——思维导图的应用效果很多人问我，思维导图真的有用么？我常常回答，如果你觉得是它“没用”，一定是因为你没“用”，有“用”才“有用”。实际上，学习思维导图和学习木工、驾驶等技能型学习一样，都要经历从了解到应用、从应用到受益的过程。在使用前，我们很多人的思维处于“无意识的低效”状态，经过一段时间的学习，虽然掌握了思维导图的基本使用方法，但可能并没有太好的效果，这个阶段可称为“有意识的低效”状态
4 大低成本娱乐方式: 小说, 音乐, 视频, 电子游戏穷人小水滴娱乐音视频低成本小说游戏
穷人如何获得快乐?小说,音乐,视频,游戏,本文简单盘点一下这4大低成本(安全)娱乐方式.这里是穷人小水滴,专注于穷人友好型低成本技术.(本文为58号作品.)目录1娱乐方式1.1小说(网络小说)1.2音乐1.3视频(b站)1.4游戏(电子游戏/计算机软件)2低成本:一只手机即可3总结与展望1娱乐方式这几种,也可以说是艺术的具体形式.更专业的说,(娱乐)是劳动力再生产的重要组成部分.使人放松,获得快乐
vue + Element UI table动态合并单元格我家媳妇儿萌哒哒 element UI vue.js 前端 javascript
一、功能需求1、根据名称相同的合并工作阶段和主要任务合并这两列，但主要任务内容一样，但要考虑主要任务一样，但工作阶段不一样的情况。（枞向合并）2、落实情况里的定量内容和定性内容值一样则合并。（横向合并）二、功能实现exportdefault{data(){return{tableData:[{name:'a',address:'1',age:'1',six:'2'},{name:'a',addre
计算机网络八股总结 Petrichorzncu 八股总结计算机网络笔记
这里写目录标题网络模型划分（五层和七层）及每一层的功能五层网络模型七层网络模型（OSI模型）==三次握手和四次挥手具体过程及原因==三次握手四次挥手TCP/IP协议组成==UDP协议与TCP/IP协议的区别==Http协议相关知识网络地址，子网掩码等相关计算网络模型划分（五层和七层）及每一层的功能五层网络模型应用层：负责处理网络应用程序，如电子邮件、文件传输和网页浏览。主要协议包括HTTP、FTP
计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署） java毕设程序源码王哥 php 课程设计 vue.js
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
经纬恒润二面&三七互娱一面&元象二面 Redstone Monstrosity 面试前端
1.请尽可能详细地说明，进程和线程的区别，分别有哪些应用场景？进程间如何通信？线程间如何通信？你的回答中不要写出示例代码。进程和线程是操作系统中的两个基本概念，它们在计算机系统中扮演着不同的角色，并且在不同的应用场景中发挥作用。进程和线程的区别定义：进程：进程是操作系统进行资源分配和调度的基本单位。每个进程都有独立的内存空间和系统资源。线程：线程是进程内的一个执行单元，是操作系统进行调度的最小单位
ChatGPT 高效学习套路揭秘：让知识获取事半功倍的秘诀 kkai人工智能 chatgpt 人工智能学习媒体 ai
最近这段时间，AI热潮因ChatGPT的火爆再次掀起。如今，网上大部分内容都在调侃AI，但很少有人探讨如何正经使用ChatGPT做事情。作为一名靠搜索引擎和GitHub自学编程的开发者，第一次和ChatGPT深度交流后，我就确信：ChatGPT能够极大提高程序员学习新技术的效率。使用ChatGPT一个月后，我越发感受到它的颠覆性。因此，我想从工作和学习的角度，分享它的优势及我的一些使用技巧，而非娱
AI大模型的架构演进与最新发展季风泯灭的季节 AI大模型应用技术二人工智能架构
随着深度学习的发展，AI大模型（LargeLanguageModels,LLMs）在自然语言处理、计算机视觉等领域取得了革命性的进展。本文将详细探讨AI大模型的架构演进，包括从Transformer的提出到GPT、BERT、T5等模型的历史演变，并探讨这些模型的技术细节及其在现代人工智能中的核心作用。一、基础模型介绍：Transformer的核心原理Transformer架构的背景在Transfo
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