本文介紹了一種在瀏覽器里編輯代碼、仿真、看log、看波形的方法。

django介紹

django是一個(gè)由python實(shí)現(xiàn)的web后端框架。這里“后端”就是指在服務(wù)器上執(zhí)行的程序（前端程序在瀏覽器里執(zhí)行）。django采用了 MVT 的軟件設(shè)計(jì)模式，即模型（Model），視圖（View）和模板（Template）。這種MVT的設(shè)計(jì)思想讓數(shù)據(jù)與表現(xiàn)形式分開，從而編寫的程序更容易理解和維護(hù)。

django的結(jié)構(gòu)大致如下圖。簡(jiǎn)單地講，瀏覽器提交的請(qǐng)求，經(jīng)apache執(zhí)行后，送給django。django先解析url，根據(jù)url調(diào)用不同view函數(shù)。view函數(shù)操作數(shù)據(jù)庫(kù)，把數(shù)據(jù)填進(jìn)模板得到html，view把html送回給瀏覽器。這里返回的信息不僅僅是html，也可以是text文本、json、圖片、視頻等各種格式的信息。

在“瀏覽器”里實(shí)現(xiàn)云端EDA

我們的云端EDA分為三部分：瀏覽器里的IDE（包括代碼編輯器、log顯示、波形查看、操作按鈕等）、web后端實(shí)現(xiàn)（處理瀏覽器的請(qǐng)求、調(diào)用EDA服務(wù)器api執(zhí)行、返回信息給瀏覽器等）、EDA服務(wù)器（接收web后端的eda指令，如編譯、仿真等，調(diào)用eda）。

要實(shí)現(xiàn)“瀏覽器里的IDE”，主要需要javascript。代碼編輯器只不過是一個(gè)加強(qiáng)版的textarea，實(shí)現(xiàn)了行號(hào)顯示、代碼高亮、自動(dòng)縮進(jìn)等功能。這部分有現(xiàn)成輪子可以調(diào)用，比如CodeMirror等。

點(diǎn)擊“仿真”之后發(fā)生了什么？

當(dāng)代碼寫完，點(diǎn)擊“Run”按鈕后，瀏覽器把代碼傳輸給web服務(wù)器，并將代碼存儲(chǔ)在指定的目錄。這里的目錄可以是“用戶名＋項(xiàng)目名”的形式，避免與其他用戶或者其他項(xiàng)目沖突，也可以是“當(dāng)前時(shí)間＋隨機(jī)數(shù)”的形式。在代碼傳輸時(shí)，為了避免特殊字符，可以用base64將代碼編碼。如果需要減小傳輸數(shù)據(jù)量，可以先壓縮后傳輸。

代碼存儲(chǔ)好后，django的view函數(shù)具體實(shí)現(xiàn)了仿真調(diào)用，比如用subprocess．Popen（），后臺(tái)調(diào)用eda服務(wù)器的相關(guān)api（簡(jiǎn)單的，可以只是一個(gè)sim腳本）。這里一般有幾點(diǎn)需要注意：

view函數(shù)要做成異步執(zhí)行，即eda開始仿真后，立即返回信息通知瀏覽器。仿真過程可能持續(xù)很長(zhǎng)時(shí)間，比如幾分鐘、幾個(gè)小時(shí)，瀏覽器不可能一直等在那里。

在仿真的過程中，需要實(shí)時(shí)顯示仿真的狀態(tài)，比如瀏覽器里能實(shí)時(shí)顯示log。因?yàn)樯厦姘逊抡嬖O(shè)成異步了，就需要瀏覽器定時(shí)查詢。比如每2秒或者5秒，查詢仿真的log和狀態(tài)。

當(dāng)然瀏覽器里也可以用websocket來實(shí)現(xiàn)。用websocket有一個(gè)好處，就是不會(huì)超時(shí)，并且服務(wù)器可以主動(dòng)給瀏覽器發(fā)消息。這樣就避免了定時(shí)查詢帶來的資源浪費(fèi)。

下面來討論另一個(gè)問題：如何實(shí)現(xiàn)在瀏覽器里查看仿真波形？

