使用JSP技术开发动态web实例精品资料.doc

《使用JSP技术开发动态web实例精品资料.doc》由会员分享，可在线阅读，更多相关《使用JSP技术开发动态web实例精品资料.doc（36页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、键入文字使用JSP技术开发动态web实例设计一个bbs网站首页，需要用户登录和密码验证，具有新用户注册功能。若成功，则跳转至主页。需求分析1、 用jdbc-odbc数据库连接功能，完成用户登录和密码验证功能；2、 同时完成新用户的注册功能；3、 用JSP指令元素和动作元素完成页面的布局和跳转功能；4、 用JSP内置对象request,session等完成对象信息的获取和设置。后台数据库设计和目录结构前台页面设计Main.jspLogin.jsp 若登陆成功则：若密码错误Article.jspBob.jsp若无填写评论，直接点击提交则提示：deal.jsp这是新用户注册页面关键代码Main.js

2、p登录        注册 欢迎来到我们论坛,以下内容只用注册用户可见 如果您已经注册过，那么请直接登录 如果您还未注册，那么请选择注册 Login.jspfunction userCheck() if (document.form1.username.value = ) window.alert(请输入用户名);return false; if (document.form1.pwd.value = ) window.alert(请输入用户密码);return false;return true; 用户名： 密&

3、nbsp; 码： Login_ok.jsp Main1.jsp对不起，您的浏览器不支持“框架”！Menu.jsp欢迎你     退出目录articlecosplayArticle.jsp 标题 发帖人 回复 五月 bob 0 毕业季 John 3 开悟 Mary 2 Cosplay.jsp动漫作者：JBob.jspInsert title here五月作者：Bob五月的晴空，云散，天净如洗；五月的热风，一路，将枝头的青杏催熟，将原野的麦浪染黄。荼蘼架上的满眼繁芜，为残春画着最后的感叹号，夏却欢声笑语，盛装入驻。 抖落惜春的失意，抛开记忆的伤痛，

4、从浮浮沉沉的梦里，醒来，绿叶成荫。踩踩“更健康主题：内容：返回主页John.jspInsert title here毕业季作者：John祝福你我曾经最亲爱的就走到这里吧狠狠心挥手告别什么话都不用讲别这样依依不舍刹那间已泪如雨下就此擦肩是最好结果从此你我各天涯何苦还彼此折磨也许再也不见了如果能立地成佛亲爱的你还会记住我吗斩断这红尘是否一样活细雨纷飞交织了泪水模糊了眼每当彩霞满天菊花遍野的时节执手相望没有任何语言我会唱起我们最爱的歌轻抚你即将陌生的脸将离别后的故事诉说曾经这面容是我的天如果可能就来看看我如今却变成了刺向我心头的剑不管怎样照顾好自己好好活着祝福你我曾经最亲爱的祝福你我曾经最亲爱的走在

5、熟悉的街道 人来往依旧热闹却再也听不到你的笑如今你在谁怀抱他是否对你更好那臂膀是不是你要的依靠一切都已过去一切还都继续着刻骨铭心后还奢望什么既然命中注定是过客大彻大悟了我又如何天下没有不散的宴席说得没错祝福你我曾经最亲爱的踩踩“更健康主题：内容：返回主页Mary.jspInsert title here开悟作者：Mary开悟到底是什么？有一个乞丐在路边行乞了三十年。有一天一个路人经过。“赏我几个零钱吧？”乞丐喃喃地说，顺手伸出了他那顶老旧的球帽。“我没有东西可以给你，”路人回答说。接着就问道：“你屁股坐着的是什么？”“没什么，”乞丐回答。“只是口旧箱子，从我有记忆以来，就一直坐在上面。”“你打

6、开看过吗？”“没有，”乞丐说。“何必呢？里边啥也没有。”“打开看一下，”路人坚持着说。乞丐勉为其难地撬开了箱子，这时他喜出望外，满脸狐疑，因为他看到箱子里装满了黄金。踩踩“更健康主题：内容：返回主页Submit.jsp踩踩“更健康主题：内容：Loogin2.jspfunction userCheck() if (document.form1.username.value = ) window.alert(请输入用户名);return false; if (document.form1.pwd.value = ) window.alert(请输入用户密码);return false;return

7、 true; 用户名： 密  码： Addusers1.jsp Deal.jspjsp:param value= name=title/jsp:param value= name=comment/Success.jsp标题：内容：确认提交？Error.html   请输入标题和内容，谢谢！返回退出评论Footer.jsp copyright 2012-2020联系电话：12345678 E-MAIL:12345678请和我联系BEST VIEW 1024*600Left.htmlleftarticlecosplay附录资料：web前端面试题1.

