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

1、華北電力大學(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)告，各組組長負(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)：2 成 績： 指導(dǎo)教師： 王藍(lán)婧 實(shí)驗(yàn)日期：2014-5 （實(shí)驗(yàn)報(bào)告如打印，紙張用A4，左裝訂；頁邊距：上下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)方法與步

2、驟五、實(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è)印痕處裝訂17 / 17文檔可自由編輯打印一、 實(shí)驗(yàn)?zāi)康暮鸵笠髮懬宄?shí)驗(yàn)內(nèi)容和開發(fā)環(huán)境；小組成員分工 1 掌握WEB編程技術(shù)，熟悉網(wǎng)站開發(fā)知識(shí)11 簡單掌握頁面布局(1) 利用css調(diào)整頁面布局(a) 學(xué)會(huì)css布局基本語法(b) 實(shí)際利用其進(jìn)行

3、布局(2) 驗(yàn)證問題（利用控件及JS進(jìn)行驗(yàn)證）12 數(shù)據(jù)庫連接表1-1 category表屬性值類型說明允許空值idIntId值否主鍵，自增professionVarchar（20）類別名稱否 表2-1 people表屬性值類型說明允許空值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、

4、 系統(tǒng)分析與設(shè)計(jì)系統(tǒng)的需求分析與設(shè)計(jì)，包括頁面和數(shù)據(jù)庫設(shè)計(jì) 程序1功能：人才招聘系統(tǒng)。包括前臺(tái)與后臺(tái)部分。前臺(tái)主要是人員的查看，篩選。后臺(tái)主要是對(duì)類別的增加、刪除、修改，以及對(duì)人員的增刪改，還有查詢與篩選功能。 程序2功能：一個(gè)簡單的登陸以及注冊(cè)網(wǎng)站。登陸部分包括驗(yàn)證問題以及與數(shù)據(jù)庫的鏈接，判斷用戶是否已經(jīng)存在于數(shù)據(jù)庫；注冊(cè)部分包括必要的驗(yàn)證（判空、密碼相等、郵箱格式），與數(shù)據(jù)庫連接時(shí)查詢用戶名是否已經(jīng)被這側(cè)，若不存在，則添加到數(shù)據(jù)庫。進(jìn)入系統(tǒng)后，同樣是對(duì)數(shù)據(jù)的刪除以及修改、增加，統(tǒng)一由程序1詳細(xì)說明。三、系統(tǒng)實(shí)現(xiàn)可先介紹整個(gè)系統(tǒng)實(shí)現(xiàn)過程中所采用的主要技術(shù)，再結(jié)合某個(gè)特定的頁面或關(guān)鍵技術(shù)（登錄

5、和注冊(cè)頁面，以及此項(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)證碼的長度 Random r = new Random(); char selectChar = '0', '1', '2', '3

6、9;, '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q'

7、;, '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; /登錄按

8、鈕 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) /登陸成功 Session"admin" = na

9、me; Response.Redirect("categorymanager.aspx"); else if (a = 2) a = 0; Response.Redirect("./Default.aspx"); else /登陸失敗后 a = a + 1; Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript' defer>alert('用戶名或密碼

10、輸入錯(cuò)誤');</script>"); else Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript' defer>alert('驗(yàn)證碼輸入錯(cuò)誤！');</script>"); （2）成功登錄類別管理說明：數(shù)據(jù)庫連接不許多說，類別管理這一塊我用到了AJAX異步更新，只要點(diǎn)擊類別名，就可以對(duì)名稱進(jìn)行修改，失去焦點(diǎn)后完成對(duì)數(shù)據(jù)的提交。

11、同時(shí)，有對(duì)同名類別的處理，即重新讓用戶輸入。$(function () $(".caname").click(function () var obid = $(this); var oldText = $.trim($(this).text(); /獲取原來地方的文本，并去掉前后空格 var input = $("<input type='text' value='" + oldText + " ' />"); $(this).html(input); /給文本框賦值 /使文本框的點(diǎn)擊事件失

12、效 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í)全選 /文本框失去

13、焦點(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ù)庫 var url = "./handler/ChangeCaName.ashx?caname=" + e

14、ncodeURI(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"); / 文本框全選 el

15、se $("#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(); /這兒快膩歪死我了，

16、還得去掉空格！哎！ 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ù)庫 var url = "./handler/ChangeCaName.ashx?caname=" + encodeURI(encodeURI(newText) + "&caid=" + caid + "&

17、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(""); ); els

18、e $("#test").text(""); / 前后文本一致,把文本框變成標(biāo)簽 obid.html(newText); break; case 27: $("#test").text(""); obid.html(oldText); break; ); );); /屏蔽頁面中其他部分Enter鍵的下 $(document).keydown(function (event) switch (event.keyCode) case 13: return false; );（3） 人員管理頁 點(diǎn)擊姓名，進(jìn)入詳細(xì)信息頁（

19、4）添加新人 以上是后臺(tái)部分，下面，給出前臺(tái)功能及說明（5） 首頁，點(diǎn)擊相應(yīng)人員姓名，進(jìn)入詳細(xì)信息。 搜索，如按學(xué)?！叭A電” 結(jié)果如下：protected void Page_Load(object sender, EventArgs e) string key=Server.UrlDecode( Request.QueryString"key"); string action=Request.QueryString"action" if ("byschool" = action) /按學(xué)校搜索 gvpeopleres.DataSource = new PeopleManager().SelectBySchool(key); gvpeoplere