查看波形仍然是當(dāng)前數(shù)字設(shè)計(jì)和驗(yàn)證最有效、最直觀的調(diào)試方法。但VCD波形一般比較大，很難直接傳遞給瀏覽器，另外也會(huì)有很長(zhǎng)時(shí)間的延遲，影響使用體驗(yàn)。

幾種可能的解決方案：

壓縮。壓縮成tar．gz，或者其它自定義的格式。如果壓縮后小于5MB，就會(huì)感覺不到延遲。如果壓縮后20MB，就會(huì)要稍微等一會(huì)兒。如果是100M，就需要等較長(zhǎng)時(shí)間。當(dāng)然壓縮后100M也可以存儲(chǔ)很多波形信息了，可以應(yīng)付常見的模塊級(jí)設(shè)計(jì)。

波形切片。在服務(wù)器仿真時(shí)把波形存儲(chǔ)很多小文件，比如10M左右。用戶瀏覽波形時(shí)，需要看前面或者后面的波形時(shí)，可以點(diǎn)“向前”或“向后”的按鈕從服務(wù)器快速加載。因?yàn)槲募?，所以速度也快。但有一個(gè)問題，就是需要縮放時(shí)，比如縮放到full，需要加載全部波形，這會(huì)變得很慢。

另外一種可行的方案，瀏覽器把開始時(shí)間、結(jié)束時(shí)間、波形顯示窗口寬度告訴服務(wù)器，在服務(wù)器端把指定時(shí)間段的波形截出來，并處理成瀏覽器可以顯示的大小的圖片。這樣服務(wù)器把處理后的圖片傳送給瀏覽器，一般這樣的矢量圖片，可以控制在幾十K以內(nèi)。瀏覽器收到后，直接顯示。當(dāng)然瀏覽器需要實(shí)現(xiàn)時(shí)間刻度和鼠標(biāo)的放大、縮小、劃選等操作，觸發(fā)這些操作后，從服務(wù)器重新取一幅矢量圖替換掉，這樣就實(shí)現(xiàn)了波形的放大和縮小。

綜上，方案3是最可行的方案，能滿足幾乎所有的設(shè)計(jì)場(chǎng)景。有人擔(dān)心這個(gè)服務(wù)器端的波形處理程序會(huì)不會(huì)太占資源或者太慢？其實(shí)，我們可以這樣想，一臺(tái)服務(wù)器上同時(shí)開著20個(gè)Verdi肯定不慢。這里的波形處理程序也同樣可以用C／C＋＋來實(shí)現(xiàn)，不一定要用python。

這樣，我們就簡(jiǎn)單實(shí)現(xiàn)了在瀏覽器里仿真和調(diào)試。

做這樣一個(gè)瀏覽器EDA有什么意義呢？

我覺得，首先，可以用于學(xué)習(xí)、培訓(xùn)。教程與實(shí)驗(yàn)融合，邊學(xué)邊練，輕量級(jí)實(shí)驗(yàn)，無需本地實(shí)驗(yàn)環(huán)境。edaplaygroud是一個(gè)很好的例子，這是國(guó)外的培訓(xùn)機(jī)構(gòu)doulos提供的學(xué)習(xí)平臺(tái)，支持vcs、xcellium這樣的商業(yè)軟件，也支持常見的開源軟件。

其次，如果可以與國(guó)產(chǎn)EDA公司達(dá)成合作，在后臺(tái)支持這些國(guó)產(chǎn)EDA，那么用戶無需安裝就可以立即試用和體驗(yàn)。勢(shì)必可以起到宣傳、促進(jìn)和普及國(guó)產(chǎn)EDA的作用。也會(huì)給合作的國(guó)產(chǎn)EDA公司帶來新用戶、新訂單和收益。

最后，說一說我對(duì)國(guó)產(chǎn)EDA的觀點(diǎn)。

當(dāng)下國(guó)產(chǎn)EDA公司如雨后春筍般出現(xiàn)，誰能最終勝出，就看EDA產(chǎn)品能否真正解決客戶的問題，能否滿足客戶日益增長(zhǎng)的新需求。真正讓客戶感覺到能用、好用、還想用。