8、 W3C标准有哪些？W3C推行的主要规范有HTML，CSS，XML，XHTML和DOM（Document Object Model）。2. 谈谈Js的内存泄露问题。3. 谈谈对Html 5的了解。4. 谈谈对CSS 3的了解。5. 用js实现随即选取10-100之间的10个数字，存入一个数组，并排序。var iArray = ;funtion getRandom(istart, iend) var iChoice = istart - iend +1; return Math.floor(Math.random() * iChoice + istart;for(var i=0; i10; i+

9、) iArray.push(getRandom(10,100);iArray.sort();6. 把两个数组合并，并删除第二个元素。var array1 = a,b,c;var bArray = d,e,f;var cArray = array1.concat(bArray);cArray.splice(1,1);7. Js面向对象的几种方式。8. 请谈谈原型方式构造对象的特点。9. 在Css中那个属性会影响dom读取文档流的顺序。答： float属性。10. 请介绍几种用div实现两列布局的方案（兼容），另外要考虑文档流的加载。11. 谈谈css在浏览器中的兼容问题，详细谈谈IE6的一些bu

10、g,以及解决方案。12. 谈谈你对闭包的理解。以及如何实现js方法的重写。HTML & CSS1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 首先我讲讲如何触发两种模式： 加入xml头部声明可以触发IE浏览器的Quirks mode，触发之后，浏览器解析方式就和IE5.5一样，拥有IE5.5一样的bug和其他问题，行为（Javascript）也是如此。 IE6的触发 在XHTML的DOCTYPE前加入XML声明 IE7的触发 在XML声明和XHTML的DOCTYPE之间加入HTML注释 IE6和IE7都可以触发的 在HTML4.01的DOCTYPE文档头部加入

11、HTML注释 其次是这样的意义 各个浏览器的混杂模式，基本就是各个浏览器的私有模式，不相互兼容。所以，除非是为了兼容的问题，比如你不想修改很久很久以前做的IE ONLY的网页，否则刻意触发混杂模式没有任何意义。2：行内元素有哪些？块级元素有哪些？CSS的盒模型？一.行内元素和块级元素有哪些？块级元素information on authorlong quotationpush buttontable captiondefinition descriptiondeleted textgeneric language/style containerdefinition listdefinition

12、 termform control groupinteractive formheadingheadingheadingheadingheadingheadinghorizontal ruleinline subwindowinserted textfieldset legendlist itemclient-side image mapalternate content container for non frame-based renderingalternate content container for non script-based renderinggeneric embedde

13、d objectordered listparagraphpreformatted texttabletable bodytable data celltable footertable header celltable headertable rowunordered list行内元素anchorabbreviated formacronymbold text styleI18N BiDi over-ridelarge text styleforced line breakpush buttoncitationcomputer code fragmentdeleted textinstanc

14、e definitionemphasisitalic text styleinline subwindowEmbedded imageform controlinserted texttext to be entered by the userform field label textclient-side image mapgeneric embedded objectshort inline quotationsample program output, scripts, etc.option selectorsmall text stylegeneric language/style c

15、ontainerstrong emphasissubscriptsuperscriptmulti-line text fieldteletype or monospaced text styleinstance of a variable or program argument二.行内元素与块级元素有什么不同？1.尺寸-块级元素和行内元素之间的一个重要的不同点行内元素和widthW3C CSS2 标准规定行内元素、非置换元素不会应用width属性。以下例子中，对行内元素应用了width:200px,你可以看到，根本就没有什么效果。行内元素和heightW3C CSS2 标准规定行内元素、非置换

16、元素不会应用height属性，但是盒子高度可以通过line-height来指定。以下例子，对行内元素应用了height:50px,你可以看到什么效果都没。行内元素和padding你可以给行内元素设置padding，但只有padding-left和padding-right生效。以下例子，行内元素应用了padding:50px。你可以看到对左右的内容有影响，但是对上下没影响。行内元素和margingmargin属性也是和padding属性一样，对行内元素左右有效，上下无效。下面的例子,对应用了margin:50px，你可以看到左右边缘是生效了但是内容上下却没有。记住对行内元素设置宽度width

17、无效。设置高度height 无效，可以通过line-height来设置。设置margin 只有左右margin有效，上下无效。设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的，看图上效果就知道了 盒子模型W3C 组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主 要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。对于初学者，经常会搞不清楚 margin，background-color，background- image，padding，content，border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。每个HTML元素都可以看作一个装了东西的盒子，盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），而盒子边框外和其他盒子之间，还有边界（margin）。盒模型的实际宽度关于盒模型，还有以下几点需要注意：对于块级