版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、<p> JavaScript程序設(shè)計(jì)課程設(shè)計(jì)報(bào)告</p><p><b> 信息工程系</b></p><p><b> 二〇一六年一月</b></p><p> 一、任務(wù)要求與總體設(shè)計(jì)</p><p><b> 1.1網(wǎng)站說(shuō)明</b></p>
2、<p> 文字詳細(xì)說(shuō)明網(wǎng)站的功能,并畫出網(wǎng)站結(jié)構(gòu)圖。如下圖示:</p><p> 1.2 課程設(shè)計(jì)目標(biāo)</p><p> 詳細(xì)說(shuō)明用JavaScript實(shí)現(xiàn)什么功能,也可包含對(duì)網(wǎng)站整體色調(diào)的設(shè)計(jì)等其它與本次設(shè)計(jì)有關(guān)的內(nèi)容</p><p><b> 二、網(wǎng)站建設(shè)</b></p><p> 2.1 任
3、務(wù)分工安排</p><p><b> 2.2網(wǎng)站文件說(shuō)明</b></p><p> 說(shuō)明系統(tǒng)各網(wǎng)頁(yè)文件或文件夾的功能,需要列出和課程設(shè)計(jì)任務(wù)目標(biāo)有關(guān)的重要文件。</p><p> 2.3網(wǎng)站主要界面的實(shí)現(xiàn)</p><p> 列出與課程設(shè)計(jì)任務(wù)目標(biāo)有關(guān)頁(yè)面的實(shí)現(xiàn),每個(gè)頁(yè)面的說(shuō)明應(yīng)包含以下內(nèi)容:文字說(shuō)明該頁(yè)是什么功能
4、,附頁(yè)面的截圖,對(duì)關(guān)鍵JavaScript代碼的說(shuō)明(可另外附加程序流程圖說(shuō)明)。</p><p> 以下為示例,可自行添加相應(yīng)內(nèi)容:</p><p><b> 1、注冊(cè)頁(yè)面</b></p><p> 當(dāng)首頁(yè)點(diǎn)擊“注冊(cè)”超鏈接后跳轉(zhuǎn)到相關(guān)頁(yè)面,為用戶注冊(cè)信息用,要求填寫用戶名、密碼、城市和性別,以下是在該頁(yè)面進(jìn)行輸入時(shí)出錯(cuò)的界面:<
5、/p><p> 頁(yè)面的主要HTML代碼如下:</p><p> <form action="ajax_post.php" class="registerform"></p><p><b> <ul></b></p><p><b> <
6、li></b></p><p> <label class="label"><span class="need">*</span> 中文名:</label></p><p> <input type="text" class="inputxt V
7、alidform_error" name="name" value="" datatype="zh2-4" nullmsg="請(qǐng)?zhí)顚懼形拿?quot;></p><p> <span class="Validform_checktip Validform_wrong">請(qǐng)?zhí)顚懼形拿?lt;/
8、span></li></p><p><b> <li></b></p><p> <label class="label"><span class="need">*</span> 密碼:</label></p><p>
9、 <input type="password" class="inputxt Validform_error" name="userpassword" value="" datatype="*6-20" nullmsg="請(qǐng)?zhí)顚懨艽a!"></p><p> <span cla
10、ss="Validform_checktip Validform_wrong">請(qǐng)?zhí)顚懨艽a!</span></li></p><p><b> <li></b></p><p> <label class="label"><span class="need
11、">*</span> 確認(rèn)密碼:</label></p><p> <input type="password" class="inputxt Validform_error" name="userpassword2" value="" datatype="*6-20"
12、; recheck="userpassword" nullmsg="請(qǐng)確認(rèn)密碼!"></p><p> <span class="Validform_checktip Validform_wrong">請(qǐng)確認(rèn)密碼!</span></li></p><p><b> <l
13、i></b></p><p> <label class="label"><span class="need">*</span> 所在城市:</label></p><p> <select name="province" datatype="*
14、" nullmsg="請(qǐng)選擇所在城市!" class="Validform_error"><option value="">請(qǐng)選擇城市</option><option value="1">瑞金市</option></select></p><p> <
15、span class="Validform_checktip Validform_wrong">請(qǐng)選擇所在城市!</span></li></p><p><b> <li></b></p><p> <label class="label"><span class=
16、"need">*</span> 性別:</label></p><p> <input type="radio" class="pr1 Validform_error" id="male" name="gender" value="1" datatype=&
17、quot;*" nullmsg="請(qǐng)選擇性別!"><label for="male">男</label> <input type="radio" class="pr1" id="female" name="gender" value="2"><
18、;label for="female">女</label></p><p> <span class="Validform_checktip Validform_wrong">請(qǐng)選擇性別!</span></li></p><p><b> </ul></b>&
19、lt;/p><p> <div class="action"></p><p> <input type="submit" value="注 冊(cè)"> <input type="reset" value="重 置"></p><p>
20、<b> </div></b></p><p><b> </form></b></p><p><b> …………(省略)</b></p><p> 當(dāng)點(diǎn)擊“注冊(cè)“按鈕時(shí),調(diào)用Jquery驗(yàn)證插件Validform對(duì)輸入的文字進(jìn)行驗(yàn)證,在<head>處導(dǎo)入
21、相關(guān)文件,并在頁(yè)面加載后加入驗(yàn)證,上述HTML中包含了該插件的設(shè)置:驗(yàn)證類型、錯(cuò)誤信息,代碼如下:</p><p> <script type="text/javascript" src="/js/jquery.min.js"></script></p><p> <script type="text/ja
22、vascript" src="/js/Validform.min.js"></script></p><p> <script type="text/javascript" src="/js/Validform.datatype.js"></script></p><p>
23、<script type="text/javascript"></p><p> jQuery( function(){</p><p> $(".registerform").Validform({tiptype:3,label:".label",showAllError:true,}});</p>
24、<p> });//給表單registerform添加驗(yàn)證插件進(jìn)行驗(yàn)證</p><p><b> </script></b></p><p><b> 2.4待改進(jìn)的功能</b></p><p> 說(shuō)明設(shè)計(jì)中有哪些地方與原計(jì)劃不符,有何缺失,可如何改進(jìn)和擴(kuò)展,還有哪些未完成的功能</p
25、><p><b> 三、設(shè)計(jì)小結(jié)</b></p><p> 小組中每個(gè)人的體會(huì)、獲得的經(jīng)驗(yàn)、自學(xué)并應(yīng)用的新知識(shí),不少于200字</p><p><b> 四、參考資料</b></p><p> 寫出課程設(shè)計(jì)過程中所用的所有資料來(lái)源,格式如下:</p><p> [1]
26、JavaScript與jQuery實(shí)戰(zhàn)教程,盧淑萍、樊紅珍、徐紅波、王濤、黃偉民編,清華大學(xué)出版社,2014年1月</p><p> [2] 強(qiáng)大的JavaScript表單驗(yàn)證插件,http://www.w3cfuns.com/article-5592042-1-1</p><p><b> .html</b></p><p> Java
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫(kù)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 課程設(shè)計(jì) 文檔.doc
- 課程設(shè)計(jì) 文檔.doc
- 課程設(shè)計(jì) 文檔.doc
- 課程設(shè)計(jì) 文檔.doc
- 課程設(shè)計(jì)模板
- 測(cè)井課程設(shè)計(jì)模板
- java課程設(shè)計(jì)模板
- 課程設(shè)計(jì)模板參考
- 網(wǎng)絡(luò)課程設(shè)計(jì)模板
- 編譯技術(shù)課程設(shè)計(jì)文檔
- 電子 課程設(shè)計(jì)microsoft word 文檔
- 數(shù)據(jù)庫(kù)課程設(shè)計(jì)文檔
- 工程學(xué)課程設(shè)計(jì)_文檔
- 數(shù)據(jù)庫(kù)課程設(shè)計(jì)文檔
- 軟件工程課程設(shè)計(jì)文檔
- 數(shù)據(jù)結(jié)構(gòu)課程設(shè)計(jì)——課程設(shè)計(jì)報(bào)告模板
- 工程估價(jià)課程設(shè)計(jì)模板
- 鍋爐課程設(shè)計(jì)模板新
- 化工原理課程設(shè)計(jì)模板
- 機(jī)械設(shè)計(jì)課程設(shè)計(jì)模板
評(píng)論
0/150
提交評(píng)論