黃金白銀開戶系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)-用戶界面

頁)黃金白銀開戶系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)——用戶界面 摘要：從全球宏觀經(jīng)濟(jì)來看，未來十年，世界經(jīng)濟(jì)增長將放緩，暴露出許多結(jié)構(gòu)性的問題，就現(xiàn)在經(jīng)濟(jì)形式來看，購買黃金白銀似乎是一個(gè)好時(shí)機(jī)，中國一直是全球黃金兩大市場最大之一，產(chǎn)生了很多熱衷持有黃金的投資者。隨著投資者理財(cái)觀念日趨理性，穩(wěn)健性產(chǎn)品市場日趨增加，也加快了銀行理財(cái)產(chǎn)品爭搶產(chǎn)品市場的步伐，為在這個(gè)市場占有一席之地的國內(nèi)中小型商業(yè)銀行，繼續(xù)一套功能完備的銀行理財(cái)系統(tǒng)，以達(dá)到快速推出新產(chǎn)品的目的。關(guān)鍵詞：在線炒金；銀行；PHP；黃金白銀；Abstract：Fromglobalmacroeconomicpointofview,thenextdecade,worldeconomicgrowthwillslow,exposedmanystructuralproblems.Forexistingeconomicforms,thepurchaseofgoldandsilverseemstobeagoodtime,Chinahasbeenoneofthetwolargestglobalgoldmarket,resultinginalotofinvestorsarekeentoholdgold.Asinvestorsbecomemorerationalfinancialmanagementconcepts,steadygrowthinmarketdemandforproducts,financialproductsalsoacceleratedthepaceofcompetitionformarket.Forinthismarket,occupyingtheirplaceinthedomesticsmallandmediumcommercialbanks,inurgentneedofafullyfunctionalbankingfinancialsystem,inordertoachievethepurposeoftherapidintroductionofnewfinancialproductsKeywords：investingoldstocksonline；bank；PHP；goldandsilver；1.1引言眾所周知，隨著金融的崛起全球都風(fēng)靡起來的電子商務(wù)已經(jīng)以不可阻擋的噱頭在急速發(fā)展，很多電子商務(wù)已經(jīng)逐漸代替了傳統(tǒng)商務(wù)，人們也漸漸趨向電子商務(wù)，同時(shí)傳統(tǒng)行業(yè)也面臨著隨著這種經(jīng)濟(jì)市場的發(fā)現(xiàn)，居民投資的方式也在發(fā)生著改變，淘寶，京東，各站一分天地，因此每個(gè)人都想著足不出戶就可以完成買賣，完成投資，完成賺錢，從而就出現(xiàn)了黃金白銀的開戶系統(tǒng)便出現(xiàn)了，解決了那些即想著投資又不想出門的客戶提供了最大程度上的便利。在這樣的一個(gè)系統(tǒng)中，登陸功能無非是不可避免的功能之一。1.2開發(fā)背景如今電子商務(wù)已經(jīng)走入了各家各戶，而黃金白銀具有商品和貨幣的雙重屬性，能達(dá)到買和賣兩個(gè)功能，在足不出戶的情況下進(jìn)行買賣，被越來越多的投資者和商人所認(rèn)識(shí)和接受。2系統(tǒng)開發(fā)關(guān)鍵技術(shù)2.1Mysql數(shù)據(jù)庫介紹MySQL是一種開源代碼型數(shù)據(jù)管理系統(tǒng)，MySQL數(shù)據(jù)庫使用最常用的數(shù)據(jù)庫管理語言—結(jié)構(gòu)化查詢語句進(jìn)行數(shù)據(jù)庫管理.由于MySQL的開源性，因此任何人都可以在GeneralPublicLicense的許可下下載并根據(jù)個(gè)性化的需要對其進(jìn)行修改。MySQL因?yàn)槠渌俣?、可靠性和適應(yīng)性而備受關(guān)注。大多數(shù)人都認(rèn)為在不需要事務(wù)化處理的情況下，MySQL是管理內(nèi)容最好的選擇。MySQL這個(gè)名字，起源不是很明確。一個(gè)比較有影響的說法是，基本指南和大量的庫和工具帶有前綴“my”已經(jīng)有10年以上，而且不管怎樣，MySQL創(chuàng)始人之一的MontyWidenius的女兒也叫My。這兩個(gè)到底是哪一個(gè)給出了MySQL這個(gè)名字至今依然是個(gè)迷，包括開發(fā)者在內(nèi)也不知道MySQL，雖然功能未必很強(qiáng)大，但因?yàn)樗拈_源、廣泛傳播，導(dǎo)致很多人都了解到這個(gè)數(shù)據(jù)庫。它的歷史也富有傳奇性。2.2PHP語言介紹PHP是獨(dú)特的語法混合了C、JAVA、PERL以及PHP自創(chuàng)的語法。一個(gè)嵌套的縮寫名稱，是英文超級(jí)文本預(yù)處理語言的縮寫。PHP是一種HTML內(nèi)嵌式的語言，PHP與微軟的ASP頗有幾分相似，都是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語言，語言的風(fēng)格有類似于C語言，現(xiàn)在被很多的網(wǎng)站編程人員廣泛的運(yùn)用。它可以比CGI或者PERL更快速的執(zhí)行動(dòng)態(tài)網(wǎng)頁。用PHP做出的動(dòng)態(tài)頁面與其他的編程語言相比,PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；與同樣是嵌入HTML文檔的腳本語言JAVASCRIPT相比,PHP在服務(wù)器端執(zhí)行，成分利用了服務(wù)器的性能；PHP執(zhí)行引擎還會(huì)將用戶經(jīng)常訪問的PHP程序駐留在內(nèi)存中，其他用戶在一次訪問這個(gè)程序時(shí)就不需要重新編譯程序了，只要直接執(zhí)行內(nèi)存中的代碼就可以了，這也是PHP高效率的體現(xiàn)之一。PHP具有非常強(qiáng)大的功能，所有的CGI或者JAVASCRIPT的功能PHP都能實(shí)現(xiàn)，而且支持幾乎所有流行的數(shù)據(jù)庫以及操作系統(tǒng)。PHP腳本語言的語法結(jié)構(gòu)與C語言和PERL語言非常相似。用戶在使用變量前不需要對變量進(jìn)行聲明。使用PHP創(chuàng)建數(shù)組的過程也非常簡單。PHP還具有基本的面向?qū)ο蠼M件功能，可以極大的方便用戶有效組織和封裝自己編寫的代碼。PHP完全免費(fèi)，用戶可以不受限制地獲得源碼，并且可以加入自行開發(fā)的功能。中加進(jìn)你自己需要的特色?？傊褂肞HP的最大好處是語言非常容易，系統(tǒng)功能庫非常豐富。用戶只需要很少的知識(shí)就能使用PHP建立一個(gè)真正交互的WEB站點(diǎn)。PHP正迅速變成一種標(biāo)準(zhǔn)的、多用途的、面向?qū)ο蟮哪_本語言，成為新一代先進(jìn)流行的WEB系統(tǒng)開發(fā)技術(shù)。2.3DIV+CSS語言介紹Div+css是網(wǎng)站標(biāo)準(zhǔn)中常用術(shù)語之一，Div+css是一種網(wǎng)頁的布局方法，這一種網(wǎng)頁布局方法有別于傳統(tǒng)的HTML網(wǎng)頁設(shè)計(jì)語言中的表格定位方式，真正地達(dá)到了ｗ３ｃ內(nèi)容與表現(xiàn)相分離。HTML語言自HTML4.01以來，不再發(fā)布新版本，原因就在于HTML語言正變得越來越復(fù)雜化、專用化。XHTML語言是一種可以將HTML語言標(biāo)準(zhǔn)化，用XHTML語言重寫后的HTML頁面可以應(yīng)用許多XHTML應(yīng)用技術(shù)。使得網(wǎng)頁更加容易擴(kuò)展，適合自動(dòng)數(shù)據(jù)交換，并且更加規(guī)整。在XHTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用Div+css的方式實(shí)現(xiàn)各種定位。Div+css有很多的優(yōu)點(diǎn)，其中最為突出的便是瀏覽器的兼容性，以及對了搜索引擎更加友好，樣式調(diào)整也更加方便。3需求分析和說明3.1界面設(shè)計(jì)項(xiàng)目為黃金白銀開戶網(wǎng)站，主要以紅色和白色，黃色為主，紅色給人以溫暖的感覺，白色簡單干凈，黃色大氣符合購買黃金白銀的主旨，布局主要使用Div+css實(shí)現(xiàn)網(wǎng)站的構(gòu)造，首頁banner部分為輪播圖設(shè)計(jì)，其中黃金白銀走勢圖采用插件，網(wǎng)站所有圖片都利用photoshop來對圖片進(jìn)行處理和美化。3.2網(wǎng)站結(jié)構(gòu)說明(1)首頁體現(xiàn)的是一個(gè)網(wǎng)站的門面，也顯示了企業(yè)的一些相關(guān)的消息，是網(wǎng)站設(shè)計(jì)中比較重要的一部分，它以網(wǎng)站綜合平臺(tái)的形式展示整個(gè)企業(yè)網(wǎng)站各部分的主體內(nèi)容，是整個(gè)網(wǎng)站的導(dǎo)航，能夠讓瀏覽者在第一時(shí)間內(nèi)領(lǐng)略到企業(yè)特色所在。主要包括的內(nèi)容有：logo，子頁導(dǎo)航欄，首頁banner，黃金白銀走勢圖，網(wǎng)站基本內(nèi)容，聯(lián)系方式，版權(quán)信息等(2)開戶流程買賣流程：主要是介紹公司的功能流程部分，會(huì)員登錄之后會(huì)發(fā)生變化，為查詢和我要交易(3)新聞中心活動(dòng)中心：主要介紹出企業(yè)最新最近的各項(xiàng)動(dòng)態(tài)和走向，通知以及一些定時(shí)更新的行業(yè)新聞，通過這一模塊可以讓客戶更好的了解公司的日常運(yùn)作和具體實(shí)施項(xiàng)目的細(xì)節(jié)，以及公司的整體走向和發(fā)展程度。也更好是讓公司內(nèi)部信息的流通和擴(kuò)散(4)成員介紹：主要是對我們公司有巨大貢獻(xiàn)的人，介紹給客戶，讓客戶了解到我們有優(yōu)秀的員工在為我們服務(wù)。(5)聯(lián)系我們：瀏覽者通過聯(lián)系方式對我們提出意見和建議，我們可以即時(shí)收到客戶對我們的意見，然后進(jìn)行改正和解決。同時(shí)也是公司業(yè)務(wù)對外聯(lián)系的窗口，是意向客戶主動(dòng)聯(lián)系公司的重要途徑。4詳細(xì)設(shè)計(jì)4.1前臺(tái)界面設(shè)計(jì)4.1.1首頁設(shè)計(jì)公司網(wǎng)站首頁主要包括主要包括的內(nèi)容有：logo，子頁導(dǎo)航欄，首頁banner黃金白銀走勢圖（圖4-2），網(wǎng)站基本內(nèi)容，聯(lián)系方式，版權(quán)信息等。首頁結(jié)構(gòu)banner顯示如圖4-1所示。圖4-1banner顯示部分圖4-2黃金白銀動(dòng)態(tài)走勢黃金白銀趨勢圖使用的是jquery插件，關(guān)鍵代碼代碼如下：<script>varchart=AmCharts.makeChart("hjzs",{"type":"serial","theme":"dark","dataDateFormat":"YYYY-MM-DD","pathToImages":"../amcharts/images/","dataProvider":<?php$array=array();foreach($datas[4]as$row){if($row["info_date"]){$temp=array("date"=>$row[info_date],"value"=>$row[info_gold]); array_push($array,$temp);}}echojson_encode($array);?>, "valueAxes":[{"maximum":300,"minimum":150,"axisAlpha":0,"guides":[{"fillAlpha":0.1,"fillColor":"#CC0000","lineAlpha":0,"toValue":200,"value":0},{"fillAlpha":0.1,"fillColor":"#0000cc","lineAlpha":0,"toValue":300,"value":200}]}],"graphs":[{"bullet":"round","dashLength":4,"valueField":"value"}],"chartCursor":{"cursorAlpha":0},"categoryField":"date","categoryAxis":{"parseDates":true}}); varchart2=AmCharts.makeChart("byzs",{"type":"serial","theme":"dark","dataDateFormat":"YYYY-MM-DD","pathToImages":"../amcharts/images/","dataProvider":<?php$array=array();foreach($datas[4]as$row){ if($row["info_date"]){$temp=array("date"=>$row[info_date],"value"=>$row[info_silver]);array_push($array,$temp); }}echojson_encode($array);?>, "valueAxes":[{"maximum":15,"minimum":0,"axisAlpha":0,"guides":[{"fillAlpha":0.1,"fillColor":"#CC0000","lineAlpha":0,"toValue":3,"value":0},{"fillAlpha":0.1,"fillColor":"#0000cc","lineAlpha":0,"toValue":15,"value":3}]}],"graphs":[{"bullet":"round","dashLength":4,"valueField":"value"}],"chartCursor":{"cursorAlpha":0},"categoryField":"date","categoryAxis":{"parseDates":true}});</script>4.1.2開戶流程，買賣流程開戶流程，買賣流程主要給用戶瀏覽界面，讓其簡單明了的了解網(wǎng)站的黃金白銀買入，賣出流程的步驟。圖4-3買賣流程頁面圖4-4開戶流程頁面4.1.3會(huì)員注冊及登陸界面用戶注冊登錄界面方便了用戶可以快速注冊以及登錄。登錄界面圖如4-5所示。圖4-5用戶登錄界面其中登陸界面核心代碼有：<divclass="extop_t_all"><divclass="fl"> <divclass="f333"><ahref="./index.php?ctl=index&act=page&t=register"target="_blankclass="f222">開通標(biāo)準(zhǔn)賬戶</a><ahref="./index.php?ctl=index&act=page&t=index"target="_blankclass="f222">返回首頁</a></div></div></div><divclass="excontent"> <divclass="extop_index"> <divclass="extop_index_a"><ahref="index.php"><imgsrc="./static/logo.jpg"width="207"height="54"></a></div> <divclass="extop_index_b"><imgsrc="./wpimages/tel.jpg"width="167"height="41"></div></div></div><divclass="exlogina"><divclass="exlogin"><divclass="exloginall"> <formmethod="post"action="?ctl=user&act=checkLogin"id="validator-form"><tablewidth="339"border="0"cellpadding="3"cellspacing="3"><tbody><tr><tdstyle="font-size:14px;color:#454545;font-weight:bold">賬號(hào)</td><td><inputname="user_name"type="text"class="input"id="truename"style="width:210px;height:28px"></td></tr><tr><tdstyle="font-size:14px;color:#454545;font-weight:bold">密碼</td><td><inputname="user_pwd"type="password"class="input"id="password"style="width:120px;height:28px"><ahref="index.php?ctl=user&act=pass"style="color:#ababab;text-decoration:none">忘記密碼？</a></td></tr></tbody></table><divclass="exlogin_1"style="padding:15px000"><inputtype="image"name="imageField"id="imageField"src="./static/loginbn.jpg"/></div> </form><divstyle="font-size:14px;color:red;font-weight:bold;margin:50px0030px;"><?php$q=$_REQUEST["i"];if($q=="0"){echo"*用戶名或密碼錯(cuò)誤，請重新輸入";}?></div></div></div></div>4.1.4新聞中心和活動(dòng)中心新聞中心，活動(dòng)中心是一個(gè)網(wǎng)站必不可少的一部分，是瀏覽者瀏覽網(wǎng)站獲取網(wǎng)站信息的工具，新聞中心（圖4-6）主要用于網(wǎng)站新聞的發(fā)布，及時(shí)的更新?；顒?dòng)中心（圖4-7）主要用于與客戶之間的一個(gè)深入的交流，讓客戶時(shí)時(shí)了解公司的動(dòng)態(tài)。圖4-6新聞中心頁面圖4-7活動(dòng)中心頁面4.2后臺(tái)界面實(shí)現(xiàn)4.2.1管理員管理界面管理員為超級(jí)用戶，只有它才有權(quán)限登錄管后臺(tái)管理后臺(tái)，審核客戶的資料，修改密碼等功能，后臺(tái)首界面與前臺(tái)界面相結(jié)合，簡單大氣，都是采用了紅色為主色調(diào)，溫暖親切。（圖4-8）圖4-8管理員導(dǎo)航欄界面核心代碼為：<style>.bellowsa{text-decoration:none;line-height:42px;}.nav-admin{background-color:#FEE6B8;height:42px;width:100%;}</style><divid="header1"> <divid="menu"> <ul><li><ahref="index.php?ctl=user&act=index_admin">用戶管理</a></li><li><ahref="index.php?ctl=query&act=info_admin">修改黃金白銀走勢</a></li><li><ahref="index.php?ctl=query&act=trade_admin">查詢已交易的信息</a></li><li><ahref="index.php?ctl=query&act=designated_trade_admin">查詢指定日期記錄</a></li></ul> </div> </div>4.2.2后臺(tái)表格設(shè)計(jì)其中管理員后臺(tái)添加修改黃金白銀，查看用戶買入賣出情況，審核用戶基本信息都是以表格的形式顯示出來，清晰明了，便于管理員操作審核（圖4-9）。圖4-9管理員審核界面核心代碼為：<?phpsession_start();include(APP_ROOT."view/index/admin.html");?><style>.main{margin:20pxauto;border:2pxsolid#eee;padding:20px;line-height:30px;}</style><body> <style> .d_tabletable{align:center;} .d_tabletr{margin-top:20px;text-align:center;} .d_tabletd{font-size:14px;} </style><divclass="main"style="width:900px;"><tableborder='1'cellpadding='8'cellspacing='0'width='880'bordercolor='#A6A6A6'class="d_table"><tr><th>查詢時(shí)間</th><th>黃金走勢</th><th>白銀走勢</th></tr><?phpforeach($datas[0]as$row){if($datas[2]==$row["info_date"])$i=1;//var_dump($datas[2]);if($row["info_date"]){echo"<tr><td>$row[info_date]</td><td>$row[info_gold]</td><td>$row[info_silver]</td></tr>";}}?></table><hrstyle="margin-top:20px;"/><formaction="index.php?ctl=query&act=info_admin&user_id=1000"method="post"target="_self">查詢指定時(shí)間走勢：<inputtype="date"name="search_date"value=""/><inputtype="submit"value="提交"style="width:70px;height:30px;margin-left:30px;border-radius:2px;"/></form><divid="specify_date"><?php$row=$datas[1][0];$refresh=$datas[1][1];if($row){echo"<tableborder='1'cellpadding='8'cellspacing='0'width='880'bordercolor='#A6A6A6'class='d_table'><tr><th>查詢時(shí)間</th><th>黃金走勢</th><th>白銀走勢</th></tr><tr><td>$row[info_date]</td><td>$row[info_gold]</td><td>$row[info_silver]</td></tr></table>";}elseif($refresh!=0){echo"沒有所查日期走勢！";}?></div><hr/>今日走勢：<div><aclass="d_button"href="index.php?ctl=query&act=info_today_insert_admin"style='font-size:16px;font-family:;color:#EE2C2C;text-decoration:none;margin-left:10px;'>添加</a>    <?phpif($i)echo"<aclass='d_button'href='index.php?ctl=q