一键静态化【一键生成静态网页】
2018-03-08 17:14
232 查看
项目首页 HTML页 需要全屏轮播展示,要求通过管理平台能够选择展示的图片。开始时使用 Ajax 获取数据库表中图片地址展示,结果只能轮播一次无法循环轮播,最后通过一键静态化实现此功能
一,案例展示
private String GetListStr() { string listStr = string.Empty; ShowImagesBLL ShowImagesBLL = new ShowImagesBLL(); ShowImagesEntity ShowImagesEntity = new ShowImagesEntity(); DataTable dt = ShowImagesBLL.GetList("Islook>0 order by Islook asc"); foreach (DataRow dr in dt.Rows) { ShowImagesEntity = new ShowImagesEntity(dr); listStr += "<img class=\"bg\" src=\"" + ShowImagesEntity.ImageURL + "\" />"; } return listStr; }GetListStr()
二、实例说明 《转》
一,先建立一个模版页
为了适应实际应用功能,一个网站往往需要最终用户自定义静态化的模版,本文对这方面不作过多描述,主要只是增删改查功能,此章仅作抛砖引玉用!!!
前端界面如下
aspx.cs页面代码也只简单实现对模版的保存
- /// <summary>
- /// Saves the data.
- /// </summary>
- /// <param name="id">The id.</param>
- private void SaveData(int id)
- {
- Model.C_Template model = GetData(id);
- if (model != null)
- {
- long x = 0;
- if (id <= 0)
- {
- x = model.id = _BLL.Add(model);
- }
- else
- {
- x = _BLL.Update(model) ? 1 : 0;
- }
- //other code
- //show message
- if (x > 0)
- {
- MessageBox.Show(string.Format(_jsonResult, "true", "保存成功", _returnUrl, id.ToString()), MessageEnum.Error);
- }
- else
- {
- MessageBox.Show(string.Format(_jsonResult, "false", "保存失败,请稍候再试...", "", id.ToString()), MessageEnum.Error);
- }
- }
- else
- {
- //有错误
- MessageBox.Show(string.Format(_jsonResult, "false", _pageMsg, "", id.ToString()), MessageEnum.Error);
- }
- }
二,根据对应模版,静态出一个include页面
ok,好吧,其实我这里取巧了,先跳过,后面总结里再详说。为了使本例简单,现在先假设模版页已经生成了html格式。代码如下 [html] view plain copy
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{$title} - {$classcName} - <!--#include file="/include/common/siteTitle.html" --></title>
- <meta name="description" content="{$seoDescription},<!--#include file="/include/common/siteDescription.html" -->" />
- <meta name="keywords" content="{$seoKeyWords},<!--#include file="/include/common/siteKeyWords.html" -->" />
- <link href="/css/layout.css" rel="stylesheet" type="text/css" />
- <link href="/css/layout_sub.css" rel="stylesheet" type="text/css" />
- <script src="/js/jquery/jquery.js" type="text/javascript"></script>
- <script src="/js/jquery/myJS.js" type="text/javascript"></script>
- <!--[if lte IE 6]>
- <script type="text/javascript" src="/js/ie6png.js"></script>
- <![endif]-->
- <script type="text/javascript">
- $(function () {
- $(".hotSchool .tabs").tabs(".hotSchool div.contentC", { event: 'click', effect: 'fade' });
- });
- </script>
- </head>
- <body>
- <div id="bgImgWrap">
- <img src="/images/back1.jpg" alt="" />
- </div>
- <!--#include file="/include/common/picStory.html" -->
- <div class="bigWrap">
- <div class="sideWrapBg png"></div>
- <div class="sideWrap png">
- <div class="logo noTxt clearfix"></div>
- <!--#include file="/include/common/sideNav.html" -->
- </div>
- <div class="mainWrap png">
- <!-- top search /-->
- <!--#include file="/include/common/head.html" -->
- <!-- 频道页顶部导航 /-->
- <div class="cWrap subTop clearfix">
- <div class="left subTitle">{$channelname}</div>
- <div class="left subNav">
- <!--{$subNav}-->
- </div>
- </div>
- <!-- sub wrap -->
- <div class="cWrap subWrap pie png clearfix">
- <!-- 文章详细 /-->
- <div class="detailWrap newsListWrap newsDetailWrap clearfix">
- <div class="subNavWrap clearfix">
- <div class="subNav left">{$locationget}</div>
- </div>
- <h1>{$title}</h1>
- <div class="infoWrap clearfix">
- <div class="shareWrap">
- <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
- <span class="left">分享本页:</span>
- <a class="bds_qzone"></a>
- <a class="bds_tsina"></a>
- <a class="bds_tqq"></a>
- <a class="bds_renren"></a>
- <a class="bds_douban"></a>
- <span class="bds_more"></span>
- </div>
- </div>
- <div class="dateWrap">发表:{$addDate} </div>
- <div class="readWrap">阅读:<span id="viewNums">...</span></div>
- </div>
- <div class="clearfix"></div>
- <div class="subHR clearfix png"></div>
- <!-- Intro /-->
- <div class="introWrap clearfix">
- {$intro}
- </div>
- <!-- 正文 /-->
- <div class="txtWrap clearfix minArticle">
- {$content}
- </div>
- <!-- 相关文章 /-->
- <div>
- </div>
- </div>
- </div>
- <!--/ sub wrap -->
- <!-- footer /-->
- <!--#include file="/include/common/foot.html" -->
- </div>
- </div>
- </body>
- </html>
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="include.aspx.cs" validateRequest="false" Inherits="Admin_CMS_include" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title>文章输入页面</title>
- </head>
- <body>
- <form id="form1" runat="server">
- <div>
- 文章标题:<asp:TextBox ID="txtTitle" runat="server" Height="26px" Width="350px"></asp:TextBox><br />
- 文章摘要:<asp:TextBox ID="txtIntro" runat="server" Height="26px" Width="350px"></asp:TextBox><br />
- 文章内容:<asp:TextBox ID="txtContent" runat="server" Height="179px" TextMode="MultiLine" Width="350px"></asp:TextBox><br />
- <br />
- <asp:Button ID="btnInclude" runat="server" OnClick="btnInclude_Click" Text="生成静态页" />
- </div>
- </form>
- </body>
- </html>
- using System.IO;
- using System.Text;
- protected void btnInclude_Click(object sender, EventArgs e)
- {
- //other code;
- //Get date into dataSource;
- string mbPath = Server.MapPath("~/Web/Template/CS1.html");
- Encoding code = Encoding.GetEncoding("UTF-8");
- StreamReader sr = null;
- StreamWriter sw = null;
- string str = null;
- try
- {
- sr = new StreamReader(mbPath, code);
- str = sr.ReadToEnd();
- }
- catch (Exception ex)
- {
- throw ex;
- }
- finally
- {
- sr.Close();
- }
- string fileName = DateTime.Now.ToString("MMddHHmm") + ".html";//保存静态页面的扩展名
- //整章的关键点,替换掉相应字符串
- str = str.Replace("{$Title}", txtTitle.Text);
- str = str.Replace("{$intro}", txtIntro.Text);
- str = str.Replace("{$content}", txtContent.Text);
- //生成静态文件
- try
- {
- sw = new StreamWriter(Server.MapPath("~/html/") + fileName, false, code);
- sw.Write(str);
- sw.Flush();
- }
- catch (Exception ex)
- {
- throw ex;
- }
- finally
- {
- sw.Close();
- Response.Write("<a href=/Web/html/" + fileName + " mce_href=" + fileName + " target=_blank>" + fileName + "</a>已经生成!");
- }
- }
三,总结
ok,原理已经明白了。那么,从效益出发,实际应用中应该是怎样的呢?一:每先建一个静态页面模版,就相应生成一个静态模版页;
二:或者直接从数据库中读取模版的数据流,然后相应替换;
三:确定保存文章的时候,立刻生成一个相应的静态文章页;
四:在网站后台管理中,嵌入“一键生成静态页面”中,重新检索生成漏掉或者有更改的静态页面。
那么,其它比如是否细分类别来实现对应的静态化功能,就以自己实际项目来考虑了最后,附最后的效果图。。。。
相关文章推荐
- 为什么要让网页静态化,生成静态的程序来做网站的好处?
- 用libtemplate实现静态网页生成
- ASP动态网页生成静态Html网页文件技术
- ASP.NET生成静态网页的方法
- SEO优化网页伪静态的生成方式和伪静态的用处
- php动态网页实现页面静态化 通过在初次被访问时生成html文件保存起来,下次该PHP程序被访问时就直接找到以前被访问过的html页面
- Asp.net生成静态网页的实现代码
- 利用XMLHTTP将动态网页生成静态网页
- ASP.NET生成静态网页的方法
- Java生成html静态网页
- 通用PHP动态生成静态HTML网页的代码
- 配置实现-静态网页生成
- 如何让aspnet服务加载静态资源html(我的动态网页静态化) 转
- Asp.net生成静态网页的实现代码
- ASP动态网页生成静态Html网页文件技术
- asp.net怎样一键生成静态页面,实例说明
- 静态网页简易生成方法
- 生成静态网页
- [转]用libTemplate实现静态网页的生成
- 静态网页生成之一: 一念生活网数据抓取