【文章內(nèi)容簡介】 個button 按鈕一個用于確認(rèn)提交，一個用于清空信息重新輸入。其中手機(jī)、 Email，郵編，送貨地址相應(yīng)信息的填寫設(shè)置了驗證。 界面如下圖 48 所示 圖 48 訂單 頁面 用戶注冊頁面 （ 1）用戶注冊。添 加 6 個 textbox 用于輸入相關(guān)信息，一個按鈕用于確認(rèn)創(chuàng)建用戶。 界面如下圖 49 所示 圖 49 用戶注冊頁面 6 5 系統(tǒng)前臺頁面兼容性解決 (1)何謂兼容性 所謂的瀏覽器兼容性問題，是指因為不同的瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，我們的需求是，無論用戶用什么瀏覽器來查看我們的網(wǎng)站或者登陸我們的系統(tǒng)，都應(yīng)該是統(tǒng)一的顯示效果。所以瀏覽器的兼容性問題是前端開發(fā)人員經(jīng)常會碰到和必須要解決的問題。因此這里主要從瀏覽器解析差異的角度來分析兼容性問題。 (2)常見問題及解決 方案 1)瀏覽器兼容問題一 ：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同。 問題癥狀：隨便寫幾個標(biāo)簽，不加樣式控制的情況下，各自的 margin 和 padding差異較大。 解決方案： CSS 里 使用通配符 * 。 備注：這個是最常見的也是最易解決的一個瀏覽器兼容性問題，幾乎所有的 CSS文件開頭都會用通配符 *來設(shè)置各個標(biāo)簽的內(nèi)外補(bǔ)丁是 0。 2) 瀏覽器兼容問題二：塊屬性標(biāo)簽 float 后，又有橫行的 margin 情況下，在IE6 顯示 margin 比設(shè)置的大。 問題癥狀 ： 常見癥狀是 IE6 中后面的一塊被頂?shù)较乱恍?。 解決方案：在 float 的標(biāo)簽樣式控制中加入 display:inline， 將其轉(zhuǎn)化為行內(nèi)屬性 。 備注：我們最常用的就是 div+CSS 布局了，而 div 就是一個典型的塊屬性標(biāo)簽，橫向布局的時候我們通常都是用 div float 實現(xiàn)的，橫向的間距設(shè)置如果用 margin實現(xiàn)，這就是一個必然會碰到的兼容性問題。 3) 瀏覽器兼容問題 三 ：圖片默認(rèn)有間距 問題癥狀：幾個 img 標(biāo)簽放在一起的時候，有些瀏覽器會有默認(rèn)的間距，加了問題一中提到的通配符也不起作用。 解決方案：使用 float 屬性為 img 布局 。 備注：因為 img 標(biāo)簽 是行內(nèi)屬性標(biāo)簽，所以只要不超出容器寬度， img 標(biāo)簽都會排在一行里，但是部分瀏覽器的 img 標(biāo)簽之間會有個間距。去掉這個間距使用 float是正道。 7 結(jié)論與謝辭 基于 web 的網(wǎng)上點餐系統(tǒng)采用了 VS 2020 和 SQL server 2020 等應(yīng)用軟件來開發(fā)。實現(xiàn)了 用戶注冊、 登錄、 用戶發(fā)布信息、查詢?yōu)g覽、 訂單、留言 、 菜品管理、用戶管理等功能。 這次畢業(yè)設(shè)計的完成我明白了團(tuán)隊合作的重要性，一份需要團(tuán)隊完成的工作，一個要想考慮的非常全面是比較困難的。但是如果有這樣一個積極向上，合作融洽的團(tuán)隊我相信一切問題都可以迎刃而解。 大學(xué)三年轉(zhuǎn)眼即逝，真正的要離開學(xué)校走向社會。實習(xí)回來的幾天里我深深的感覺到了壓力。我就要離開這個生活了三年的地方了，離開那些整日一起學(xué)習(xí)一起打鬧的同學(xué)們了，離開為我們的學(xué)業(yè)忙忙碌碌的老師們了，心里充滿了不舍之情。 難忘校園，難忘友情，難忘師恩非常感謝老師和同學(xué)為我提出的有益建議和意見，有了他們的支持、鼓勵和幫助，我才能充實的度過大學(xué)三年。在大學(xué)的這段時間收獲還是挺多的，嘗試了以前不敢做的，讓我不再覺得遺憾。 經(jīng)過一個多月的努力，我的畢業(yè)設(shè)計 —— 基于 web 的網(wǎng)上點餐系統(tǒng)終于順利完成了。在此我要特別感謝的是我 的指導(dǎo)老師王靜，在她的細(xì)心指導(dǎo)下使我搞懂我如何運(yùn)用自己所學(xué)的知識，學(xué)以致用，在鞏固了老師教給我的知識以外，還學(xué)會了如何自主學(xué)習(xí)從而不斷的提高自己，持續(xù)發(fā)展。王老師不管多忙，都會熱心的幫助我解決問題，在此表示我崇高的謝意和敬意。此外我還要感謝那些幫助過我的同學(xué)，如果沒有他們，我的設(shè)計不可能這么快就順利完成的。謝謝 8 參考文獻(xiàn) [1] 石志國 . ASP 動態(tài)網(wǎng)站編程 [M]. 清華大學(xué)出版社 , 2020. [2] 屈喜龍 . ASP +Dreamweaver 開發(fā)動態(tài)網(wǎng)站實例薈 . 機(jī)械工業(yè)出版社 , 2020. [3] 劉積仁 . 軟件開發(fā)項目管理 [M]. 人民郵電出版社 , 2020. [4] 趙永霞 . 數(shù)據(jù)庫系統(tǒng)原理與應(yīng)用 . 武漢大學(xué)出版社 , 2020. [5] 鄧佑權(quán) . 零基礎(chǔ)學(xué) DREAMWEAVER CS3+ , 2020. [6] 薛小龍 . ASP 經(jīng)典模塊開發(fā)大全 .電子工業(yè)出版社 , 2020. [7] 羅兵，劉藝，孟武生． C程序設(shè)計大學(xué)教程 [M]．北京：機(jī)械工業(yè)出版社， 2020. [8] 張國良． 項目實戰(zhàn)教程 [M]．山東教育出版社， 2020. [9] 游祖元． C案例教程 [M]． 電子工業(yè)大學(xué)出版社， 2020. [10] 施燕妹 .陳培，陳發(fā)吉． C語言程序設(shè)計教程 [M]．北京：中國水利水電出版社，2020. 9 附件 1：程序清單 (1) 網(wǎng)頁母版代碼 html xmlns= xml:lang=en head runat=server title/title /head body form id=form1 runat=server div class=header style=zindex: 101。 left: 0px。 top: 0px h1 style=left: 37px。 top: 17px span style=color: 0000ff歡迎光臨 span style=fontsize: 20pt。 color: ff0033。 fontfamily: 華文彩云 。 textdecoration: underline金職網(wǎng)上在線/span/span/h1 h2 style=left: 38px。 width: 194px。 fontfamily: 39。Arial Black39。 top: 59px span style=color: ffff66。 backgroundcolor: ccccff/span/h2 asp:Menu ID=menua runat=server DataSourceID=SiteMapDataSource1 CssClass=menua Orientation=Horizontal MaximumDynamicDisplayLevels=0 SkipLinkText= StaticDisplayLevels=2 BackColor=CCFFFF FontBold=True FontSize=14pt Style=right: 16px。 width: 421px。 height: 17px。 / div class=nav asp:SiteMapPath ID=SiteMapPath1 runat=Server PathSeparator= RenderCurrentNodeAsLink=true / asp:LoginStatus ID=LoginStatus1 runat=server / /div 10 /div div align=center !以下代碼用來顯示 flash div style=zindex: 102。 left: 24px。 width: 960px。 position: absolute。 top: 83px。 height: 100px /div object classid=clsid:D27CDB6EAE6D11cf96B8444553540000 codebase=version=6,0,29,0 style=width: 760px。 height: 120px。 position: static。 param name=movie value=Images/ param name=quality value=high param name=SCALE value=exactfit embed embed height=280 pluginspage= quality=high scale=exactfit src=Images/ type=application/xshockwaveflash width=150/embed /object br / !asp:ContentPlaceHolder ID=Main runat=server /asp:ContentPlaceHolder div class=footerbg div class=footer br / asp:Menu ID=menub runat=server 11 DataSourceID=SiteMapDataSource1 CssClass=menub Orientation=Horizontal