本文介绍了如何开发一个简单的 Chrome 扩展(extension)。我们要实现我的功能是，当点击图标时显示一个动态的页面（层），效果如下：

安装 Chrome

虽然开发完成的扩展能在“稳定版”谷歌浏览器中使用，但是你必需安装“开发版”谷歌浏览器才能完成开发调试工作。

创建扩展

这一步，我们要在 Chrome 的工具栏上添加一个扩展的图标。

1，在你电脑上的任意位置创建一个文件夹。

2，在该文件夹下创建一个文本文件，并改名为“manifest.json”，然后添加内容：

{
  "name": "My First Extension",
  "version": "1.0",
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
    "http://api.flickr.com/"
  ]
}

3，下载这个图标并保存至该文件夹下。

4，加载扩展。

点击 Chrome 工具栏上的扳手按钮，选择“扩展程序(E)”
在打开的页面右侧点击“开发人员模式”
点击“载入正在开发的扩展程序”，浏览到刚才创建的文件夹目录，点击确定。

不出意外，Chrome 工具栏上将显示刚才的图标，但是现在点击它没有任何反应，我们继续。

5，这一步，我们要让它弹出一个页面，并显示一些内容。

打开“manifest.json”文件，找到

  "browser_action": {
    "default_icon": "icon.png"
  },

替换为

  "browser_action": {
    "default_icon": "icon.png",
    "popup": "popup.html"
  },

保存关闭。

然后创建一个名为“popup.html”的文件，内容是：

<style>
  body { min-width: 357px; overflow-x: hidden; }
  img { margin: 5px; border: 2px solid black; vertical-align: middle; width: 75px; height: 75px; }
</style>

<script>
  var req = new XMLHttpRequest();
  req.open(
    "GET",
    "http://api.flickr.com/services/rest/?" +
        "method=flickr.photos.search&" +
        "api_key=90485e931f687a9b9c2a66bf58a3861a&" +
        "text=hello%20world&" +
        "safe_search=1&" +  // 1 is "safe"
        "content_type=1&" +  // 1 is "photos only"
        "sort=relevance&" +  // another good one is "interestingness-desc"
        "per_page=20",
    true);
  req.onload = showPhotos;
  req.send(null);

  function showPhotos() {
    var photos = req.responseXML.getElementsByTagName("photo");

    for (var i = 0, photo; photo = photos[i]; i++) {
      var img = document.createElement("image");
      img.src = constructImageURL(photo);
      document.body.appendChild(img);
    }
  }

  // See: http://www.flickr.com/services/api/misc.urls.html
  function constructImageURL(photo) {
    return "http://farm" + photo.getAttribute("farm") +
      ".static.flickr.com/" + photo.getAttribute("server") +
      "/" + photo.getAttribute("id") +
      "_" + photo.getAttribute("secret") +
      "_s.jpg";
  }
</script>

回到“扩展程序”页面，找到正在开发的扩展，点击“重新载入”。
现在再点击 Chrome 工具栏上的图标试试。

如果没有出现应有效果，请再仔细检查每一步骤。怎么样，非常简单吧！

5,518

LINQ体验(7)——LINQ to SQL语句之Group By/Having和Exists/In/Any/All/Contains

我们继续讲解LINQ to SQL语句，这篇我们来讨论Group By/Having操作符和Exists/In/Any/All/Contains操作符。

Group By/Having操作符

适用场景：分组数据，为我们查找数据缩小范围。

说明：分配并返回对传入参数进行分组操作后的可枚举对象。分组；延迟

1.简单形式：

var q =
    from p in db.Products
    group p by p.CategoryID into g
    select g;

语句描述：使用Group By按CategoryID划分产品。

说明：from p in db.Products 表示从表中将产品对象取出来。group p by p.CategoryID into g表示对p按CategoryID字段归类。其结果命名为g，一旦重新命名，p的作用域就结束了，所以，最后select时，只能select g。当然，也不必重新命名可以这样写：

var q =
    from p in db.Products
    group p by p.CategoryID;

我们用示意图表示：

如果想遍历某类别中所有记录，这样：

foreach (var gp in q)
{
    if (gp.Key == 2)
    {
        foreach (var item in gp)
        {
            //do something
        }
    }
}

2.Select匿名类：

var q =
    from p in db.Products
    group p by p.CategoryID into g
    select new { CategoryID = g.Key, g };

说明：在这句LINQ语句中，有2个property：CategoryID和g。这个匿名类，其实质是对返回结果集重新进行了包装。把g的property封装成一个完整的分组。如下图所示：

如果想遍历某匿名类中所有记录，要这么做：

foreach (var gp in q)
{
    if (gp.CategoryID == 2)
    {
        foreach (var item in gp.g)
        {
            //do something
        }
    }
}

