前言

上一篇博客介绍了使用Nancy框架内部的方法来创建了一个简单到不能再简单的Document。但是还有许许多多的不足。

为了能稍微完善一下这个Document,这篇引用了当前流行的Swagger,以及另一个开源的Nancy.Swagger项目来完成今天的任务!

注:Swagger是已经相对成熟的了,但Nancy(2.0.0-clinteastwood)和Nancy.Swagger(2.2.6-alpha)是基于目前的最新版本,但目前的都是没有发布正式版,所以后续API可能会有些许变化。

下面先来简单看看什么是Swagger

何为Swagger

The World's Most Popular Framework for APIs.这是Swagger官方的描述。能说出是世界上最流行的,也是要有一定资本的!

光看这个描述就知道Swagger不会差!毕竟人家敢这样说。当然个人也认为Swagger确实很不错。

通过官方文档,我们都知道要想生成Swagger文档,可以使用YAML或JSON两种方式来书写,由于我们平常写程序用的比较多的是JSON!

所以本文主要是使用了JSON,顺带说一下YAML的语法也是属于易懂易学的。

既然是用JSON书写,那么要怎么写呢?这个其实是有一套规定、约束,我们只要遵守这些来写就可以了。详细内容可以参见OpenAPI Specification

本文后面的内容将默认园友们对Swagger有过了解。

Swagger主要有下面几个东西,要引用基本的样式和脚本就不在多说了。

当然,引用样式和脚本只是最基本的前提,下面这段js(来自swagger-ui项目)才是最为主要的!

  1. <script>
  2. window.onload = function() {
  3. // Build a system
  4. const ui = SwaggerUIBundle({
  5. url: "your url",//返回json数据的url地址
  6. dom_id: '#swagger-ui',//在这个div展示内容
  7. presets: [
  8. SwaggerUIBundle.presets.apis,
  9. SwaggerUIStandalonePreset
  10. ],
  11. plugins: [
  12. SwaggerUIBundle.plugins.DownloadUrl
  13. ],
  14. layout: "StandaloneLayout"
  15. })
  16. window.ui = ui
  17. }
  18. </script>

就是在上面加上注释的两个属性:url指定了我们要展示数据(JSON格式)的来源,dom_id指定了在id为swagger-ui的容器中展示我们的文档。

在加载的时候创建了Swagger相关的内容,主要的有下面的两个,其余的用默认的就可以了。

简单来说,我们请求了这个url拿到了这些json数据,再根据这些数据在dom_id中构造出我们所看到的页面。有那么点数据驱动的意思。

当然这些JSON数据是有格式要求的。可以看看下面的简单示例

  1. {
  2. "swagger": "2.0",
  3. "info": {
  4. "title": "Simple API overview",
  5. "version": "v2"
  6. },
  7. "paths": {
  8. "/": {
  9. "get": {
  10. "operationId": "listVersionsv2",
  11. "summary": "List API versions",
  12. "produces": [
  13. "application/json"
  14. ],
  15. "responses": {
  16. "200": {
  17. "description": "200 300 response",
  18. "examples": {
  19. "application/json": "一串json"
  20. }
  21. }
  22. }
  23. }
  24. }
  25. },
  26. "consumes": [
  27. "application/json"
  28. ]
  29. }

这也就意味着我们只需要严格按照Swagger的定义,就可以生成一个即美观,又可执行的API文档了。

更多相关JSON示例可参见

https://github.com/OAI/OpenAPI-Specification/tree/master/examples/v2.0/json

Nancy.Swagger说明

Nancy.Swagger是我们今天的主角,是一个基于MIT协议的开源项目。Github地址:Nancy.Swagger

当然通过上面关于Swagger的说明,也已经大概明白了这个项目主要为我们做了什么。就是构造Swgger所需要的JSON格式的数据!

它并没有像Swashbuckle.AspNetCore一样集成了SwaggerUI的内容到项目中去,只是一个提供数据的项目。

