【正文】 外，使用舊軟件需要的費用是一個重要的經濟指標，如果新軟件不能添加收入或減少使用費用，那么從經濟角度看新軟件就不如舊軟件。 （ 2）目前條件不夠，等以后條件成熟了在開發(fā)。 系統(tǒng) 設計的目的 計算器是廣泛使用的一種運算工具。隨著網絡技術的發(fā)展，其設計規(guī)模不斷擴大，復雜度不斷提高，現(xiàn)在的計算器控制系統(tǒng)都在朝著數據精度高，功能多，靈活，智能，運算速度快等方面改進。因此設計出滿足廣大用戶需求的計算器具有很大的市場，設計的產品只有具有市場需求才具有實際意義。不僅功能強大也 滿足用戶的需求，而且使用方便，具有很好的市場前景。研究的主要內容如下： （ 1） 掌握 html， css， javascript 語言的編程特點； （ 2） 掌握 linux 平臺和 komodo 軟件的使用； （ 3） 掌握計算器的工作原理； （ 4） 用 html， css， javascript 設計一個網頁計算器； 4 （ 5） 計算器的界面 設計 ； （ 6） 計算器運算 測試 ； （ 7） 實現(xiàn)功能和算法驗證。 HTML 文本是由 HTML 命令組成的描述性文本， HTML 命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。 也許你聽說過許多可以編輯網頁的軟件 ,事實上 ,你不需要用任何專門的軟件來建立 HTML 頁面；你所需要的只是一個文本編輯器 (或字處理器 )（如 Office Word\記事本 \寫字板 \Gedit\Vim\OpenOffice. 等等）以及 HTML 的工作常識。 那么讓我們建立一個簡單的范例吧。 (隨便你起一個什么名字 ,擴展名也可以是 HTM)。 HTML特點和好處 HTML 文檔制作不是很復雜，且功能強大，支持不同數據格式的文件鑲入 ，這也是 WWW 盛行的原因之一，其主要特點如下： （ 1）簡易性， HTML 版本升級采用超集方式，從而更加靈活方便。 （ 3）平臺無關性。 用什么可以編輯 HTML？ HTML 其實是文本，它需要瀏覽器的解釋， HTML 的編輯器大體可以分為三種： 6 （ 1）基本編輯軟件，使用 WINDOWS 自帶 的記事本或寫字版都可以編寫，當然，如果你用 WPS 來編寫，也可以 。 （ 2）半所見即所得軟件，這種軟件能大大提高開發(fā)效率，它可以使你在很短的時間內做出 Homepage，且可以學習 HTML，這種類型的軟件主要有 HOTDOG，還有國產的軟件網頁作坊。 CSS 的介紹 CSS 是層疊樣 式表（ Cascading Style Sheets）的簡稱?，F(xiàn)在對于從事網頁制作的朋友來說，應該很少沒有聽說過 CSS 了，因為在制作網頁過 程中我們經常需要用到。 CSS 目前最新版本為 CSS3，是能夠真正做到 網頁 表現(xiàn)與內容分離的一種樣式設計語言。CSS 能夠根據不同使用者的理解能力，簡化或者優(yōu)化寫法，針對各類人群，有較強的易讀性 [7]。 發(fā)展初期， JavaScript 的標準并未確定，同期有網景的 JavaScript，微軟的 JScript和 CEnvi 的 ScriptEase 三足鼎立。 一般來說，完整的 JavaScript 包括以下幾個部分： （ 1） ECMAScript，描述了該語言的語法和基本對象 ； （ 2） 文檔對象模型（ DOM），描述處理網頁內容 的方法和接口 ； （ 3） 瀏覽器對象模型（ BOM），描述與瀏覽器進行交互的方法和接口 。 （ 3） 可以直接嵌入 HTML 頁面，但寫成單獨的 js 文件有利于結構和行為的分 離。 它最初由 網景公司 的 Brendan Eich 設計 ，是一種 動態(tài) 、弱類型、基于原型的語言，內置支持類型。 Ecma 國際 以 JavaScript 為基礎制定了 ECMAScript 標準。完整的 JavaScript 實現(xiàn)包含三個部分 ： ECMAScript， 文檔對象模型 ， 瀏覽器對象模型 。 JavaScript 最初受 Java 啟 發(fā)而開始設計的，目的之一就是“ 看上去像 Java” ，因此語法上有類似之處，一些名稱和命名規(guī)范也借自 Java。 JavaScript 與 Java 名稱上的近似，是當時網景為了營銷考慮與 太陽微系統(tǒng) 達成協(xié)議的結果。為了互用性， Ecma 國際 （前身為 歐洲計算機制造商協(xié)會 ）創(chuàng)建了 ECMA262 標準（ ECMAScript）。盡管 JavaScript 作為給非程序人員的 腳本語言 ，而非作為給程序人員的 腳本語言 來推廣和宣傳，但是 JavaScript 具有非常豐富的特性 [8]。它們在網頁設計中扮演了重要的角色。 9 3 系統(tǒng)分析 可行性研究 經濟可行性 根據目前情 況，迫切需要便捷的軟件程序來完成對不同場合的軟件產品的需要?，F(xiàn)有的系統(tǒng)是信息的重要來源。此外，使用舊軟件需要的費用是一個重要的經濟指標，如果新軟件不能添加收入或減少使用費用，那么從經濟角度看新軟件就不如舊軟件。當采用計算器進行處理時，不但可以為企業(yè)節(jié)省大量的人力物力，而且效率要比手工高得多，還可以讓人力資源得到充分的利用。 技術可行性 開發(fā)軟件的可行性 在 linux 平臺和 windows 平臺都可以開發(fā)，我在 linux 平臺，運用 komodo 軟件（如果沒有 komodo 軟件用 bluefish、 eclipse、 vi 也可以開發(fā)），應用 web（ html、 css、javascript）的相關技術開發(fā)計算 器，可以得心應手，事半公陪，它為用戶提供了網頁所一貫堅持的非常友好、操作簡單的用戶界面、完善而強大的數據操作功能。因此，開發(fā)實施本服務器系統(tǒng)，從軟件角度看，是可行的。 10 我開發(fā)的環(huán)境是： （ 1）設計環(huán)境為 linux（ Ubuntu—）或者更高版本； （ 2）瀏覽器是 Google Chrome； （ 3）開發(fā)軟件為 Komodo IDE（ Komodo Pro ）。 服務器系統(tǒng)的詳細調查 服務器系統(tǒng)調查目標是在可行性分析的基礎上進一步對服務器系統(tǒng)進行全面、深入的調查和分析，弄清原有計算器的運行狀況，發(fā)現(xiàn) 其薄弱環(huán)節(jié)，找出要解決問題的實質，確保新系統(tǒng)比原系統(tǒng)更加有效、可靠。 系統(tǒng)調查可以通過和指導老師討論、發(fā)表征求意見、參加實踐等方法，自上而下的逐步細化了解。 11 4 需求分析 任務概述 設計一個進行加、減、乘、除、平方、平方根、求 余、數據清除、數據返回、復雜的四則運算等運算的計算器。 Komodo 的簡述 Komodo 是一個免費 /收費、支持多種語言、以及跨平臺（可用于 Windows、 Mac OS X 和 Linux）的 ，支持 Perl、 PHP、 Python、 Ruby、 Tcl，以及JavaScript、 CSS、 HTML、 XML。值得一提的是，該 IDE 為用戶提供了豐富的可擴展功能，支持類似 firefox的 xpi 擴展。在使用 Komodo Edit 編寫代碼時，通過其提供的自動完成、調用提示、語法糾正、代碼片斷等功能可以充分提高你的編碼效率，助你寫出高質量的代碼。 Komode Edit 還提供項目管理功能，使你的開發(fā)過程清晰而充滿條理。 Ubuntu 基于 Debian 發(fā)行版 12 和 GNOME 桌面環(huán)境 ，與 Debian 的不同在于它每 6 個月會發(fā)布一個新版本。 Ubuntu 具有龐大的社區(qū)力量，用戶可以方便地從社區(qū)獲得幫助。 Ubuntu 是基于 Debian GNU/Linux，支持 x8 amd64（即 x64）和 ppc 架構，由全球化的專業(yè)開發(fā)團隊（ Canonical Ltd）打造的開源 GNU/Linux 操作系統(tǒng)。 Ubuntu的開發(fā)人員多稱 馬克 在 2020 年 7 月 8 日， 馬克 成立基金會的目的是為了確保將來 Ubuntu 得以持續(xù)開發(fā)與獲得支持，但直至 2020 年，此基金會仍未投入運作。舍特爾沃斯 形容此基金會是在 Canonical有限公司出現(xiàn)財務危機時的緊急營運資金。只是包含了一些簡單的 “ +、 － 、 *、/” 以及正負符號、小數、平方和平方根的算法。 （ 2） 直接輸入數字后，按下 “ +、 － 、 *、 /” 將它變?yōu)橄鄳乃惴ǎ纯傻贸鱿鄳乃惴ㄏ鹊弥?。沒有輸入數字之前，直接輸入小數點表示 “ 0… ” 。 計算器的界面設計 計算器的界面設計如圖 1 所示： 圖 1 計算器的界面 14 6 系統(tǒng)的仿真測試 程序設計完畢，經過分段測試和整體測試 無 錯誤。由于計算器系統(tǒng)是瀏覽器，屬于軟件，沒有硬件，減少了硬件電路，價格就比較便宜，同時該計算器具有靈活、方便使用、運算速度快、精度高等特點。 在設計過程中，出現(xiàn)過不同的問題，開始的時候解決起來有一些困難，經過兩個月的不斷學習和實踐，基本上都已經解決，而且通過解決問題的過程，提高了自己的系統(tǒng)設計和把握能力。即使是對于一個并不大的程序，代碼的組織都是非常重要的，因為這關系到日后的維護以及擴展，對于一些不懂的問題，可以從網上查詢，但對于系統(tǒng)的架構，卻完全是自己的事前，這些代碼需要通過合適的方法組織起來，是程序員編寫代碼更加有條理，更加符合軟件工程的標準，這才是最重要的。 charset=UTF8 titleCalculate/title link rel=stylesheet href= type=text/css/link /head body input type=text id=view/inputbr button onclick=clkBtn(this)7/buttonbutton onclick=clkBtn(this)8/buttonbutton onclick=clkBtn(this)9/buttonbutton onclick=clkBtn(this)//buttonbutton onclick=undo()← /buttonbutton onclick=setClear()C/buttonbr button onclick=clkBtn(this)4/buttonbutton onclick=clkBtn(this)5/buttonbutton onclick=clkBtn(this)6/buttonbutton onclick=clkBtn(this)*/buttonbutton onclick=clkBtn(this)(/buttonbutton onclick=clkBtn(this))/buttonbr button onclick=clkBtn(this)1/buttonbutton onclick=clkBtn(this)2/buttonbutton onclick=clkBtn(this)3/buttonbutton onclick=clkBtn(this)/buttonbutton onclick=clkBtn(this)xsup2/sup/buttonbutton onclick=clkBtn(this)√/buttonbr button onclick=clkBtn(this)0/buttonbutton onclick=clkBtn(this)./buttonbutton onclick=clkBtn(this)%/buttonbutton onclick=clkBtn(this)+/buttonbutton id=equal onclick=getRet()=/buttonbr /body /html 20 （ 2） css 部分 （ ）： input { width: 178px。 fontsize: 12px。 height: 27px。 verticalalign: bottom。 } （ 3） javascript 部分 （ ） : var stack = new Array()。 function clkBtn(elem) { var view = (view)。 else ()。 = ()。 = 。 } function calculate(optString) { // % optString = (%, /100)。 if (subStrs == null) { break。 i 。 if (ret == null) return null。 } } // ^2 var subStrs = (/[09.]*\^2/g)。 i 。 var num = parseFloat(subStrs[i].substr(0, subStrs[i].length 2))。