3.最大值

var q =
    from p in db.Products
    group p by p.CategoryID into g
    select new {
        g.Key,
        MaxPrice = g.Max(p => p.UnitPrice)
    };

语句描述：使用Group By和Max查找每个CategoryID的最高单价。

说明：先按CategoryID归类，判断各个分类产品中单价最大的Products。取出CategoryID值，并把UnitPrice值赋给MaxPrice。

4.最小值

var q =
    from p in db.Products
    group p by p.CategoryID into g
    select new {
        g.Key,
        MinPrice = g.Min(p => p.UnitPrice)
    };

语句描述：使用Group By和Min查找每个CategoryID的最低单价。

说明：先按CategoryID归类，判断各个分类产品中单价最小的Products。取出CategoryID值，并把UnitPrice值赋给MinPrice。

5.平均值

var q =
    from p in db.Products
    group p by p.CategoryID into g
    select new {
        g.Key,
        AveragePrice = g.Average(p => p.UnitPrice)
    };

语句描述：使用Group By和Average得到每个CategoryID的平均单价。

说明：先按CategoryID归类，取出CategoryID值和各个分类产品中单价的平均值。

6.求和

var q =
    from p in db.Products
    group p by p.CategoryID into g
    select new {
        g.Key,
        TotalPrice = g.Sum(p => p.UnitPrice)
    };

语句描述：使用Group By和Sum得到每个CategoryID 的单价总计。

说明：先按CategoryID归类，取出CategoryID值和各个分类产品中单价的总和。

7.计数

var q =
    from p in db.Products
    group p by p.CategoryID into g
    select new {
        g.Key,
        NumProducts = g.Count()
    };

语句描述：使用Group By和Count得到每个CategoryID中产品的数量。

说明：先按CategoryID归类，取出CategoryID值和各个分类产品的数量。

8.带条件计数

var q =
    from p in db.Products
    group p by p.CategoryID into g
    select new {
        g.Key,
        NumProducts = g.Count(p => p.Discontinued)
    };

语句描述：使用Group By和Count得到每个CategoryID中断货产品的数量。

说明：先按CategoryID归类，取出CategoryID值和各个分类产品的断货数量。 Count函数里，使用了Lambda表达式，Lambda表达式中的p，代表这个组里的一个元素或对象，即某一个产品。

9.Where限制

var q =
    from p in db.Products
    group p by p.CategoryID into g
    where g.Count() >= 10
    select new {
        g.Key,
        ProductCount = g.Count()
    };

语句描述：根据产品的―ID分组，查询产品数量大于10的ID和产品数量。这个示例在Group By子句后使用Where子句查找所有至少有10种产品的类别。

说明：在翻译成SQL语句时，在最外层嵌套了Where条件。

10.多列(Multiple Columns)

var categories =
    from p in db.Products
    group p by new
    {
        p.CategoryID,
        p.SupplierID
    }
        into g
        select new
            {
                g.Key,
                g
            };

语句描述：使用Group By按CategoryID和SupplierID将产品分组。

说明：既按产品的分类，又按供应商分类。在by后面，new出来一个匿名类。这里，Key其实质是一个类的对象，Key包含两个Property：CategoryID、SupplierID。用g.Key.CategoryID可以遍历CategoryID的值。

11.表达式(Expression)

var categories =
    from p in db.Products
    group p by new { Criterion = p.UnitPrice > 10 } into g
    select g;

语句描述：使用Group By返回两个产品序列。第一个序列包含单价大于10的产品。第二个序列包含单价小于或等于10的产品。

说明：按产品单价是否大于10分类。其结果分为两类，大于的是一类，小于及等于为另一类。

Exists/In/Any/All/Contains操作符

适用场景：用于判断集合中元素，进一步缩小范围。

Any

说明：用于判断集合中是否有元素满足某一条件；不延迟。（若条件为空，则集合只要不为空就返回True，否则为False）。有2种形式，分别为简单形式和带条件形式。

1.简单形式：

仅返回没有订单的客户：

var q =
    from c in db.Customers
    where !c.Orders.Any()
    select c;

生成SQL语句为：

SELECT [t0].[CustomerID], [t0].[CompanyName], [t0].[ContactName],
[t0].[ContactTitle], [t0].[Address], [t0].[City], [t0].[Region],
[t0].[PostalCode], [t0].[Country], [t0].[Phone], [t0].[Fax]
FROM [dbo].[Customers] AS [t0]
WHERE NOT (EXISTS(
    SELECT NULL AS [EMPTY] FROM [dbo].[Orders] AS [t1]
    WHERE [t1].[CustomerID] = [t0].[CustomerID]
   ))

2.带条件形式：

仅返回至少有一种产品断货的类别：

