用模板生成静态页

这个小project主要是为了练习用模板生成静态页

使用ASP.NET模版生成HTML静态页面并不是难事，主要是使各个静态页面间的关联和链接如何保持完整

主要实现的功能是，后台添加新闻，生成.html文件，前台访问相应的静态页

开发工具VS2012+SQL2008

优点

1. 可以建立非常复杂的页面，利用包含js文件的方法，在js文件内加入document.write()方法可以在所有页面内加入如页面头，广告等内容。

2. 静态html文件利用MS Windows2000的Index Server可以建立全文搜索引擎，利用asp.net可以以DataTable的方式得到搜索结果。而Win2000的Index服务无法查找xml文 件的内容。如果包括了数据库搜索与Index索引双重查找，那么此搜索功能将非常强大。

3. 节省服务器的负荷，请求一个静态的html文件比一个aspx文件服务器资源节省许多。

缺点

思路二： 如果用硬编码的方式，工作量非常大，需要非常多的html代码。调试困难。而且使用硬编码生成的html样式无法修改，如果网站更换样式，那么必须得重新编码，给后期带来巨大的工作量。

新建了一个自带的Web From项目

主要界面如图：

添加新闻之后，所生成的页面都是.html文件

 

最后详细的新闻页面如下：

主要注意的事项有：

    1.将不同种类的新闻，放在不同的文件夹下（这个在早期就要设计好）

    2.在创建的模板html文件，对于css，js的路径要注意

    

看下主要的代码：（部分来自网络）

模板：

  <header>
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title">
                    <a href="./">your logo here</a>
                </p>
            </div>
            <div class="float-right">
                <section id="login">

                    <ul>
                        <li><a href="Account/Register.aspx" id="ctl10_registerLink">Register</a></li>
                        <li><a href="Account/Login.aspx" id="ctl10_loginLink">Log in</a></li>
                    </ul>

                </section>
                <nav>
                    <ul id="menu">
                        <li><a href="./">Home</a></li>
                        <li><a href="About.aspx">About</a></li>
                        <li><a href="Contact.aspx">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="body">
        <section class="contact">
            <header> 新闻标题 </header>
            <p>$Title$</p>
        </section>
        <section class="contact">
            <header> 新闻内容 </header>
            <p>$Content$</p>
        </section>
        <section class="contact">
            <header> 记者 </header>
            <p>$Author$</p>
        </section>
        <section class="contact">
            <header> 发布时间 </header>
            <p>$WriterTimes$</p>
        </section>

    </div>

    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>My ASP.NET Application-大蜗牛</p>
            </div>
        </div>
    </footer>

 

相关生成html文件的方法：

  private bool WriteFile(string htmlName, string strArticle, string strTitle, string strContent, string strAuthor, string htmlFileName) { string path = HttpContext.Current.Server.MapPath("newspages/"); string sql; Encoding code = Encoding.GetEncoding("gb2312"); //读取模版文件
            string temp = HttpContext.Current.Server.MapPath("NewsTemplate.html"); try { sr = new StreamReader(temp, code); str = sr.ReadToEnd(); sr.Close(); } catch (Exception) { sr.Close(); throw; return false; } //替换内容
 str = str.Replace("$ShowArticle$", strArticle); str = str.Replace("$Title$", strTitle); str = str.Replace("$Content$", strContent); str = str.Replace("$Author$", strAuthor); str = str.Replace("$WriterTimes$", System.DateTime.Now.ToShortDateString()); ViewState["P"] = path + htmlName; sql = "insert into News(title,[content],author,htmlname) values ('" + strTitle + "','" + strContent + "','" + strAuthor + "','" + htmlFileName + "')"; try { sw = new StreamWriter(path + htmlName, false, code); sw.Write(str); sw.Flush(); sh.Add(sql); } catch (Exception) { return false; throw; sw.Close(); } return true; }

       源代码下载（数据库在App_Data）