其官方的示例Demo是用跳转到petstore.swagger.io方式来完成的。但是经常性是要等待很长时间的,应该是网络的问题。

为了避免这一情况,可以通过下面的操作避免:

  • 手动下载swagger-ui相关的内容并添加到我们的新项目中。同时我还将这些设置成嵌入式的资源。

  • 添加一个用于显示的页面,示例为doc.html,内容可以照搬swagger-ui目录下面的index.html

  • 在Bootstrapper中添加静态资源的引用

  1. protected override void ConfigureConventions(NancyConventions nancyConventions)
  2. {
  3. base.ConfigureConventions(nancyConventions);
  4. nancyConventions.StaticContentsConventions.Add(StaticContentConventionBuilder.AddDirectory("swagger-ui"));
  5. }
  • 在访问我们API时,将其重定向到doc.html页面
  1. public class HomeModule : NancyModule
  2. {
  3. public HomeModule()
  4. {
  5. Get("/", _ =>
  6. {
  7. return Response.AsRedirect("/swagger-ui");
  8. });
  9. Get("/swagger-ui",_=>
  10. {
  11. var url = $"{Request.Url.BasePath}/api-docs";
  12. return View["doc", url];
  13. });
  14. }
  15. }
  • 修改doc.html的内容,将上述的url,替换成@Model
  1. window.onload = function() {
  2. // Build a system
  3. const ui = SwaggerUIBundle({
  4. url: "@Model",
  5. dom_id: '#swagger-ui',
  6. presets: [
  7. SwaggerUIBundle.presets.apis,
  8. SwaggerUIStandalonePreset
  9. ],
  10. plugins: [
  11. SwaggerUIBundle.plugins.DownloadUrl
  12. ],
  13. layout: "StandaloneLayout"
  14. })
  15. window.ui = ui
  16. }

完成上面的内容后,就开始构造我们的文档了。

构造文档的基本信息

这里主要是设置这个API文档的概要信息,比如文档的标题,此api的版本等

需要通过SwaggerMetadataProvider的SetInfo方法来设置这些信息

下面是具体的示例代码,写在Bootstrapper中:

  1. protected override void ApplicationStartup(TinyIoCContainer container, IPipelines pipelines)
  2. {
  3. SwaggerMetadataProvider.SetInfo("Nancy Swagger Example", "v1.0", "Some open api", new Contact()
  4. {
  5. EmailAddress = "catcher_hwq@outlook.com",
  6. Name = "Catcher Wong",
  7. Url = "http://www.cnblogs.com/catcher1994"
  8. }, "http://www.cnblogs.com/catcher1994");
  9. base.ApplicationStartup(container, pipelines);
  10. }

此时对应的大致效果(这个时候是不能正常运行的,只是显示了这部分的效果)如下:

上面代码生成的JSON数据是符合规范的,如下所示:

下面要做的就是构造路由相关的信息

不带任何请求参数

先在Module中定义一个简单的路由,这个路由不带任何参数。

  1. Get("/", _ =>
  2. {
  3. var list = new List<Product>
  4. {
  5. new Product{ Name="p1", Price=199 , IsActive = true },
  6. new Product{ Name="p2", Price=299 , IsActive= true }
  7. };
  8. return Negotiate.WithMediaRangeModel(new Nancy.Responses.Negotiation.MediaRange("application/json"), list);
  9. }, null, "GetProductList");

然后在MetadataModule中添加相应的描述,这里的MetadataModule与上一篇是相似的,这也是为什么我会在上一篇先介绍不使用

第三方组件的来构造的原因,因为这种写法下面,两者没有本质的区别!

  1. Describe["GetProductList"] = desc => desc.AsSwagger(
  2. with => with.Operation(
  3. op => op.OperationId("GetProductList")
  4. .Tag("Products")
  5. .Summary("Get all products")
  6. .Response(r=>r.Schema<IEnumerable<Product>>().Description("OK"))
  7. .Description("This returns a list of products")
  8. ));