var q =
    from c in db.Categories
    where c.Products.Any(p => p.Discontinued)
    select c;

生成SQL语句为：

SELECT [t0].[CategoryID], [t0].[CategoryName], [t0].[Description],
[t0].[Picture] FROM [dbo].[Categories] AS [t0]
WHERE EXISTS(
    SELECT NULL AS [EMPTY] FROM [dbo].[Products] AS [t1]
    WHERE ([t1].[Discontinued] = 1) AND 
    ([t1].[CategoryID] = [t0].[CategoryID])
    )

All

说明：用于判断集合中所有元素是否都满足某一条件；不延迟

1.带条件形式

var q =
    from c in db.Customers
    where c.Orders.All(o => o.ShipCity == c.City)
    select c;

语句描述：这个例子返回所有订单都运往其所在城市的客户或未下订单的客户。

Contains

说明：用于判断集合中是否包含有某一元素；不延迟。它是对两个序列进行连接操作的。

string[] customerID_Set =
    new string[] { "AROUT", "BOLID", "FISSA" };
var q = (
    from o in db.Orders
    where customerID_Set.Contains(o.CustomerID)
    select o).ToList();

语句描述：查找"AROUT", "BOLID" 和 "FISSA" 这三个客户的订单。先定义了一个数组，在LINQ to SQL中使用Contains，数组中包含了所有的CustomerID，即返回结果中，所有的CustomerID都在这个集合内。也就是in。你也可以把数组的定义放在LINQ to SQL语句里。比如：

var q = (
    from o in db.Orders
    where (
    new string[] { "AROUT", "BOLID", "FISSA" })
    .Contains(o.CustomerID)
    select o).ToList();

Not Contains则取反：

var q = (
    from o in db.Orders
    where !(
    new string[] { "AROUT", "BOLID", "FISSA" })
    .Contains(o.CustomerID)
    select o).ToList();

1.包含一个对象：

var order = (from o in db.Orders
             where o.OrderID == 10248
             select o).First();
var q = db.Customers.Where(p => p.Orders.Contains(order)).ToList();
foreach (var cust in q)
{
    foreach (var ord in cust.Orders)
    {
        //do something
    }
}

语句描述：这个例子使用Contain查找哪个客户包含OrderID为10248的订单。

2.包含多个值：

string[] cities = 
    new string[] { "Seattle", "London", "Vancouver", "Paris" };
var q = db.Customers.Where(p=>cities.Contains(p.City)).ToList();

语句描述：这个例子使用Contains查找其所在城市为西雅图、伦敦、巴黎或温哥华的客户。

总结一下这篇我们说明了以下语句：

Group By/Having	分组数据；延迟
Any	用于判断集合中是否有元素满足某一条件；不延迟
All	用于判断集合中所有元素是否都满足某一条件；不延迟
Contains	用于判断集合中是否包含有某一元素；不延迟

本系列链接：LINQ体验系列文章导航

LINQ推荐资源

LINQ专题：http://kb.cnblogs.com/zt/linq/ 关于LINQ方方面面的入门、进阶、深入的文章。
LINQ小组：http://space.cnblogs.com/group/linq/ 学习中遇到什么问题或者疑问提问的好地方。

李

转自李永京 16 年前

4,629

天轰穿Visual Studio2005入门.Net2.0系列视频教程

下载地址 ftp://xuexi:xuexi123456@218.246.23.98/VS2005.rar

新增地址 ftp://thc123_net:thc123_com@220.113.41.144/thcvs2005.rar

附上天轰穿主页：

http://www.cnblogs.com/thcjp

http://www.thc123.com

xoyozo 17 年前

6,280

正则表达式30分钟入门教程

详见：https://xoyozo.net/Blog/Details/regex

xoyozo 18 年前

5,918

1 2

Group By/Having操作符

1.简单形式：

2.Select匿名类：

3.最大值

4.最小值

5.平均值

6.求和

7.计数

8.带条件计数

9.Where限制

10.多列(Multiple Columns)

11.表达式(Expression)

Exists/In/Any/All/Contains操作符

Any

1.简单形式：

2.带条件形式：

All

1.带条件形式

Contains

1.包含一个对象：

2.包含多个值：

LINQ推荐资源

大家在看

最新发布

查询 / 检测

编程

前端

行业

本站 API

博客 (14)

Group By/Having操作符

1.简单形式：

2.Select匿名类：

3.最大值

4.最小值

5.平均值

6.求和

7.计数

8.带条件计数

9.Where限制

10.多列(Multiple Columns)

11.表达式(Expression)

Exists/In/Any/All/Contains操作符

Any

1.简单形式：

2.带条件形式：

All

1.带条件形式

Contains

1.包含一个对象：

2.包含多个值：

LINQ推荐资源

大家在看

最新发布