【文章內(nèi)容簡介】 ava Servlet 是 JSP 的技術(shù)基礎(chǔ)，而且大型的 Web 應(yīng)用程序的開發(fā)需要 Java Servlet 和JSP 配合才能完成。JSP 具備了 Java 技術(shù)的簡單易用，完全的面向?qū)ο?，具有平臺無關(guān)性且安全可靠，主要面向因特網(wǎng)的所有特點(diǎn)。 JavascriptJavascript是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭?dòng)態(tài)類型的區(qū)分大小寫的客戶端腳本語言，主要目的是為了解決服務(wù)器端語言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。JavaScript是一種基于對象和事件驅(qū)動(dòng)并具有相對安全性的客戶端腳本語言。同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動(dòng)態(tài)功能，比如響應(yīng)用戶的各種操作。它最初由網(wǎng)景公司的Brendan Eich設(shè)計(jì)，是一種動(dòng)態(tài)、弱類型、基于原型的語言，內(nèi)置支持類。盡管JavaScript作為給非程序人員的腳本語言，而非作為給程序人員的編程語言來推廣和10宣傳，但是JavaScript具有非常豐富的特性。 CSS 層疊樣式表CSS（Cascading Style Sheet，可譯為“層疊樣式表”或“級聯(lián)樣式表”）是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀。通過使用CSS樣式設(shè)置頁面的格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個(gè)文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時(shí)間。 MySQL 數(shù)據(jù)庫MySQL 是一個(gè)真正的多用戶、多線程 SQL 數(shù)據(jù)庫服務(wù)器。SQL （結(jié)構(gòu)化查詢語言）是世界上最流行的和標(biāo)準(zhǔn)化的數(shù)據(jù)庫語言。MySQL 是以一個(gè)客戶機(jī)/服務(wù)器結(jié)構(gòu)的實(shí)現(xiàn)，它由一個(gè)服務(wù)器守護(hù)程序 mysqld 和很多不同的客戶程序和庫組成。SQL 是一種標(biāo)準(zhǔn)化的語言，它使得存儲、更新和存取信息更容易。例如，你能用SQL 語言為一個(gè)網(wǎng)站檢索產(chǎn)品信息及存儲顧客信息，同時(shí) MySQL 也足夠快和靈活以允許你存儲記錄文件和圖像。MySQL 主要目標(biāo)是快速、健壯和易用。最初是因?yàn)槲覀冃枰@樣一個(gè) SQL 服務(wù)器，它能處理與任何可不昂貴硬件平臺上提供數(shù)據(jù)庫的廠家在一個(gè)數(shù)量級上的大型數(shù)據(jù)庫，但速度更快，MySQL 就開發(fā)出來。 HTML 技術(shù)HTML（Hyper Text Markup Language）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head） 、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。設(shè)計(jì)HTML語言的目的，是為了能把存放在一臺電腦中的文本或圖形，與另一臺電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體。人們不用考慮具體信息是在當(dāng)前電腦里還是在網(wǎng)絡(luò)上其它電腦里，只需使用鼠標(biāo)在11某一文檔中點(diǎn)取一個(gè)圖標(biāo)，Inter就會馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去。而這些信息可能存放在網(wǎng)絡(luò)的另一臺電腦中。 另外，HTML是網(wǎng)絡(luò)的通用語言，一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或?yàn)g覽器?？傊?，HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是WWW盛行的原因之一。 開發(fā)工具 Dreamweaver CS5：Dreamweaver是由Macromedia公司開發(fā)的一款所見即所得的網(wǎng)頁編輯器。和二維動(dòng)畫設(shè)計(jì)軟件FLASH，專業(yè)網(wǎng)頁圖像設(shè)計(jì)軟件FIREWORKS，并稱為“網(wǎng)頁三劍客” ；2022年4月18日，全球最大的圖像編輯軟件供應(yīng)商Adobe宣布，以換股方式收購軟件公司Macromedia。Dreamweaver CS5最突出的亮點(diǎn)有三處：對CMS的支持功能；對CSS的校驗(yàn)；對PHP更好的支持。除此以外，CS5還內(nèi)置了Webkit引擎，可以模仿Safari、Chrome瀏覽器預(yù)覽網(wǎng)頁效果。PHP支持也在CS5版本中得到改善，不僅可以利用代碼提示在文檔中查找到自定義的函數(shù)，還可以利用此功能更好地設(shè)計(jì)CMS模板，減輕了廣大模板設(shè)計(jì)者的痛苦。 MyEclipse 簡介：MyEclipse 企業(yè)級工作平臺（MyEclipse Enterprise Workbench ，簡稱 MyEclipse）是對 Eclipse IDE 的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫和 J2EE 的開發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的 J2EE 集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，完整支持 HTML, Struts, JSF, CSS, Javascript, SQL, Hibernate。在結(jié)構(gòu)上，MyEclipse 的特征可以被分為 7 類：　?。?）J2EE 模型　　（2）WEB 開發(fā)工具　?。?）EJB 開發(fā)工具　　（4）應(yīng)用程序服務(wù)器的連接器12　?。?）J2EE 項(xiàng)目部署服務(wù)　　（6）數(shù)據(jù)庫服務(wù)　 （7）MyEclipse 整合幫助對于以上每一種功能上的類別，在 Eclipse 中都有相應(yīng)的功能部件，并通過一系列的插件來實(shí)現(xiàn)它們。MyEclipse 結(jié)構(gòu)上的這種模塊化，可以讓我們在不影響其他模塊的情況下，對任一模塊進(jìn)行單獨(dú)的擴(kuò)展和升級。簡單而言，MyEclipse 是 Eclipse 的插件，也是一款功能強(qiáng)大的 J2EE 集成開發(fā)環(huán)境，支持代碼編寫、配置、測試以及除錯(cuò)。Eclipse 是一個(gè)開放源代碼的、基于 Java 的可擴(kuò)展開發(fā)平臺。就其本身而言，它只是一個(gè)框架和一組服務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。幸運(yùn)的是，Eclipse 附帶了一個(gè)標(biāo)準(zhǔn)的插件集，包括 Java 開發(fā)工具（Java Development Tools，JDT ） 。 Eclipse 最初是由 IBM 公司開發(fā)的替代商業(yè)軟件 Visual Age for Java 的下一代 IDE 開發(fā)環(huán)境，2022 年 11 月貢獻(xiàn)給開源社區(qū)，現(xiàn)在它由非營利軟件供應(yīng)商聯(lián)盟 Eclipse 基金會（Eclipse Foundation）管理。 2022 年，Eclipse 選擇 OSGi 服務(wù)平臺規(guī)范為運(yùn)行時(shí)架構(gòu)。 2022 年 6 月，穩(wěn)定版 發(fā)布。2022 年 6 月發(fā)布代號為 Ganymede 的 版。Eclipse 最初由 OTI 和 IBM 兩家公司的 IDE 產(chǎn)品開發(fā)組創(chuàng)建，起始于 1999 年 4 月。IBM 提供了最初的 Eclipse 代碼基礎(chǔ)，包括 Platform、JDT 和 PDE。目前由 IBM 牽頭，圍繞著 Eclipse 項(xiàng)目已經(jīng)發(fā)展成為了一個(gè)龐大的 Eclipse 聯(lián)盟，有 150 多家軟件公司參與到 Eclipse 項(xiàng)目中，其中包括 Borland、Rational Software、Red Hat 及 Sybase 等。Eclipse是一個(gè)開發(fā)源碼項(xiàng)目，它其實(shí)是 Visual Age for Java 的替代品，其界面跟先前的 Visual Age for Java 差不多，但由于其開放源碼，任何人都可以免費(fèi)得到，并可以在此基礎(chǔ)上開發(fā)各自的插件，因此越來越受人們關(guān)注。近期還有包括 Oracle 在內(nèi)的許多大公司也紛紛加入了該項(xiàng)目，并宣稱 Eclipse 將來能成為可進(jìn)行任何語言開發(fā)的 IDE 集大成者，使用者只需下載各種語言的插件即可。133 課題方案論證 可行性研究 技術(shù)可行性本系統(tǒng)是一個(gè)基于B/S結(jié)構(gòu)的設(shè)計(jì)公司網(wǎng)站，采用面向?qū)ο蠹夹g(shù)、數(shù)據(jù)庫技術(shù)、分布式技術(shù)等先進(jìn)技術(shù)開發(fā)的應(yīng)用程序，現(xiàn)有的開發(fā)技術(shù)已經(jīng)非常成熟，而且被廣泛應(yīng)用于各行各業(yè)，利用現(xiàn)有技術(shù)完全可以達(dá)到功能目標(biāo)?？紤]開發(fā)期限比較充裕，預(yù)計(jì)可以再規(guī)定時(shí)間內(nèi)完成開發(fā)計(jì)劃。本系統(tǒng)的研制和開發(fā)充分考慮用戶人工操作流程、計(jì)算機(jī)操作水平等，盡可能提供更人性化、直觀的界面，滿足用戶需求。系統(tǒng)的操作方式在用戶組織內(nèi)可行。 社會因素可行性分析建議系統(tǒng)的研制和開發(fā)都選用正版軟件或者是開源軟件，將不會侵犯他人、集體和國家的利益，不會違反相關(guān)的國家政策和法律。而php+mysql的平臺可以有Linux+Apache搭設(shè)，四者構(gòu)成當(dāng)前流行的LAMP開發(fā)體系，全部為免費(fèi)開源的系統(tǒng)，因此不會存在版權(quán)糾紛等問題。 結(jié)論經(jīng)上述可行性分析，平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)的技術(shù)成熟、完備，測試手段可靠，經(jīng)過經(jīng)濟(jì)、技術(shù)、社會等方面的可行性分析，可以確定本系統(tǒng)的開發(fā)完全必要，而且是可行的，可以立即開發(fā)。 方案選擇平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)采用B/S模式。B/S模式最大特點(diǎn)是：用戶可以通過WWW瀏覽器去訪問Inter上的文本、數(shù)據(jù)、圖像、動(dòng)畫、視頻點(diǎn)播和聲音信息，這些信息都是由許許多多的Web服務(wù)器產(chǎn)生的，而每一個(gè)Web服務(wù)器又可以通過各種方式與數(shù)據(jù)庫服務(wù)器連接，大量的數(shù)據(jù)實(shí)際存放在數(shù)據(jù)庫服務(wù)器中?？蛻舳顺薟WW瀏覽器，一般無須任何用戶程序，只需從Web服務(wù)器上下載程序到本地來執(zhí)行，在下載過程中若遇14到與數(shù)據(jù)庫有關(guān)的指令，由Web服務(wù)器交給數(shù)據(jù)庫服務(wù)器來解釋執(zhí)行，并返回給Web服務(wù)器，Web服務(wù)器又返回給用戶。 開發(fā)平臺和工具 硬件平臺硬件設(shè)備設(shè)計(jì)是根據(jù)信息系統(tǒng)的設(shè)計(jì)需求，確定信息系統(tǒng)物理設(shè)備方案，所設(shè)計(jì)的硬件設(shè)備方案在能夠充分滿足信息系統(tǒng)功能需求的前提下，還應(yīng)滿足系統(tǒng)的效率、可靠性、安全性和適應(yīng)性等性能要求，并具有較高的性價(jià)比。根據(jù)前面的需求分析，我們得出本系統(tǒng)理想的環(huán)境當(dāng)然是配置較高最好，實(shí)際操作中硬件平臺如下：硬件環(huán)境(訪問者)：建議用戶在允許的情況下采用較高配置硬件資源。硬件環(huán)境(開發(fā)者)：Intel Core T2450 ， 內(nèi)存，320G 磁盤空間。 軟件平臺軟件平臺是信息系統(tǒng)開發(fā)和運(yùn)行所需的集成軟件環(huán)境，設(shè)計(jì)和選擇高效、實(shí)用、方便、功能齊全的軟件平臺，對信息系統(tǒng)的開發(fā)具有十分重要的意義。在結(jié)合實(shí)際開發(fā)的需要并充分考慮各種軟件平臺的性能及適用范圍和對軟件平臺的使用能力，本系統(tǒng)的軟件平臺選擇如下：（1） 操作系統(tǒng)操作系統(tǒng)是計(jì)算機(jī)系統(tǒng)中最重要的系統(tǒng)軟件，目前在微機(jī)上使用的桌面操作系統(tǒng)有Windows 95/98/2022/me/xp/2022server 等，本系統(tǒng)在 Windows 7 操作系統(tǒng)下進(jìn)行開發(fā)，可運(yùn)行于前面所列舉的各種操作系統(tǒng)，但建議使用 Windows 2022 以上系統(tǒng)。（2） 支撐軟件支撐軟件是協(xié)助人們開發(fā)和維護(hù)軟件的工具和環(huán)境軟件，包括編輯程序，數(shù)據(jù)庫系統(tǒng)，集成開發(fā)環(huán)境等，本系統(tǒng)的支撐軟件如下：數(shù)據(jù)庫管理系統(tǒng)（DBMS）：為了對數(shù)據(jù)庫實(shí)施集中管理，同時(shí)并發(fā)的處理多個(gè)客戶機(jī)發(fā)來的數(shù)據(jù)處理要求，我們選用 MySQL 數(shù)據(jù)庫管理系統(tǒng)。15網(wǎng)頁技術(shù)：在這里我們使用 PHP(Hypertext Preprocessor) 來建立系統(tǒng)。4 過程論證分析 需求分析 概述“平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)”需求說明書的主要目的是明確所要開發(fā)的系統(tǒng)應(yīng)具有的功能、性能，使系統(tǒng)分析人員及軟件開發(fā)人員能清楚地了解用戶的需求，并在此基礎(chǔ)上進(jìn)一步提出概要設(shè)計(jì)說明書和完成后續(xù)設(shè)計(jì)與開發(fā)工作，為軟件開發(fā)范圍、業(yè)務(wù)處理規(guī)范提供依據(jù)，也是應(yīng)用軟件進(jìn)行合同終驗(yàn)的驗(yàn)收依據(jù)。本文檔經(jīng)確認(rèn)后將最終交給軟件開發(fā)人員進(jìn)行具體的設(shè)計(jì)與開發(fā)。本項(xiàng)目名稱為“平面設(shè)計(jì)公司網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)” 。 一個(gè)網(wǎng)絡(luò)購物系統(tǒng)，首先我們要保證客戶能夠很方便進(jìn)行商品選擇，系統(tǒng)應(yīng)該具有分類選擇商品功能，系統(tǒng)應(yīng)該實(shí)現(xiàn)“購物車”的功能，用戶可以把選中的商品放入“購物車”中，在選購?fù)戤吅笤僖黄鸾Y(jié)帳。在系統(tǒng)的后臺，管理員能夠管理商品，商品分類，以及客戶購買訂單。因此分析，本系統(tǒng)主要由前臺和后臺兩部分組成，前臺為客戶端，顧客可以在此處購買商品，后臺為商品管理端，實(shí)現(xiàn)對商品和訂單的管理。 “平面設(shè)計(jì)公司網(wǎng)站”主要提供用戶通過訪問網(wǎng)站能夠掌握設(shè)計(jì)公司的最新動(dòng)態(tài)，查看往期設(shè)計(jì)作品，了解相關(guān)設(shè)計(jì)作品的收費(fèi)情況，查詢公司有效的聯(lián)系方式，以及提交用戶的留言等功能。 系統(tǒng)功能主要包括兩大模塊：一為系統(tǒng)前臺模塊，二為后臺管理模塊。在這兩大模塊下又可以劃分出若干小模塊。本網(wǎng)站主要就實(shí)現(xiàn)了這兩個(gè)模塊的功能。前臺模塊主要用于實(shí)現(xiàn)用戶對于不同分類的設(shè)計(jì)作品進(jìn)行瀏覽和檢索。主要是能夠設(shè)計(jì)出友好的用戶界面，為用戶提供良好的用戶體驗(yàn)。（1）用戶的注冊（2）用戶資料的修改 16（3）用戶登陸（4）商品的購買（5）商品的搜索（6）商品的分頁查看（7）商品的分類搜索（8）購物車中商品的刪除與商品數(shù)量的修改（9）訂單提交以及收貨人信息的修改后臺模塊主要分為：產(chǎn)品分類管理，產(chǎn)品添加，以及一些系統(tǒng)環(huán)境變量的設(shè)置。主要提供一個(gè)或多個(gè)管理員用戶登陸對產(chǎn)品進(jìn)行添加、修改、刪除等操作，并且要具備一定的安全性能。（1）管理員登陸及管理員個(gè)人信息查詢（2）商品的管理，包括商品的增、刪、改、查；（3）訂單管理，包括訂單的發(fā)貨及刪除；（4）顧客的登陸及注冊信息系統(tǒng)功能的初步構(gòu)想：界面方面：系統(tǒng)作為設(shè)計(jì)公司的網(wǎng)站，要求能夠體現(xiàn)一定的設(shè)計(jì)理念，良好的設(shè)計(jì)元素，并且讓用戶能夠直截了當(dāng)?shù)恼业阶约核枰臇|西，符合大眾的審美需求。內(nèi)容方面：由于本系統(tǒng)是設(shè)計(jì)公司的網(wǎng)站，所以只要以展示平面設(shè)計(jì)作品為主配合一些設(shè)計(jì)作品介紹及一些人性化的設(shè)置達(dá)到更好的展示目的。安全性方面：，防止非法