下面是部分Nancy.Swagger里面的核心内容,也是上一篇所没有的特殊之处。

AsSwagger是RouteDescription一个扩展方法,这个方法是返回我们需要的PathItem。

OperationId是这个路由的一个友好名称,源码里面的字段定义表明它要唯一。对更加详尽的描述可能去看Swagger中对这些参数的说明!

Tag可以理解为这个路由属于那个分组,起分隔符的作用,举个例子,现在有A,B两个模块的API,我们肯定不能把它们交叉排列下去

而是A的放到一个地方,B的一个地方,便于我们的的区分。

Summary是当前路由的精简描述,要小于120个字符。

Description是当前路由的详细描述。

Response是期望的运行结果的相关内容,可以有多个,这里没有标明状态码,而是直接写处理的内容,此时说明这里用的是默认的状态码。

Response里面又是一个委托,里面又有部分定义:

Schema表明当前响应应该返回的类型是什么

Description是这个响应对应的描述信息

这个时候是会出错的,因为我们在Respoonse的时候指定了Schema,但是我们并没有指定它的定义。

我们需要先在MetadataModule中引用ISwaggerModelCatalog这个接口并调用它的AddModel方法把相关的类型添加进去,这样才能正常运行!

  1. public ProductsMetadataModule(ISwaggerModelCatalog modelCatalog)
  2. {
  3. //添加相应的类型
  4. modelCatalog.AddModels(typeof(Product), typeof(IEnumerable<Product>));
  5. Describe["GetProductList"] = desc => desc.AsSwagger(
  6. with => with.Operation(
  7. op =>
  8. op.OperationId("GetProductList")
  9. .Tag("Products")
  10. .Summary("Get all products")
  11. //在Schema中使用modelCatalog
  12. .Response(r => r.Schema<IEnumerable<Product>>(modelCatalog).Description("OK"))
  13. .Description("This returns a list of products")
  14. ));
  15. }

示例结果如下:

先来看看上面设置对应的内容:

点击Try it out运行的结果

可以看到使用curl 去访问我们的实际接口拿到服务器的响应信息(结果和头部)

在终端执行一下这个命令,也是这个结果。

带Path参数和Query参数

同样的,先在Module中定义一个路由,这个路由包含了一个Path参数和一个Query参数

  1. Get("/{productid}", _ =>
  2. {
  3. var productId = _.productid;
  4. if (string.IsNullOrWhiteSpace(productId))
  5. {
  6. return HttpStatusCode.NotFound;
  7. }
  8. var isActive = Request.Query.isActive ?? true;
  9. var product = new Product
  10. {
  11. Name = "apple",
  12. Price = 100,
  13. IsActive = isActive
  14. };
  15. return Negotiate.WithMediaRangeModel(new Nancy.Responses.Negotiation.MediaRange("application/json"), product);
  16. }, null, "GetProductByProductId");

这里作了多一点操作,为的是演示尽可能多的用法。如果传递的产品id为空,则直接返回404。如果没有输入isActive这个Query参数

返回Productr的IsActive就为false。

然后在MetadataModule中添加相应的描述

  1. Describe["GetProductByProductId"] = desc => desc.AsSwagger(
  2. with => with.Operation(
  3. op => op.OperationId("GetProductByProductId")
  4. .Tag("Products2")
  5. .Summary("Get a product by product's id")
  6. .Description("This returns a product's infomation by the special id")
  7. .Parameter(new Parameter
  8. {
  9. Name = "productid",
  10. In = ParameterIn.Path,//指明该参数是对应路由上面的同名参数
  11. Required = true,//必填
  12. Description = "id of a product"
  13. })
  14. .Parameter(new Parameter
  15. {
  16. Name = "isactive",
  17. In = ParameterIn.Query,//指明该参数是对应QueryString上面的参数
  18. Description = "get the actived product",
  19. Required = false//非必填
  20. })
  21. .Response(r => r.Schema<Product>(modelCatalog).Description("Here is the product"))
  22. .Response(404, r => r.Description("Can't find the product"))
  23. ));

