網(wǎng)站維護(hù)教程

網(wǎng)站維護(hù)教程網(wǎng)站維護(hù)教程網(wǎng)站篇1網(wǎng)站后臺維護(hù)。1.1服務(wù)器登陸與安全。服務(wù)器是一個網(wǎng)站的核心，在登陸網(wǎng)站服務(wù)器之前我們先來仔細(xì)了解下網(wǎng)站的服務(wù)器（/view/899.html?wtp=tt）點(diǎn)擊進(jìn)入如果不能打開請復(fù)制到瀏覽器打開。這里需要補(bǔ)充的是服務(wù)器因?yàn)樘厥獾男枰?，需放在一個特別的房間里，所以我們不能經(jīng)常的去機(jī)房更新維護(hù)服務(wù)器。所以我通過一種遠(yuǎn)程登陸（/view/36121.htm）的技術(shù)登陸服務(wù)器。我們可以在xp系統(tǒng)的“運(yùn)行”或在win7的搜索中鍵入“mstsc”來啟動遠(yuǎn)程桌面程序，打開界面輸入要進(jìn)行遠(yuǎn)程的主機(jī)（服務(wù)器）的IP地址或網(wǎng)站網(wǎng)址進(jìn)行鏈接。鏈接到桌面輸入相應(yīng)的用戶名和密碼即可進(jìn)入操作。在進(jìn)行遠(yuǎn)程的時候，安全是萬分重要的。在進(jìn)行遠(yuǎn)程的時候計(jì)算機(jī)本機(jī)和服務(wù)器都是比較脆弱的。所以在進(jìn)行遠(yuǎn)程時一定要確保所用機(jī)器的安全性，應(yīng)注意一下幾點(diǎn)：（1）消除一切木馬和病毒隱患，慎用U盤和傳輸裝置。（2）不得使用公共計(jì)算機(jī)進(jìn)行遠(yuǎn)程。（3）不得關(guān)閉殺毒軟件。（4）在不必要時不得隨意遠(yuǎn)程網(wǎng)站服務(wù)器。（5）不得向任何無關(guān)人員透漏服務(wù)器登陸地址和密碼。1.2服務(wù)器的維護(hù)。我站服務(wù)器采用windows2003server操作系統(tǒng)，卡巴斯基服務(wù)器套裝，服務(wù)器和普通pc一樣需要定期的維護(hù)，主要維護(hù)的內(nèi)容有兩種，一是計(jì)算機(jī)垃圾測清理合木馬病毒清理，二是殺毒軟件的升級。垃圾清理用360安全衛(wèi)士（每月清理），木馬和病毒每月清查，對于殺毒軟件的注冊碼更新請上網(wǎng)查找。2網(wǎng)站內(nèi)容更新請網(wǎng)站管理員在了解一下知識后進(jìn)行網(wǎng)站內(nèi)容更新工作：1熟悉html、html+css+js，Dedecms+php+mysql，這里要強(qiáng)調(diào)的是要能能熟練制作網(wǎng)頁，熟練dedecms5.0（/view/982683.html?wtp=tt）及以上版本每個文件的作用，學(xué)習(xí)dedecms的學(xué)時在一個星期以上。能利用dedecms搭建自己的動態(tài)網(wǎng)站。2熟悉photoshop和flash基礎(chǔ)。3對JavaScript有一定了解，熟悉他的作用和使用方法。4對css深入了解。必須會使用css制作網(wǎng)頁，并注重不同瀏覽器的兼容性。5熟練使用Dreamweaver8.0及以上版本。（注：在沒有達(dá)到要求的情況下，請?jiān)诒緳C(jī)安裝dedecms5.0或以上版本進(jìn)行模擬調(diào)試，嚴(yán)禁在院系網(wǎng)站進(jìn)行不成熟的調(diào)試。安裝方法：詢劉振宇，主要包裹兩個軟件“Appserv”和‘dedecms5.3版本（織夢）“）2.1后臺登陸與安全。前面說到了dedecms，大家也看了詳細(xì)的介紹，我愿的網(wǎng)站就是由dedecms搭建的動態(tài)網(wǎng)站?？梢栽谶@里（/）注冊用戶后深化學(xué)習(xí)dedecms?；A(chǔ)的學(xué)習(xí)請自己在網(wǎng)上尋找。網(wǎng)站后臺的登陸首先打開瀏覽器鍵入：/xulida的網(wǎng)絡(luò)地址，xulida代表徐立達(dá)，是我院網(wǎng)站制作的第一人，輸入網(wǎng)址后進(jìn)入登陸界面，輸入用戶名和密碼即可。安全注意同連接服務(wù)器的注意事項(xiàng)2.2網(wǎng)站廣告更新。網(wǎng)站廣告是宣傳動態(tài)信息的視窗。主要是一張圖一個鏈接。所以重點(diǎn)在圖上圖片的尺寸是950px*200px，下面是它在網(wǎng)頁中的位置，軍訓(xùn)專題的廣告，圖片制作要有宣傳的意義，制作要精良。點(diǎn)擊可以進(jìn)入鏈接。我們來看一下如何在后臺修改它，首先鍵入/xulida后臺登陸代碼。輸入管理員用戶名和密碼。進(jìn)入后臺如圖，在左側(cè)的管理項(xiàng)目中點(diǎn)“模塊”大項(xiàng)，在選框中選擇“廣告管理”在點(diǎn)修改如圖，進(jìn)入代碼項(xiàng)。注意紅色圈內(nèi)的代碼即為廣告代碼，紅圈以上部分不作修改。這里我們只需修改帶有紅杠杠的地方，第一句<ahref="/plus/list.php?tid=92">是他的鏈接地址，這里鏈接的是軍訓(xùn)專題的地址，這個地址是怎么獲得的呢，這里有一個技巧。在每個專題點(diǎn)預(yù)覽，這瀏覽器地址欄中顯示的地址便是專題的地址了，可以直接來復(fù)制，具體如圖在“核心”“網(wǎng)站欄目管理”“新聞動態(tài)”點(diǎn)擊一個專題的預(yù)覽項(xiàng)及出現(xiàn)它的地址。如下圖把彈出窗口的地址給<ahref="/plus/list.php?tid=92">替換掉就把軍訓(xùn)專題的鏈接換為迎新杯專題了。<imgsrc="/templets/images/junxun.jpg"width="950"height="200"border="0"/>這句話就是替換前臺廣告圖片的代碼，如果這個你都不懂的話那么學(xué)html吧。以下的就不用看了。那么你要問怎么把做好的圖片傳到網(wǎng)站并替換呢，這里我們就要鏈接服務(wù)器了。上面我們講過怎么進(jìn)入服務(wù)器了，運(yùn)行msts.exe輸入我網(wǎng)站的ip或網(wǎng)址，進(jìn)入登陸框，輸入用戶名和密碼，進(jìn)入操作界面。我們的網(wǎng)站存在哪了。來看看吧。D:\wwwroot\htdocs\templets\images這就是廣告圖片的放置的地方了。我們要把替換的圖片放到這個文件夾下，比如我們做好的950*200的圖片A（JPEG格式）放到了里面，怎么放，當(dāng)然是用qq文件傳輸了，我們網(wǎng)站上掛了個qq（聊天機(jī)器人），管理員可以加他為好友，掛qq一是為了傳文件，二是為了讓服務(wù)器始終上網(wǎng)這樣外邊才能登上我們的網(wǎng)站。所以管理員必須堅(jiān)實(shí)這個qq是否上線。不再線說明網(wǎng)斷了登陸服務(wù)器把它掛上。這里我們把假設(shè)的圖片A放到了D:\wwwroot\htdocs\templets\images這個文件夾里了，第二步就要從代碼里把它引用，退出服務(wù)器，還是回到后臺“廣告管理”界面，把這個引用改變<imgsrc="/templets/images/junxun.jpg"width="950"height="200"border="0"/>改為<imgsrc="/templets/images/A.jpg"width="950"height="200"border="0"/>其他的就不用改了。這樣做完千萬不用忘記點(diǎn)下面的“確定”按鈕。觀看主頁，測試看看是不是圖片和鏈接都更改了。（以上看不懂得繼續(xù)學(xué)習(xí)html和計(jì)算機(jī)基本操作。）2.3網(wǎng)站新聞上傳（訊矯杰）2.4網(wǎng)站專題制作專題式區(qū)別于普通新聞的一個整合網(wǎng)頁。一般在重要集體事件或在老師要求下做，他是一個獨(dú)立的網(wǎng)頁，有獨(dú)立的新聞和頁面。我們就以軍訓(xùn)專題為例作一個專題的流程。有獨(dú)立的頁面所以我們要做一個獨(dú)立的網(wǎng)頁。網(wǎng)頁的設(shè)計(jì)當(dāng)然是發(fā)揮自己所學(xué)制作沒有固定的格式，一個好看的頁面的重要性我就不說了。制作也不說了。我只說關(guān)鍵有幾點(diǎn)是網(wǎng)頁中必須包含的模塊，新聞模塊，幻燈模塊，圖片瀏覽模塊，視頻模塊，當(dāng)然隨著你對dedecms的深入可以自己開發(fā)出新的模塊或制作更完美的圖片瀏覽模式、視屏播放模式、這些就看你學(xué)的有多么深入。2.4.1上面的模塊在本機(jī)開發(fā)網(wǎng)頁時可以不先考慮插入模塊代碼但要留出模塊的顯示空間，打開Dreamweaver，建立自己的網(wǎng)頁（div+css定位），把制作的網(wǎng)頁和css和js都放在同一個文件夾里便于以后的上傳。在本地制作過程中不用過多的考慮dede代碼。在做完后在把代碼替換成dede代碼上傳，所以我們還是先講本地制作網(wǎng)頁吧。打開Dreamweaver了嗎，開始吧，做網(wǎng)頁先建框架，這就是一個框架。這個框架是教學(xué)的不實(shí)用不用模仿，原件見附錄。這里用說的是所有的css和js都放在一個文件中引用如圖，主體中我舉了四個模塊，其中<divid="picture">幻燈</div><divid="news">新聞</div>這兩個模塊是必不可少的兩個模塊，已生成網(wǎng)頁顯示如下圖正如上邊所說的我們建立了框架不用填寫具體的代碼但要給他定義大小，這樣我們才能有空間顯示幻燈和新聞，下面是css對幻燈和新聞div的定義。幻燈：#picture{width:400px;height:300px;float:left;overflow:hidden;border:1pxsolid#fc8615;margin-top:50px;margin-left:10px;}新聞：#news{width:500px;height:300px;float:right;display:inline;border:solid1px#fc8615;margin-top:50px;margin-right:10px;}#newsul{list-style:none;font-size:13px;}#newsulli{float:left;width:480px;height:20px;line-height:20px;}#newsullia{float:left;}#newsulspan{float:right;}#newsullia{color:#FFF;margin-left:5px;}這個定義一定要記住它不是死的。只是我的這種定義符合我設(shè)計(jì)網(wǎng)頁的比例，你可以做相應(yīng)的修改以適合你做的網(wǎng)頁。要記住模仿永遠(yuǎn)沒進(jìn)步。在制作的時候可以把每一個模塊設(shè)置上邊框這樣就能方便看它所占的比例了。以后再刪除邊框。對于圖片瀏覽和視頻的定義具體看附錄中的原代碼。2.4.2、第二步整體的布局和css都設(shè)置好了，這是它已經(jīng)是一個完整的美麗的網(wǎng)頁了，如果這個你做不到繼續(xù)學(xué)習(xí)html+css吧。一個網(wǎng)頁做完了。如圖只是幻燈和新聞還是空白的。這是正常的，因?yàn)樵蹅冞€沒連接服務(wù)器了，當(dāng)然是空白的，這是網(wǎng)頁要拿到不同的電腦（IE）上測試兼容，要知道不是所有人都用和你一樣的分辨率和IE版本的。所以要細(xì)致的對待測試這才是最難的，如果出現(xiàn)問題請百度搜索或查看書籍一般都是css的定義不兼容問題，所以這里我們是不允許用Dreamweaver的設(shè)計(jì)器去做網(wǎng)頁，因?yàn)樗男薷男院懿?，就用html+css制作。你確定改好了嗎？2.4.3第三步網(wǎng)頁很好看，兼容也沒問題（必須要完成第二步才能進(jìn)行第三部）。那么我們就把它轉(zhuǎn)化為我們網(wǎng)站上的網(wǎng)頁吧。1說道這里我們先來了解服務(wù)器中不同文件夾里都是什么類型的文件。服務(wù)器上“D:\wwwroot\htdocs\templets\”這個文件就是存放網(wǎng)站的所有文件，所以你不能隨意修改里面的內(nèi)容，當(dāng)然服務(wù)器上的任何文件都不能隨意修改除非你真的懂了。2來看一下“default”這個文件夾吧這里存放著所有的頁面，包括主頁，頭部頁，專題頁》》》》等，所以你要把你做的專題網(wǎng)頁的htm格式（記住必須在修改完后將。Html頁面另存為.Htm頁面）放在這個default文件夾里。怎么弄給去還是用qq傳啊。注意備份。3來看一下“images”這個文件夾吧這里是所有的圖片文件，所以在你做網(wǎng)頁的時候注意合理的存放文件，把你做網(wǎng)頁用到的圖片、動畫、js都可以放在一個文件夾里再放到“images”這個文件里，命名用拼音即可不可與其他重復(fù)，不可用漢字。5來看一下“style”這個文件夾吧猜對了，這里就是css文件的專屬文件夾了。你的專題網(wǎng)頁所用的css文件就放這里了，命名很關(guān)鍵，別混了一般用專題的拼音的來命名比如：junxun.css。要更改時用記事本打開。要做大的修改先復(fù)制出來改完在復(fù)制回去，原來的也要備份避免前功盡棄。常用到的就是這些。其他的文件在你不熟悉前不要動它。2.4.1第四步真正的麻煩上面說了一大通，下面我們來做修改。這里我們的后臺語言是dede語言，我們就要把本地測試的語句修改成dede語句了，并在相應(yīng)的模塊上寫入dede代碼，讓他成為一頁真正能夠在網(wǎng)站上顯示的動態(tài)網(wǎng)頁。這里是一個很難理解的問題希望大家靜心看。修改成dede代碼以后網(wǎng)頁就不能再進(jìn)行本地測試了因?yàn)镈reamweaver是不支持dede代碼的。修改后的網(wǎng)頁只有再傳到服務(wù)器到后臺修改了，所以再三強(qiáng)調(diào)做好本地測試后在進(jìn)行更換。更換順序如下。一引用地址的修改，引用包括css和js地址、圖片、視頻等只要是html網(wǎng)頁以外的引用都要修改。這里的技巧是在Dreamweaver使用查找（ctrl+F）方式，一個都不漏吊。1本地css和js引用樣式：<linkhref="jxstyle.css"rel="stylesheet"media="screen"type="text/css"/><scriptsrc="cfcoda.js"language="javascript"type="text/javascript"></script><scriptsrc="swfobject_modified.js"language="javascript"type="text/javascript"></script><SCRIPTsrc="ScrollPic.js"type=text/javascript></SCRIPT>Dede引用樣式：<linkhref="{dede:global.cfg_templeturl/}/style/jxstyle.css"rel="stylesheet"media="screen"type="text/css"/><scriptsrc="/templets/images/junxunimages/scripts/swfobject_modified.js"language="javascript"type="text/javascript"></script><scriptsrc="/templets/images/junxunimages/js/cfcoda.js"language="javascript"type="text/javascript"></script><scriptsrc="/templets/images/jbgimages/ScrollPic.js"language="javascript"type="text/javascript"></script>說明：1dede語句中的解釋方式：{dede:global.cfg_templeturl/}/style/jxstyle.css可以等于/templets/style/jxstyle.css你應(yīng)該明白是什么意思吧。2/templets/images/jbgimages/ScrollPic.js翻譯過來就是引用templets文件夾里德images文件中的jbgimages文件夾中ScrollPic.js這個文件，為什么拿這個來說ScrollPic.js這個js文件時滾動圖片的js，你不用自己弄直接引用這個地址就可以了，引用的地址也不用改了，他就在基本功專題的圖片文件夾中。3看不懂使勁看，真不懂還得繼續(xù)學(xué)習(xí)dedecms的使用。2css中圖片的引用地址修改。不要以為修改了網(wǎng)頁中css和js的引用地址就完了。別忘了你在css中有關(guān)圖片的地址引用，都是本機(jī)測試地址，要知道只要是引用就都要換成服務(wù)器地址語句。比如css中#toolbarwrap{background:url(header.gif)repeat-x00;}的定義。:url(header.gif)就是一個本地地址，這里要替換成dede語句，前面已經(jīng)說了所有的圖片都放到了服務(wù)器D:\wwwroot\htdocs\templets\images這個文件夾了，我們來看一下修改后的語句background:url(../images/jbgimages/header.gif)no-repeatcentertop;}以上這些修改完了引用的地址，可以說框架部分就修改完了，這是如果傳到服務(wù)器上可以看到一個完整的框架了。但是我們還要實(shí)現(xiàn)模塊的功能，所以還要為網(wǎng)頁中每一個模塊加上相應(yīng)的應(yīng)用代碼。1新聞模塊代碼<divid="news"><ul>{dede:arclistrow='15'titlelen='60'orderby='pubdate'typeid='4'idlist=''}<li><ahref="[[field:typelink/]]">[field:textlink/]</a><span>[field:pubdatefunction=strftime('%y-%m-%d',@me)/]</span></li>{/dede:arclist}</ul></div>解析思路：網(wǎng)頁的解析先看框架，再看細(xì)節(jié)，最后看代碼，框架是一個<div><ul><li><a></a><span></span></li></ul></div>紅色標(biāo)簽是并列的。<ul>里面是新聞代碼，<A>里是新聞的鏈接頁,<span>是新聞的日期，這些不用改，里面要改的只有一句就是紅色的那句{dede:arclistrow='15'titlelen='60'orderby='pubdate'typeid='4'idlist=''}。主要改這里row='15'是說新聞要顯示的條數(shù)這里以你設(shè)計(jì)的網(wǎng)頁來定，一般10-15就差不多了。titlelen='60'是說新聞顯示標(biāo)題的字?jǐn)?shù)，一般不改，60個字已經(jīng)很夠用了，typeid='4'這個是最最重要是說，你的新聞的引用地址，看一下你的網(wǎng)站后臺新聞管理中每一個新聞欄目和專題都有一個id號，如下圖，你如果要顯示迎新杯專題中的賽事新聞他的id就是75，這里typeid='75’明白了吧，所有的模塊都如出一轍。注意在加入代碼的同時，你也在html加入了新的div和其他標(biāo)簽元素,所以在修改好藥加入相應(yīng)的css代碼。這個別忘記?？纯催@是新聞模塊的css：#news{width:500px;height:300px;float:right;display:inline;border:solid1px#fc8615;margin-top:50px;margin-right:10px;}#newsul{list-style:none;font-size:13px;}#newsulli{float:left;width:480px;height:20px;line-height:20px;}#newsullia{float:left;}#newsulspan{float:right;}#newsullia{color:#FFF;margin-left:5px;}里面有很多都可以改。自己看著改成合適的。2幻燈的也是這樣，看看幻燈模塊的dede代碼。<divid="picture"> <scriptlanguage='javascript'> linkarr=newArray(); picarr=newArray(); textarr=newArray(); varswf_width=400; varswf_height=300; {dede:arclistrow='5'typeid='88'} varfiles="[field:litpic/]"; varlinks="[field:arcurl/]"; vartexts="[field:titlefunction='html2text(@me)'/]"; {/dede:arclist}//這里設(shè)置調(diào)用標(biāo)記 {dede:arclistrow='5'typeid='88'} linkarr[[field:global.autoindex/]]="[field:arcurl/]"; picarr[[field:global.autoindex/]]="[field:litpic/]"; textarr[[field:global.autoindex/]]="[field:titlefunction='html2text(@me)'/]"; {/dede:arclist} for(i=1;i<picarr.length;i++){ if(files=="")files=picarr[i]; elsefiles+="|"+picarr[i]; } for(i=1;i<linkarr.length;i++){ if(links=="")links=linkarr[i]; elselinks+="|"+linkarr[i]; } for(i=1;i<textarr.length;i++){ if(texts=="")texts=textarr[i]; elsetexts+="|"+textarr[i]; }document.write('<objectclassid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"width="'+swf_width+'"height="'+swf_height+'">');document.write('<paramname="movie"value="{dede:global.$cfg_templeturl/}/images/bcastr3.swf"><paramname="quality"value="high">');document.write('<paramname="menu"value="false"><paramname=wmodevalue="opaque">');document.write('<paramname="FlashVars"value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');document.write('<embedsrc="{dede:global.cfg_templeturl/}/images/bcastr3.swf"wmode="opaque"FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'&menu="false"quality="high"width="'+swf_width+'"height="'+swf_height+'"type="application/x-shockwave-flash"pluginspage="/go/getflashplayer"/>');document.write('</object>');</script></div>是不是很長，這個其實(shí)就是多了個js代碼，這里我們要修改的也不多，只是紅色的部分varswf_width=400;這里我們設(shè)置幻燈的寬要和你設(shè)計(jì)的幻燈div相適應(yīng)varswf_height=300;這里是高要和幻燈div相適應(yīng)，也要兼顧圖片的比例。{dede:arclistrow='5'typeid='88'}這里就不用說了吧，和下面那個也一樣一樣的varfiles="[field:litpic/]";varlinks="[field:arcurl/]";vartexts="[field:titlefunction='html2text(@me)'/]";{/dede:arclist}{dede:arclistrow='5'typeid='88'}和上面那個也一樣一樣的下面是他的css：#picture{width:400px;height:300px;float:left;overflow:hidden;border:1pxsolid#fc8615;margin-top:50px;margin-left:10px;}看著少但到很精密，3以上的是新聞和幻燈的，對于滾動圖片的和幻燈的是一樣的，都有個js。只改有用的紅色的。注意js代碼的修改，<divid="jximages"><DIVclass=blk_29><DIVclass=LeftBottonid=LeftArr></DIV><DIVclass=Contid=ISL_Cont_1><!--圖片列表begin-->{dede:arclistrow='10'titlelen='24'orderby='pubdate'typeid=63imgwidth='250'imgheight='200'}<DIVclass=box><Aclass=imgBordertarget=_blank>[field:imglink/]</a><P><Ahref="#"target=_blank>[field:textlink/]</A></P></DIV><!--boxend--> {/dede:arclist} </DIV><!--ISL_Cont_1end--> <DIVclass=RightBottonid=RightArr></DIV><divclass="clear"></div> </DIV> <!--blk_29end--> <SCRIPTlanguage=javascripttype=text/javascript> varscrollPic_02=newScrollPic(); scrollPic_02.scrollContId="ISL_Cont_1";//內(nèi)容容器ID scrollPic_02.arrLeftId="LeftArr";//左箭頭ID scrollPic_02.arrRightId="RightArr";//右箭頭ID scrollPic_02.frameWidth=890;//顯示框?qū)挾? scrollPic_02.pageWidth=200;//翻頁寬度 scrollPic_02.speed=8;//移動速度(單位毫秒，越小越快) scrollPic_02.space=20;//每次移動像素(單位px，越大越快) scrollPic_02.autoPlay=false;//自動播放 scrollPic_02.initialize();//初始化 </SCRIPT></div><!--jximagesend-->一下是滾動圖片的css：#jximages{margin:0pxauto;WIDTH:940px;height:380px;float:left;overflow:hidden;}下面是滾動圖片中的一些細(xì)節(jié)和按鈕的css控制：.blk_29{display:block;margin-top:30px;margin-left:9px;WIDTH:920px;height:330px;float:left;overflow:hidden;}.blk_29.LeftBotton{BACKGROUND:url(ca_hz_002.gif)no-repeat0px0px;background-color:#666666;FLOAT:left;CURSOR:pointer;WIDTH:11px;HEIGHT:120px;border:#CCCCCC1pxsolid;}.blk_29.RightBotton{BACKGROUND:url(ca_hz_002.gif)no-repeat-11px0px;background-color:#666666;FLOAT:right;WIDTH:11px;CURSOR:pointer;HEIGHT:120px;border:#CCCCCC1pxsolid;}.blk_29.Cont{float:left;WIDTH:890px;height:320px;border:#CCCCCC1pxsolid;}.clear{clear:both;height:1px;}4而對于視頻的，我們不需要dede代碼，<divid="vedio"><embedsrc="/yuebing.wmv"width="500"height="400"autostart="false"loop="false"></embed>這里注意下，把視頻文件直接放到D:\wwwroot\htdocs才用這個src，靈活修改。以上就是專題的制作的本地測試方法了。別忘記了