一. 前言

抛砖引玉： 提到项目性能优化，大部分人第一时间就会想到缓存，针对“读多写少”的数据，可以放到缓存里，设置个过期时间，这样就不用每次都去数据库中查询了， 减轻了数据库的压力，比如：商城项目的物品分类目录，不会经常变化，就可以放到缓存里。

详细分析：缓存的引入减轻了数据库的压力，但还是要访问服务器端的接口，需要执行接口中的代码，需要从缓存中读取数据，我们有没有办法直接访问一个页面，不再执行服务器端代码的业务呢？

答案是显然的，肯定有，那就是页面静态化。

1. 什么是页面静态化？

针对每个用户看到的页面显示的数据都是一样的情况，可以考虑把该页面直接生成一个html页面，存放到服务器的硬盘中，该html页面中是有数据的，其他用户直接访问该页面地址即可，这样既减轻了数据库的 压力，还不需要执行服务器端业务代码，显然是要比缓存好的。(通俗点说就是把原先要从数据库查询的数据写死到html中保存，用户直接通过服务器存放的地址进行访问)

案例：比如博客园，博主发表一篇文章，文章的内容对每个用户来说看到的内容都是一样的，这样的话新增文章的时候，内容固然要存到数据库，但同时将内容写到一个html页面里，保存到服务器硬盘上， 博主更新博客的时候，同样要更新原先的html静态页面，这样其他用户访问的时候，直接通过这个页面的地址进行访问即可。

PS：分享一个博客地址，https://www.cnblogs.com/yaopengfei/p/9216229.html 可以看出来最后都是 xxx.html ,显然是静态页面。

2. 页面静态化的适用范围？

首先静态页的性能比缓存好，在条件适用的情况下，能用静态页就用静态页，静态页适用于相同地址所有人看到的内容都是一样的这种情况。

二. 案例剖析

模拟一个简单的blog案例，来说明页面静态化在实际项目中的使用，该案例分为列表页和详情页面，包含的功能有：增加信息、修改信息、查看详情功能，同时简单的设计一下数据库，数据库内容如下：表blogs，表信息分别是：主键、博客标题、博客内容、博客其它信息、添加时间。

核心剖析：

事先准备一个查看详情页面的模板，每次增加信息或者修改信息的时候，调用【页面渲染为html字符串的方法】和【写入文件的方法】，将最新的信息保存到html中，进而存到硬盘上，供用户直接访问。

渲染Html页面为字符串的方法如下，注意收藏哦：

 1 ///  2 /// 将页面渲染成html字符串 3 ///  4 /// 传入this.ControllerContext 5 /// 静态页面的模板路径 6 /// 往模板中传入实体，进行赋值 7 ///  8 static string RenderViewToString(ControllerContext context, string viewPath, object model = null) 9 {10 ViewEngineResult viewEngineResult = ViewEngines.Engines.FindView(context, viewPath, null);11 if (viewEngineResult == null)12 {13 throw new FileNotFoundException("View" + viewPath + "cannot be found.");14 }15 var view = viewEngineResult.View;16 context.Controller.ViewData.Model = model;17 using (var sw = new StringWriter())18 {19 var ctx = new ViewContext(context, view, context.Controller.ViewData, context.Controller.TempData, sw);20 view.Render(ctx, sw);21 return sw.ToString();22 }23 }

调用时候的代码：(修改与之类似)

三. 详细步骤和效果展示

1. 主页面展示列表、包含查看详情、增加信息、修改信息三个操作。

前端代码分享

 1 @{ 2 Layout = null; 3 } 4  5  6  7  8  9  10 Index 11  44  45