这里多了一个Parameter是上面没有提到的,这个就是我们的请求参数,这里的请求参数包含下面五种:

  • Path
  • Query
  • Body
  • Header
  • Form

下面是运行的效果图,分别演示了下面几种情况

  • 不填productid,不能执行,输入框会变红
  • 填了productid,能执行,但是服务器端返回的isactive是false
  • 填了productid和isactive,能执行,服务器返回的isactive是true

当然现在在MetadataModule的参数还有其他的写法

  1. Describe["GetProductByProductId"] = desc => desc.AsSwagger(
  2. with => with.Operation(
  3. op => op.OperationId("GetProductByProductId")
  4. .Tag("Products2")
  5. .Summary("Get a product by product's id")
  6. .Description("This returns a product's infomation by the special id")
  7. .Parameters(new List<Parameter>
  8. {
  9. new Parameter{Name = "productid",In = ParameterIn.Path,Required = true,Description = "id of a product"},
  10. new Parameter{Name = "isactive",In = ParameterIn.Query,Description = "get the actived product",Required = false}
  11. })
  12. .ProduceMimeType("application/json")
  13. .Response(r => r.Schema<Product>(modelCatalog).Description("Here is the product"))
  14. .Response(404, r => r.Description("Can't find the product"))
  15. ));

可以用Parameters直接将所有的参数,组合成一个集合来进行处理。

此时的效果和上面是一样的。

请求头参数和请求体参数

在Module中添加一个新增商品的方法,这个方法包含两种请求参数,一种是正常POST的json格式的数据,一种是请求头,对于请求头,只是判断了一下客户端发起的请求有没有包含相应的请求头就是了,并没有做严格的判断。同时为了演示多种MIME类型的返回结果,这里兼容了json和xml格式的返回结果。

  1. Post("/", _ =>
  2. {
  3. var product = this.Bind<Product>();
  4. if(!Request.Headers.Any(x=>x.Key=="test"))
  5. {
  6. return HttpStatusCode.BadRequest;
  7. }
  8. return Negotiate
  9. .WithMediaRangeModel(new Nancy.Responses.Negotiation.MediaRange("application/json"), product)
  10. .WithMediaRangeModel(new Nancy.Responses.Negotiation.MediaRange("application/xml"), product)
  11. ;
  12. }, null, "AddProduct");

同样的,MetadataModule中添加如下的描述:

  1. Describe["AddProduct"] = desc => desc.AsSwagger(
  2. with => with.Operation(
  3. op => op.OperationId("AddProduct")
  4. .Tag("Products")
  5. .Summary("Add a new product to database")
  6. .Description("This returns the added product's infomation")
  7. .BodyParameter(para=>para.Name("para").Schema<Product>().Description("the infomation of the adding product").Build())//Request body
  8. .Parameter(new Parameter()
  9. {
  10. Name = "test",
  11. In = ParameterIn.Header,//http请求头
  12. Description = "must be not null",
  13. Required = true,
  14. })
  15. .ConsumeMimeType("application/json") //post的参数只允许是json格式
  16. .ProduceMimeTypes(new List<string>{ "application/json","application/xml" })//结果支持json和xml
  17. .Response(r => r.Schema<Product>(modelCatalog).Description("Here is the added product"))
  18. .Response(400, r => r.Description("Some errors occur during the processing"))
  19. ));

BodyParameter是我们在POST等操作时用的,它需要指定我们POST的数据格式(Schema那里的类型),为了演示添加请求头信息,所以这里也加了一个必填的请求头信息。

ConsumeMimeType表示我们发起请求的数据格式必须是json格式的,当然也可以支持多种不同的数据格式。

ProduceMimeTypes表示服务端响应时支持的数据格式,这里指定了json和Xml也是为了和我们Module中的内容相对应。

演示效果:

标注过时API和一个API属于多个分组

有时候,API的界限分的不是很清晰或者有交集的时候,可能会出现这样的情况:一个api会属于多个分组。

