本文實例講述了Asp.net(C#)讀取數據庫并生成JS文件制作首頁圖片切換效果的方法。分享給大家供大家參考，具體如下：
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Text;using System.IO;public partial class _Default : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { } /// <summary> /// 利用模板生成靜態頁面 /// </summary> /// <param name="strTitle">標題</param> /// <param name="strText">作者</param> /// <param name="strContent">發布時間</param> /// <param name="strAuthor">內容</param> /// <returns>生成頁面名稱</returns> public static string WriteFile(string strTitle, string strAuthor, string strDate, string strContent) { string path = HttpContext.Current.Server.MapPath("~/"); Encoding code = Encoding.GetEncoding("gb2312"); // 讀取模板文件 string temp = HttpContext.Current.Server.MapPath("~/Template.html"); StreamReader sr = null; StreamWriter sw = null; string str = ""; try { sr = new StreamReader(temp, code); str = sr.ReadToEnd(); // 讀取文件 } catch (Exception exp) { HttpContext.Current.Response.Write(exp.Message); HttpContext.Current.Response.End(); sr.Close(); } Random rd = new Random(); string strRd = rd.Next(0, 9999).ToString(); string htmlfilename = DateTime.Now.ToString("yyyyMMddHHmmss") + strRd + ".html"; DateTime dtNow = DateTime.Now; // 替換內容 str = str.Replace("$biaoti", strTitle); str = str.Replace("$author", strAuthor); str = str.Replace("$datetime", strDate); str = str.Replace("$content", strContent); // 寫文件 try { string pathUrl = path + dtNow.Year + "//" + dtNow.Month + "//" + dtNow.Day; if (!Directory.Exists(pathUrl)) { Directory.CreateDirectory(pathUrl); } sw = new StreamWriter(pathUrl + "//" + htmlfilename, false, code); sw.Write(str); sw.Flush(); } catch (Exception ex) { HttpContext.Current.Response.Write(ex.Message); HttpContext.Current.Response.End(); } finally { sw.Close(); } return dtNow.Year.ToString() + "/" + dtNow.Month.ToString() + "/" + dtNow.Day.ToString() + "/" + htmlfilename; } protected void Button1_Click(object sender, EventArgs e) { WriteFile("title" , "ttttttt" , "2011-09-27", "測試 <br>"); }} Template.html
<table> <tr> <td align="center">$biaoti</td> </tr> <tr> <td align="center">作者：$author 發布時間：$datetime</td> </tr> <tr> <td>$content</td> </tr></table>
思路：首先讀取數據庫中圖片，鏈接，說明文字等數據，然后將讀取到的數據寫入首頁圖片切換效果的JS文件。
下面代碼實現向數據庫中增加 圖片、鏈接、說明文字等數據 和 生成JS文件
using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.OleDb;using System.IO;using System.Text;public partial class Admin_Slide : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) { } protected void Add_Btn_Click(object sender, EventArgs e) //增加幻燈片,將信息寫入數據庫 string imgpath; imgpath = "../UpLoadFiles/SlideImg/" + ImgUp.FileName; ImgUp.SaveAs(Server.MapPath(imgpath)); MyOleDb mc = new MyOleDb(); mc.ConnOpen(); OleDbCommand cmd = new OleDbCommand("insert into SlideImg(lnk,pic,txt) values ('" + linkarea.Text.ToString() + "','" + imgpath + "','" + imgtitle.Text.ToString() + "');", mc.Conn); OleDbDataReader rdr = null; rdr = cmd.ExecuteReader(); mc.ConnClose(); } protected void MJS_Btn_Click(object sender, EventArgs e) //生成JS幻燈文件 string jsfile,jstemplete; string strlnk, strpic, strtxt; strlnk = null; strpic = null; strtxt = null; jsfile = Server.MapPath("~/Js/") + "SlideImg.js"; //JS文件路徑 jstemplete = Server.MapPath("~/Js/") + "JsTemplete.js"; //JS文件模板路徑 deljs(jsfile); //刪除JS文件 MyOleDb mc = new MyOleDb(); mc.ConnOpen(); OleDbCommand cmd = new OleDbCommand("select top " + Img_Num.Text.ToString() + " * from SlideImg order by id desc", mc.Conn); OleDbDataReader rdr = null; rdr = cmd.ExecuteReader(); while (rdr.Read()) strlnk += rdr["lnk"].ToString() + "|"; strpic += rdr["pic"].ToString() + "|"; strtxt += rdr["txt"].ToString() + "|"; mc.ConnClose(); Encoding code = Encoding.GetEncoding("UTF-8"); StreamReader sr = null; StreamWriter sw = null; string str = ""; try sr = new StreamReader(jstemplete, code); str = sr.ReadToEnd(); // 讀取文件 catch (Exception exp) HttpContext.Current.Response.Write("<script type='text/javascript'>alert('讀取模板文件錯誤！')</script>" + exp.Message); HttpContext.Current.Response.End(); sr.Close(); } // 替換內容 str = str.Replace("$txt$", strtxt); str = str.Replace("$pic$", strpic); str = str.Replace("$lnk$", strlnk); try sw = new StreamWriter(jsfile, false, code); sw.Write(str); sw.Flush(); catch (Exception ex) HttpContext.Current.Response.Write("<script type='text/javascript'>alert('生成JS文件出錯！')</script>" + ex.Message); HttpContext.Current.Response.End(); finally sw.Flush(); sw.Close(); } }//以下是自定義刪除原有JS文件函數 protected void deljs(string jsfile) if (File.Exists(jsfile)) File.Delete(jsfile); else Response.Write("<script type='text/javascript'>alert('系統中不存在能產生首頁切換圖片的文件！')</script>"); }} JS文件模板 JsTemplete.js
var focus_width=300;var focus_height=225;var text_height=18;var swf_height = focus_height+text_height;var pics,links,texts;texts='$txt$' //將被替換的內容（切換圖片的說明文字）pics='$pic$' //將被替換的內容（切換圖片的地址）links='$lnk$' //將被替換的內容（鏈接地址）pics=pics.substr(0,pics.length-1);links=links.substr(0,links.length-1);texts=texts.substr(0,texts.length-1);var fv="pics="+pics+"&links="+links+"&texts="+texts+"&borderwidth="+focus_width+"&borderheight="+focus_height+"&textheight="+text_height;document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="../Plugin/slide.swf"><param name="quality" value="high"><param name="bgcolor" value="#E5ECF4">');document.write('<param name="menu" value="false"><param name=wmode value="opaque">');document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#009900" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');document.write('</object>'); 辦法三
<script language="javascript" src="js.aspx?classid=2"> </script>
js.aspx輸出的是js內容就可以了
然后在這個abc.aspx里讀取數據庫，并生成document.write輸出新聞的語句
<%@ Page Language="C#" AutoEventWireup="true" %>var focus_width="asdasdasdwer";document.write(focus_width);
完整實例代碼點擊此處本站下載。
