如何更改界面風(fēng)格（修改數(shù)字報(bào)界面模板）?

分享到： QQ空間微信新浪微博

準(zhǔn)備軟件：dreamweaver

1. 目錄說明

1. Content目錄保存圖片及樣式，Content/themes目錄是主題目錄,themes目錄是各個(gè)主題樣式目錄（如：Content/themes/blue目錄），blue目錄下又分為圖片（Images)和樣式（Css）目錄.

2. 根目錄下面Themes目錄下面為程序文件,以 .aspx或者.ascx為擴(kuò)展名。 Themes/blue為主題目錄名稱。

每個(gè)文件對(duì)應(yīng)模塊：(以Default風(fēng)格為例）

網(wǎng)站首頁：Themes/default/main/index.aspx 對(duì)應(yīng)樣式目錄-Content/themes/default/

每期頁面：Themes/default/content/eachqi.aspx 對(duì)應(yīng)樣式目錄-Content/themes/default/

版面頁面：Themes/default/content/Edition.aspx 對(duì)應(yīng)樣式目錄-Content/themes/default/

內(nèi)容頁面：Themes/default/content/View.aspx 對(duì)應(yīng)樣式目錄-Content/themes/default/

版面導(dǎo)航：Themes/default/content/Menu.aspx 對(duì)應(yīng)樣式目錄-Content/themes/default/

關(guān)于我們： Themes/default/about/目錄

往期回顧： Themes/default/review/目錄

搜索： Themes/default/search/目錄

控件目錄：Themes/default/userinc/

底部：Themes/default/userinc/foot.ascx

頭部：Themes/default/userinc/top.ascx

日歷控件：Themes/default/userinc/Calendarqi.ascx

如：程序文件：Themes/blue目錄<——程序?qū)?yīng)圖片文件——> 圖片目錄：Content/themes/blue

2. 模板修改

Themes-default目錄下面為程序文件，可用Dreamweaver軟件打開，如：修改 Themes/default/main/index.aspx文件，即可修改網(wǎng)站首頁，界面所見即所得。

業(yè)務(wù)層向Web層所傳的視圖數(shù)據(jù)ViewData或者M(jìn)odel，如下列表：

E_eachedition eachban = ViewData["edition"] as E_eachedition;
E_eachqi eachqi2 = ViewData["eachqi"] as E_eachqi;
eachban 代表版面類數(shù)據(jù)
eachqi2 代表刊期類數(shù)據(jù)
eachqi2.Id 刊期Id號(hào)
ViewData["webd"] 網(wǎng)站目錄
ViewData["preqihref"] 上一期鏈接
ViewData["nextqihref"] 下一期鏈接
ViewData["issuedate"] 本期發(fā)行日期
ViewData["Declaration"] 網(wǎng)站聲明
ViewData["newslist"] 本版新聞列表List<>
ViewData["editionlist"] 版面導(dǎo)航列表List<>
eachban.Pagemap 版面圖片內(nèi)容(包含熱點(diǎn)鏈接)
eachban.Pagepic 版面圖片路徑
eachban.Pagepdf 本版版面pdf路徑
eachban.Pagename 本版版面名稱
eachban.Pagetitle 本版版面標(biāo)題
eachban.Id 版面Id號(hào)
eachban.Prelink 上一版面鏈接
eachban.Nextlink 下一版面鏈接
Model.Prelink 上一篇
Model.Nextlink 下一篇
ViewData["three_editions"] List<E_eachedition> 最近三期數(shù)據(jù)
ViewData["footmenu"] 底部導(dǎo)航
ViewData["powerby"] 版權(quán)信息
ViewData["Logo"] logo圖片src
ViewData["topmenu"]頭部導(dǎo)航
ViewData["today"] 今天日期
ICP證：<%=ViewData["Icp"]%>

內(nèi)頁標(biāo)題變量：

<%
string pagetitle2= Mvc_seobll.Pageseo().Title; //內(nèi)頁
string pagekey2 = Mvc_seobll.Pageseo().Keywords;
string pagedes2 = Mvc_seobll.Pageseo().Description;%>

首頁標(biāo)題變量：

<%
string hometitle2= Mvc_seobll.Homeseo().Title; // 
string homekey2 = Mvc_seobll.Homeseo().Keywords;
string homedes2 = Mvc_seobll.Homeseo().Description;%>

53BK數(shù)字報(bào)V5.1替換視圖數(shù)據(jù)列表，請(qǐng)見:http://www.asiacable.com.cn/news/detail/v767.html

3. 創(chuàng)建新的模板