前面我们都是直接指定了一个tag,也就表示上面的只是对应一个tag。

先来定义一个方法,用于演示多分组和过时、废弃的API

  1. Head("/",_=>
  2. {
  3. return HttpStatusCode.OK;
  4. },null,"HeadOfProduct");

Metadata内容

  1. Describe["HeadOfProduct"] = desc => desc.AsSwagger(
  2. with => with.Operation(
  3. op => op.OperationId("HeadOfProduct")
  4. .Tags(new List<string>() { "Products", "Products2" })//同时属于两个分组
  5. .Summary("Something is deprecated")
  6. .Description("This returns only http header")
  7. .IsDeprecated()//过时的,相当于常用的Obsolete,但是还可以用
  8. .Response(r => r.Description("Nothing will return but http headers"))
  9. ));

效果如下:

虽说已经标记为过时了,但是本质这个方法还是存在,所以也是能正常调用的。

安全认证问题

Swagger支持3种安全认证折方式:APIKEY、Basic、OAuth2.0,同样的Nancy.Swagger也支持,不过有点坑就是了。

使用的话有两个步骤(这里用最简单的APIKEY演示):

Step 1: 引用定义,在Bootstrapper中添加验证相关的内容

  1. protected override void ApplicationStartup(TinyIoCContainer container, IPipelines pipelines)
  2. {
  3. SwaggerMetadataProvider.SetInfo("Nancy Swagger Example", "v1.0", "Some open api", new Contact()
  4. {
  5. EmailAddress = "catcher_hwq@outlook.com",
  6. Name = "Catcher Wong",
  7. Url = "http://www.cnblogs.com/catcher1994",
  8. }, "http://www.cnblogs.com/catcher1994");
  9. var securitySchemeBuilder = new ApiKeySecuritySchemeBuilder();
  10. securitySchemeBuilder.Description("Authentication with apikey");
  11. securitySchemeBuilder.IsInQuery();
  12. securitySchemeBuilder.Name("Item1");
  13. SwaggerMetadataProvider.AddSecuritySchemeBuilder(securitySchemeBuilder, "Item1");
  14. base.ApplicationStartup(container, pipelines);
  15. }

Step 2 : 在MetadataModule中添加描述

  1. Describe["Head"] = description => description.AsSwagger(
  2. with => with.Operation(
  3. op => op.OperationId("Head")
  4. .Tag("Head method")
  5. .SecurityRequirement(SecuritySchemes.ApiKey)
  6. .Summary("an example head method")
  7. .Response(r => r.Description("OK"))));

当然,目前是没有办法正常运行的!此时运行效果如下:

单独打开/api-docs这个路径时提示如下错误:

这个十有八九是Nancy.Swagger的安全验证存在bug的,这个项目没有足够多的单元测试可能也是导致问题的一部分原因。

发现的主要bug是在MetadataModule中使用SecurityRequirement(SecuritySchemes.ApiKey)时一直在报错,报错内容如下:

Nancy.RequestExecutionException: Oh noes! ---< System.InvalidCastException: Unable to cast object of type 'Swagger.ObjectModel.SecuritySchemes' to type 'System.String'.

at Swagger.ObjectModel.SwaggerModel.SwaggerSerializerStrategy.ToObject(IDictionary source)

于是调试源码,发现在Swagger.ObjectModel项目下的ToObject方法有问题

  1. private static dynamic ToObject(IDictionary source)
  2. {
  3. var expando = new ExpandoObject();
  4. var expandoCollection = (ICollection<KeyValuePair<string, object>>)expando;
  5. foreach (string key in source.Keys)
  6. {
  7. expandoCollection.Add(new KeyValuePair<string, object>(key, source[key]));
  8. }
  9. return expando;
  10. }

从上面的出错内容也能清楚的看到,SecuritySchemes不能转成string的,其中SecuritySchemes是一个枚举类型。

