實(shí)驗(yàn)報(bào)告模板(Web技術(shù)及應(yīng)用).doc

華北電力大學(xué)實(shí) 驗(yàn) 報(bào) 告要求：（1）實(shí)驗(yàn)報(bào)告按模板格式寫，嚴(yán)禁同組之間直接拷貝，在實(shí)驗(yàn)報(bào)告中寫清楚自己所做的內(nèi)容；（2）答辯時(shí)（下周三，6樓教室） 按組交實(shí)驗(yàn)報(bào)告，各組組長(zhǎng)負(fù)責(zé)收齊。| 實(shí)驗(yàn)名稱 基于Web的招聘網(wǎng)的設(shè)計(jì)與實(shí)現(xiàn) 課程名稱 Web技術(shù)及應(yīng)用 | 專業(yè)班級(jí)：計(jì)科1103 學(xué)生姓名：高新星 學(xué) 號(hào)：201109010303 成 績(jī)： 指導(dǎo)教師： 王藍(lán)婧 實(shí)驗(yàn)日期：2014-5 （實(shí)驗(yàn)報(bào)告如打印，紙張用A4，左裝訂；頁(yè)邊距：上下2.5cm,左2.9cm, 右2.1cm；字體：宋體小四號(hào)，1.25倍行距。）驗(yàn)證性、綜合性實(shí)驗(yàn)報(bào)告應(yīng)含的主要內(nèi)容：一、實(shí)驗(yàn)?zāi)康募耙蠖⑺脙x器、設(shè)備三、實(shí)驗(yàn)原理四、實(shí)驗(yàn)方法與步驟五、實(shí)驗(yàn)結(jié)果與數(shù)據(jù)處理 六、討論與結(jié)論（對(duì)實(shí)驗(yàn)現(xiàn)象、實(shí)驗(yàn)故障及處理方法、實(shí)驗(yàn)中存在的問題等進(jìn)行分析和討論，對(duì)實(shí)驗(yàn)的進(jìn)一步想法或改進(jìn)意見）七、所附實(shí)驗(yàn)輸出的結(jié)果或數(shù)據(jù)設(shè)計(jì)性實(shí)驗(yàn)報(bào)告應(yīng)含的主要內(nèi)容：一、設(shè)計(jì)要求二、選擇的方案三、所用儀器、設(shè)備四、實(shí)驗(yàn)方法與步驟五、實(shí)驗(yàn)結(jié)果與數(shù)據(jù)處理 六、結(jié)論（依據(jù)“設(shè)計(jì)要求”）七、所附實(shí)驗(yàn)輸出的結(jié)果或數(shù)據(jù)* 封面左側(cè)印痕處裝訂一、 實(shí)驗(yàn)?zāi)康暮鸵笠髮懬宄?shí)驗(yàn)內(nèi)容和開發(fā)環(huán)境；小組成員分工 1 掌握WEB編程技術(shù)，熟悉網(wǎng)站開發(fā)知識(shí)11 簡(jiǎn)單掌握頁(yè)面布局(1) 利用css調(diào)整頁(yè)面布局(a) 學(xué)會(huì)css布局基本語(yǔ)法(b) 實(shí)際利用其進(jìn)行布局(2) 驗(yàn)證問題（利用控件及JS進(jìn)行驗(yàn)證）12 數(shù)據(jù)庫(kù)連接表1-1 category表屬性值類型說(shuō)明允許空值idIntId值否主鍵，自增professionVarchar（20）類別名稱否 表2-1 people表屬性值類型說(shuō)明允許空值idintId否nameVarchar（20)姓名否addressVarchar（50)目標(biāo)城市否schoolVarchar（50)畢業(yè)學(xué)校否majorVarchar（50)所學(xué)專業(yè)否phnumberVarchar（11)聯(lián)系方式否salaryVarchar（20)年薪范圍caidint類別ID外鍵creaetimedatetime提交時(shí)間圖2-1 圖題2、 系統(tǒng)分析與設(shè)計(jì)系統(tǒng)的需求分析與設(shè)計(jì)，包括頁(yè)面和數(shù)據(jù)庫(kù)設(shè)計(jì) 程序1功能：人才招聘系統(tǒng)。包括前臺(tái)與后臺(tái)部分。前臺(tái)主要是人員的查看，篩選。后臺(tái)主要是對(duì)類別的增加、刪除、修改，以及對(duì)人員的增刪改，還有查詢與篩選功能。 程序2功能：一個(gè)簡(jiǎn)單的登陸以及注冊(cè)網(wǎng)站。登陸部分包括驗(yàn)證問題以及與數(shù)據(jù)庫(kù)的鏈接，判斷用戶是否已經(jīng)存在于數(shù)據(jù)庫(kù)；注冊(cè)部分包括必要的驗(yàn)證（判空、密碼相等、郵箱格式），與數(shù)據(jù)庫(kù)連接時(shí)查詢用戶名是否已經(jīng)被這側(cè)，若不存在，則添加到數(shù)據(jù)庫(kù)。進(jìn)入系統(tǒng)后，同樣是對(duì)數(shù)據(jù)的刪除以及修改、增加，統(tǒng)一由程序1詳細(xì)說(shuō)明。三、系統(tǒng)實(shí)現(xiàn)可先介紹整個(gè)系統(tǒng)實(shí)現(xiàn)過程中所采用的主要技術(shù)，再結(jié)合某個(gè)特定的頁(yè)面或關(guān)鍵技術(shù)（登錄和注冊(cè)頁(yè)面，以及此項(xiàng)目中自己所做的內(nèi)容）給出實(shí)現(xiàn)的代碼，并給出運(yùn)行的界面截圖一、人才招聘系統(tǒng)（1）進(jìn)入登錄界面protected void btnchange_Click(object sender, EventArgs e) changcode(); protected void changcode() string code = ; int codeLength = 6; /驗(yàn)證碼的長(zhǎng)度 Random r = new Random(); char selectChar = 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z ; / 所有候選組成驗(yàn)證碼的字符，當(dāng)然也可以用中文的 for (var i = 0; i codeLength; i+) var charIndex = r.Next(36); /Math.floor(Math.random() * 36); code += selectCharcharIndex; btncode.Text = code; /登錄按鈕 protected void btnLogin_Click(object sender, EventArgs e) string code = btncode.Text; string code2 = txtcode.Text.ToLower(); if (code = code2) string name = txtName.Text.Trim(); string pwd = txtPassword.Text.Trim(); bool b = LoginManager.Login(name, pwd); if (b) /登陸成功 Sessionadmin = name; Response.Redirect(categorymanager.aspx); else if (a = 2) a = 0; Response.Redirect(./Default.aspx); else /登陸失敗后 a = a + 1; Page.ClientScript.RegisterStartupScript(Page.GetType(), message, alert(用戶名或密碼輸入錯(cuò)誤);); else Page.ClientScript.RegisterStartupScript(Page.GetType(), message, alert(驗(yàn)證碼輸入錯(cuò)誤！);); （2）成功登錄類別管理說(shuō)明：數(shù)據(jù)庫(kù)連接不許多說(shuō)，類別管理這一塊我用到了AJAX異步更新，只要點(diǎn)擊類別名，就可以對(duì)名稱進(jìn)行修改，失去焦點(diǎn)后完成對(duì)數(shù)據(jù)的提交。同時(shí)，有對(duì)同名類別的處理，即重新讓用戶輸入。$(function () $(.caname).click(function () var obid = $(this); var oldText = $.trim($(this).text(); /獲取原來(lái)地方的文本，并去掉前后空格 var input = $(); $(this).html(input); /給文本框賦值 /使文本框的點(diǎn)擊事件失效 input.click(function () return false; ); /文本框的樣式 input.css(border-width, 0); input.css(text-align, center); input.height(obid.height(); /文本框高度適應(yīng)td高度 input.width(obid.width(); input.trigger(focus).trigger(select); /點(diǎn)擊時(shí)全選 /文本框失去焦點(diǎn)時(shí)的動(dòng)作 input.blur(function () var newText = $.trim($(this).val(); /這兒快膩歪死我了，還得去掉空格！哎！ var input_blur = $(this); / 當(dāng)老的類別名稱與修改后的名稱不同的時(shí)候才進(jìn)行數(shù)據(jù)的提交操作 if (oldText != newText) / 獲取該類別名所對(duì)應(yīng)的ID(序號(hào)) var caid = $.trim(obid.prev().text(); / AJAX異步更改數(shù)據(jù)庫(kù) var url = ./handler/ChangeCaName.ashx?caname= + encodeURI(encodeURI(newText) + &caid= + caid + &t= + new Date().getTime(); $.get(url, function (data) if (data = false) $(#test).text(類別修改失敗,請(qǐng)檢查是否類別名稱重復(fù)!); input_blur.trigger(focus).trigger(select); / 文本框全選 else $(#test).text(); obid.html(newText); ); else $(#test).text(); / 前后文本一致,把文本框變成標(biāo)簽 obid.html(newText); ); /文本框按下某鍵時(shí)顯示鍵值 input.keydown(function (event) var jianzhi = event.keyCode; switch (jianzhi) case 13: var newText = $.trim($(this).val(); /這兒快膩歪死我了，還得去掉空格！哎！ var input_keydown = $(this); / 當(dāng)老的類別名稱與修改后的名稱不同的時(shí)候才進(jìn)行數(shù)據(jù)的提交操作 if (oldText != newText) / 獲取該類別名所對(duì)應(yīng)的ID(序號(hào)) var caid = $.trim(obid.prev().text(); / AJAX異步更改數(shù)據(jù)庫(kù) var url = ./handler/ChangeCaName.ashx?caname= + encodeURI(encodeURI(newText) + &caid= + caid + &t= + new Date().getTime(); $.get(url, function (data) if (data = false) $(#test).text(類別修改失敗,請(qǐng)檢查是否類別名稱重復(fù)!); input_keydown.trigger(focus).trigger(select); / 文本框全選 else obid.html(newText); $(#test).text(); ); else $(#test).text(); / 前后文本一致,把文本框變成標(biāo)簽 obid.html(newText); break; case 27: $(#test).text(); obid.html(oldText); break; ); );); /屏蔽頁(yè)面中其他部分Enter鍵的下 $(document).keydown(function (event) switch (event.keyCode) case 13: return false; );（3） 人員管理頁(yè) 點(diǎn)擊姓名，進(jìn)入詳細(xì)信息頁(yè)（4）添加新人 以上是后臺(tái)部分，下面，給出前臺(tái)功能及說(shuō)明（5） 首頁(yè)，點(diǎn)擊相應(yīng)人員姓名，進(jìn)入詳細(xì)信息。 搜索，如按學(xué)校“華電” 結(jié)果如下：protected void Page_Load(object sender, EventArgs e) string key=Server.UrlDecode( Request.QueryStringkey); string action=Request.QueryStringaction; if (byschool = action) /按學(xué)校搜索 gvpeopleres.DataSource = new PeopleManager().SelectBySchool(key); gvpeopleres.DataBind(); else /按目標(biāo)地搜索 gvpeopleres.DataSource = new PeopleManager().SelectByAddress(key); gvpeopleres.DataBind(); 四、總結(jié)結(jié)合課程學(xué)習(xí)和實(shí)驗(yàn)，學(xué)習(xí)Web開發(fā)技術(shù)的總結(jié)或心得；對(duì)老師的上課方式、教學(xué)方法和內(nèi)容有何意見；對(duì)自己本門課程學(xué)習(xí)進(jìn)行打分（5、4、3），此外，小組組長(zhǎng)對(duì)本組組員的表現(xiàn)進(jìn)行評(píng)價(jià)和打分 編本網(wǎng)站的過程中，頁(yè)面布局簡(jiǎn)單可一些，主要精力放在了AJAX異步更新，以及與數(shù)據(jù)庫(kù)交互這方面，學(xué)會(huì)了使用用戶控件，比如每個(gè)頁(yè)面都有的專業(yè)列表，就是使用用戶控件來(lái)完成的，還有g(shù)ridviewd的一些用法，諸如分頁(yè)，綁定等等；數(shù)據(jù)庫(kù)方面使用存儲(chǔ)過程來(lái)進(jìn)行數(shù)據(jù)的操作，提高了運(yùn)行速度。關(guān)于安全方面，后臺(tái)并不是輸入U(xiǎn)RL就可以進(jìn)入，而是