1. 進(jìn)入Content目錄和復(fù)制一份相類似模板(如：default)的圖片目錄，如：newtheme;
2. 進(jìn)入Themes目錄復(fù)制一份相類似模板(如：default)的Views文件目錄，如文件夾名：newtheme
3. 更新 Themes/newtheme目錄里面*.aspx文件引用路徑"/default/"全部替換成 "/newtheme/". 此步可用deamweaver批量替換完成.
4. 設(shè)計(jì)電子報(bào)模板，更改*.aspx文件
5. 每個(gè)頁面視圖數(shù)據(jù)（ViewData數(shù)據(jù)）可在引用控件頁面直接調(diào)用,引用控件頁面的ViewData數(shù)據(jù)同樣可在父頁面直接調(diào)用；也就是說視圖數(shù)據(jù)（ViewData數(shù)據(jù)）在每個(gè)頁面（包括父頁面的和子頁面的）都是共享的. 便于前臺(tái)設(shè)計(jì)人員自由對(duì)網(wǎng)站進(jìn)行布局。（控件也可以完全除去，重新自定義頁面布局）
6. 修改完top.ascx和foot.ascx后臺(tái)一定要重啟應(yīng)用程序，前臺(tái)刷新，才會(huì)立即看到效果。

4. 調(diào)用源代碼示例

新聞?wù){(diào)用:

<div class="tj clearfix"> 
   <div class="qinews clearfix">
    <h3><span>本期精彩推薦</span></h3>
    <div class="box clearfix "> 
    <%List<E_news> newslist2= E_newsbll.Newslist(3, eachqi2.Id,1,0);
 string css4="";
 if (newslist2.Count>3)
   css4=" class=\"scroll\"";
 k = 0;
 foreach (var item in newslist2){
  k++;
  if (k>1)
  break;
     bool ispic =false;
     ispic = item.Ispic;
     string css50="";
     if (ispic == true)
  {
      css4 = " class=\"seeno\"";
  css50=" tjimg";
  }
  %>
  <div class="tjtitle1"><a href="<%=item.Newslink %>"><%=Fun.W3c(item.Title)%></a></div>
  <div class="tjdes1 <%=css50%>"><%if (ispic == true)
        {%><img src="<%=item.Picsmall %>" /><%} %><span><a href="<%=item.Newslink %>" ><%=Fun.left(Fun.UnW3c(Fun.Htmlno(item.Content)),130)%></a></span></div>
    <%}%>
    <ul <%=css4%>>
    <%
     k = 0;
     string css5="";
    foreach (var item in newslist2){
     k++;
     css5="";
  if (k==1)
  continue;
  if (k>5)
   break;
     if (k >= 2 && k % 2 == 0)
      css5="class=\"one\"";%>
    <li <%=css5 %>><a title="<%=Fun.W3c(item.Title)%>" href="<%=item.Newslink %>"><%=Fun.W3c(item.Title)%></a></li>
    <% } %> 
    </ul> 
    </div>
   </div><!--qinews-->
  </div><!--tj-->
  
 <!--Newslist(3, eachqi2.Id,1,0); 3為行數(shù) 1 為推存， 0為非圖片新聞-->

新聞?lì)愒创a:

namespace Mvcmode
{
public class E_news
{
private int _id;
public int Id
{
get { return _id; }
set { _id = value; }
}
public int Classid { get; set; }
public int Qiclid { get; set; } 
public int Qiid { get; set; }
public string Editionids { get; set; }
public string Jiantitle { get; set; }
public string Title { get; set; }
public string SubTitle { get; set; }
public string Content { get; set; }
public string Author { get; set; }
public string Reporter { get; set; }
public string Editer { get; set; }
public string Auditor { get; set; }
public string Keywords { get; set; }
public int Hits { get; set; }
public DateTime Edittime { get; set; }
public DateTime Issuedate { get; set; }
public int Infoid { get; set; }
public bool Isrefer { get; set; }
public bool Istj { get; set; }
public bool Ispic { get; set; }
public int Showtype { get; set; }
public string Picsmall { get; set; }
public string Picsmall2 { get; set; }
public string Picsmall3 { get; set; }
public string Referurl { get; set; }
public string Froms { get; set; }
public string Fromsurl { get; set; }
public string Classname { get; set; }
public string Newslink { get; set; }
public string Showstr { get; set; }
public string Tvurl { get; set; }
public string Prelink { get; set; }
public string Nextlink { get; set; }
public string Pretitle { get; set; }
public string Nexttitle { get; set; }
public int Goods { get; set; }
public List<Mvc_infopic> Piclist { get; set; }

}
}

刊期變量：

“總1期今年第1期 2018年1月16日發(fā)行” 用如下代碼：

總<%=E_eachqibll.Totalqi%>期 今年第<%=eachqi2.Totalqi%>期 <%=ViewData["issuedate_cn"]%>發(fā)行