为了能正常运行,肯定要修改验证一下!!于是修改成如下 :

  1. private static dynamic ToObject(IDictionary source)
  2. {
  3. var expando = new ExpandoObject();
  4. var expandoCollection = (ICollection<KeyValuePair<string, object>>)expando;
  5. //用了var,在使用的时候强制ToString一下将其转成string
  6. foreach (var key in source.Keys)
  7. {
  8. expandoCollection.Add(new KeyValuePair<string, object>(key.ToString(), source[key]));
  9. }
  10. return expando;
  11. }

由于在Mac上无法打开这个项目,所以上面的修改是切换回windows完成的。

进行上面的修改后,项目是已经能正常运行了!但是却少了一个很重要的东西!

在这个方法里面加了APIKEY验证的,但是小锁的标记却没有出来!

之后对比了Swagger的官方示例http://petstore.swagger.io/

居然有这么坑爹的事情!security是一个数组啊,不是一个对象啊~~

后面就修改了Nancy.Swagger里面的许多代码(瞎改的,只为了能正常运行),涉及了好几个类文件,就不一一说明了。

第一个问题已经提了PR到这个项目了,第二个问题还没找到比较满意的方案,暂时没提。

直接上最后的效果图,分别演示了,没有验证,验证成功和验证失败这三种情况!

注:本文只演示了其中Nancy.Swagger的其中一种用法,而且还有部分内容是没有涉及到的。还有两种其他用法有时间会拿出来和大家分享。

注意事项

在过程中还有一个需要十分注意的地方(本来这个应该是在上一篇提及的):就是XXModule和XXMetadataModule相对应的位置关系。

Nancy在这里限制的比较死,强制了下面三种情况:

Module所在的位置 MetadtaModule应该在的位置
./BlahModule ./BlahMetadataModule
./BlahModule ./Metadata/BlahMetadataModule
./Modules/BlahModule ../Metadata/BlahMetadataModule

这是文件分布所要注意的问题。

还有一个命名应该注意的问题:当我们对一个Module起名为ProductsModule时,它对应的MetadataModule一定要是ProductsMetadataModule。

而不能是其它,有一次由于粗心,忘记把s字母带上,花了不少时间去找原因~~

上述两个问题的答案在Nancy.Metadata.Modules项目的DefaultMetadataModuleConventions类中。

简单总结

Nancy.Swagger给我们API文档化的道路上带来了不少的便利之处,除了安全验证这一块的问题有点坑,其他的算是比较正常,用起来也还算简单。

对于Swagger来说,通用性很好,只要提供的指定格式的数据就能很好的渲染出让人舒适的界面,或许这就是它这么流行的一个关键点吧。

下面是一张脑图简单的概括相关的内容 :

本文已同步到Catcher写的Nancy汇总博客:Nancy之大杂烩

