上篇《基於WebForm+EasyUI的業務管理系統形成之旅 -- 總體介紹》,主要介紹系統總體的界面效果和用戶體驗UI設計.
在MVC、MVP大行其道的今天,寫WebForm該系列篇章,是否是過時?
之后系統重構,將朝着vNext方向
一、系統設置
我們知道,一般客戶瀏覽器千奇百怪,如何實現快捷下載到我們需要的瀏覽器?如下界面所示。
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>瀏覽器安裝</title> 5 </head> 6 <body> 7 <div id="ie6Update" style="display: block; width: 680px; height: 480px;"> 8 <img src="/Images/ie_update.jpg" width="680" height="480" border="0" usemap="#Map" 9 alt="" /> 10 <map name="Map" id="Map"> 11 <area shape="rect" coords="508, 213, 668, 268" href="jpgcompact.exe" target="_new" 12 alt="下載圖片壓縮工具" /> 13 <area shape="rect" coords="9, 324, 113, 472" href="Firefox.exe" target="_new" alt="下載火狐瀏覽器" /> 14 <area shape="rect" coords="174, 318, 325, 474" href="IE8WindowsXP.exe" target="_new" 15 alt="下載IE瀏覽器" /> 16 <area shape="rect" coords="386, 320, 518, 476" href="GoogleChrome.exe" target="_new" 17 alt="下載谷歌瀏覽器" /> 18 <area shape="rect" coords="560, 318, 674, 477" href="Safari.exe" target="_new" alt="下載Safari瀏覽器" /> 19 </map> 20 </div> 21 </body> 22 </html>
這個就是用整張圖片,再使用<area>控制鼠標點擊。下一篇繼續介紹其中Web登錄界面部分的處理和相關經驗,希望大家多多提出寶貴的意見。