浅析如何在Nancy中使用Swagger生成API文档的更多相关文章

  1. ASP.NET Core 3.0 WebApi中使用Swagger生成API文档简介

    参考地址,官网:https://docs.microsoft.com/zh-cn/aspnet/core/tutorials/getting-started-with-swashbuckle?view ...

  2. Web Api 2.0中使用Swagger生成Api文档的2个小Tips

    当Web Api 2.0使用OAuth2授权时,如何在Swagger中添加Authorization请求头? Swagger说明文档支持手动调用Api, 但是当Api使用OAuth2授权时,由于没有地 ...

  3. Spring MVC中使用Swagger生成API文档和完整项目示例Demo,swagger-server-api(二十)

    一:Swagger介绍 Swagger是当前最好用的Restful API文档生成的开源项目,通过swagger-spring项目 实现了与SpingMVC框架的无缝集成功能,方便生成spring r ...

  4. Spring MVC中使用Swagger生成API文档和完整项目示例Demo,swagger-server-api

    本文作者:小雷FansUnion-一个有创业和投资经验的资深程序员-全球最大中文IT社区CSDN知名博主-排名第119   实际项目中非常需要写文档,提高Java服务端和Web前端以及移动端的对接效率 ...

  5. NetCore 3.0 中使用Swagger生成Api说明文档及升级报错原因

    认识Swagger Swagger 是一个规范和完整的框架,用于生成.描述.调用和可视化 RESTful 风格的 Web 服务.总体目标是使客户端和文件系统作为服务器以同样的速度来更新.文件的方法,参 ...

  6. .Net Core 3.1 WebApi使用Swagger生成Api文档

    用swagger生成Api文档 1.安装Swashbuckle.AspNetCore 右键单击"解决方案资源管理器" > "管理 NuGet 包"中的项目 ...

  7. 12 Django Rest Swagger生成api文档

    01-简介 Swagger:是一个规范和完整的框架,用于生成.描述.调用和可视化RESTful风格的Web服务.总体目标是使客户端和文件系统源代码作为服务器以同样的速度来更新.当接口有变动时,对应的接 ...

  8. Laravel(PHP)使用Swagger生成API文档不完全指南 - 基本概念和环境搭建 - 简书

    在PHPer中,很多人听说过Swagger,部分人知道Swagger是用来做API文档的,然而只有少数人真正知道怎么正确使用Swagger,因为PHP界和Swagger相关的资料实在是太少了.所以鄙人 ...

  9. 使用swagger生成API文档

    有时候一份清晰明了的接口文档能够极大地提高前后端双方的沟通效率和开发效率.本文将介绍如何使用swagger生成接口文档. swagger介绍 Swagger本质上是一种用于描述使用JSON表示的RES ...

随机推荐

  1. 把GIF背景变透明

    准备软件: 1.Ps cs4 2.QuickTime Player 7.74 开始: 1. 2.弹出文件选择框,但是发现不能选择GIF格式. 3.没关系,在文件名框输入*.*回车,就发现可以选择GIF ...

  2. cuda编程学习4——Julia

    书上的例子编译会有错误,修改一下行即可. __device__ cuComplex(float a,float b):r(a),i(b){} /* ========================== ...

  3. 使用Hibernate中出现了Caused by: java.sql.SQLException: Field 'gid' doesn't have a default value

    那是因为表中没有设置主键自动增长,只需要改变表中的主键设置为自动增长即可

  4. jsp中九大内置对象

    jsp实质是一个Servlet类,当jsp页面第一次被访问时,就会被服务器翻译成.java文件,紧接着就编译成.class文件. jsp<% %>和<%= %>脚本中可以直接使 ...

  5. git 远程仓库管理

    要参与任何一个 Git 项目的协作,必须要了解该如何管理远程仓库.远程仓库是指托管在网络上的项目仓库,可能会有好多个,其中有些你只能读,另外有些可以写.同他人协作开发某 个项目时,需要管理这些远程仓库 ...

  6. 解决子元素用css float浮动后父级元素高度自适应高度

    1.在最后一个子元素后面清除浮动 2.父元素加over-flow:hidden;(副作用:子元素定位不能超出父元素的范围) 3.父元素也一样浮动(最笨的方法): 4.子元素使用inline-block ...

  7. BrowserSync的安装和使用

    BrowserSync真是前端必备神器,浏览器同步工具.简单来说就是当你保存文件的同时浏览器自动刷新网页,省去了手动的环节,大大的节省了开发时间,这个工具是基于nodejs的,可以通过npm安装,不在 ...

  8. 大数据测试之hadoop系统生态

    poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标,也是国内最早探索大数据测试培训的机构,开发了独有的课程体系.如果对课程感兴趣,请大 ...

  9. 采用Spring AOP+Log4j记录项目日志

    转载请注明出处:http://www.cnblogs.com/Joanna-Yan/p/6567672.html 项目日志记录是项目开发.运营必不可少的内容,有了它可以对系统有整体的把控,出现任何问题 ...

  10. Angularjs 动态添加指令并绑定事件

    先说使用场景,动态生成DOM元素并绑定事件,非常常见的一种场景,用jq实现效果: http://jsbin.com/gajizuyuju/edit?html,js,output var count=0 ...