《动态网页设计》报告

《动态网页设计》报告——图书管理系统院系名称：应用数学学院专业名称：信息与计算科学班级：13信计学生姓名：周显光指导教师：2015年7月厦门理工应用数学学院《动态网页设计》报告2要求：参照毕业论文格式包括：封面、中文摘要、关键词、正文、参考文献、附录（注意页码、标题及正文字体、字号、格式）正文包括：概述（目的、任务、开发环境、参考资料）技术介绍需求分析和设计项目的实现（主要源代码附在附录里）总结与展望报告要求用A4纸打印，正文部分不少于15页，正文字号：小四单倍行距不得与其他组雷同，否则影响成绩，严重者不及格报告与参考资料、文献相似度低于30%厦门理工应用数学学院《动态网页设计》报告3概论：目的：运用JSP和MySQL编辑图书管理系统任务：运用JSP做出图书管理系统，MySQL编辑图书管理数据库开发环境：JAVA,TOMCAT,MySQL参考资料：JSP实用教程，JSP图书管理系统编码，HTML编程课程PPT技术介绍：需求分析和设计：需求分析：由于是一个简单的图书管理系统，所以只需要编写以下几个功能即可：1：用户登录功能：输入用户名与密码数据库会对其身份进行验证2：查看图书功能：输入图书信息可以查询相应图书的信息厦门理工应用数学学院《动态网页设计》报告43：添加图书功能：只有管理员登录成功后才能添加图书。通过点击导航条上的“添加图书“超链接进入添加图书页面，填好后点提交，就进数据库了。页面设计：通过对HTML表单的设计加上超级链接，将表单与数据库链接起来，以实现JSP图书管理系统的建立。项目的实现：首先，完成一个HTML的图书管理系统页面。如图：厦门理工应用数学学院《动态网页设计》报告5然后，分别编写账号识别，查询图书，添加图书的数据库代码。由于编写的代码问题，无法运行出应有的结果，这里就不在粘贴图片，代码会在附录中写出。总结与展望：通过这个系统的编写，我明白了自己在动态网页设计上的不足，厦门理工应用数学学院《动态网页设计》报告6以及在查阅资料方面的不积极，这次，克服种种困难，做出这个动网的作业，给了我非常大的成就感。同时，我也在制作网页的过程中，学到了非常多的知识。在接下来的学习中，我会认真的对待每一次的动网作业，而不是像这个学期这样得过且过，下次的期末我再不会像现在这样在马上要交作业的时候才将网页做出来，这是不对的。并且，通过对JSP的学习，我重温了JAVA的知识点，并且对JAVA编程又有了新的理解，尤其是对类的建立应用，以前JAVA中类的继承之类的知识点在做完动网作业之后也融汇贯通了。这次做实验报告对我的帮助真的很大。附录：图书管理系统页面代码（HTML）：htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title图书管理系统/title/head厦门理工应用数学学院《动态网页设计》报告7bodybgcolor=#4169E1formACTION=#METHOD=POSTtableborder=2cellspacing=12cellpadding=0width=1000align=centerthcolspan=4height=100fontcolor=112211face=楷体size=7图书管理系统/font/thtrtddivalign=rightfontcolor=112211face=楷体用户名:/font/div/tdtdalign=leftinputTYPE=TEXTNAME=nameSIZE=15/td/trtrtdalign=rightfontcolor=112211face=楷体密码:/font/td厦门理工应用数学学院《动态网页设计》报告8tdalign=leftinputTYPE=TEXTNAME=passwordSIZE=15/td/trtrtdcolspan=3align=centerinputTYPE=SUBMITVALUE=确定inputTYPE=RESETVALUE=清空/td/trtrtdcolspan=4align=centerinputtype=submitvalue=查看图书name=checkinputtype=submitvalue=添加图书name=add/tr/td/table/form厦门理工应用数学学院《动态网页设计》报告9/body/html识别代码：%@pagecontentType=text/html;charset=gb2312%%@pageimport=java.util.Date%htmlheadtitle身份识别/title/headbody%Stringuser=request.getParameter(username);Stringpass=request.getParameter(password);Class.forName(com.mysql.jdbc.Driver);Connectioncon=DriverManager.getConnection(jdbc:mysql://localhost:3306/bk,root,123456);PreparedStatementps=con.prepareStatement(select*fromt_a厦门理工应用数学学院《动态网页设计》报告10ccountwhereusername=?andpassword=?);ps.setString(1,user);ps.setString(2,pass);ResultSetrs=ps.executeQuery();if(rs.next()){response.sendRedirect(bookList.jsp);}elseresponse.sendRedirect(login.jsp);%/body/html查询图书代码：%@pagecontentType=text/html;charset=gb2312%%@pageimport=java.util.Date%%Stringpath=request.getContextPath();StringbasePath=厦门理工应用数学学院《动态网页设计》报告11request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/;Stringdir=sn.getDir();%htmlheadtitle系统运行/titleLINKhref=%=basePath%%=dir%/images/Admin_Style.csstype=text/cssrel=stylesheetLINKhref=%=basePath%%=dir%/images/style.csstype=text/cssrel=stylesheetSCRIPTlanguage=JavaScriptsrc=%=basePath%%=dir%/images/Common.js/SCRIPTSTYLEtype=text/cssBODY{MARGIN-LEFT:0px;BACKGROUND-COLOR:#ffffff}.STYLE1{color:#ECE9D8}/STYLE厦门理工应用数学学院《动态网页设计》报告12/head%Stringmessage=(String)request.getAttribute(message);if(message==null){message=;}if(!message.trim().equals()){out.println(scriptlanguage='javascript');out.println(alert('+message+'););out.println(/script);}request.removeAttribute(message);%scripttype=text/javascriptfunctioncheckww22(){if(document.form1.str2.value==)alert(输入查询内容);document.form1.str2.focus();厦门理工应用数学学院《动态网页设计》报告13returnfalse;}}/script%Stringusername=(String)session.getAttribute(user);if(username==null){response.sendRedirect(path+/error.jsp);}else{//类别书名作者出版社%bodyformaction=%=basePath%admin/book/sinfo.jspname=form1厦门理工应用数学学院《动态网页设计》报告14method=postonsubmit=returncheckww22()tablewidth=100%border=0align=centercellPadding=3cellSpacing=1class=tablewidthtbodytralign=centertd选择查询选项：selectname=stroptionvalue=booktype图书类别/optionoptionvalue=name图书名称/optionoptionvalue=cbs出版社/option/selectinputtype=texename=str2size=30inputtype=submitvalue=提交/td/tr/tbody/table厦门理工应用数学学院《动态网页设计》报告15/form/body/hrml添加图书：%@pagecontentType=text/html;charset=gb2312%%@pageimport=java.util.Date%htmlheadtitle添加图书信息/title/headbodyformname=form1method=postaction=bookSaveAdd.jspdivalign=centerclass=STYLE1添加图书/divtablewidth=300height=120border=1align=centertrtdwidth=74图书名称：/tdtdwidth=210inputname=nametype=textid=name/td/trtrtd图书出版社：/td厦门理工应用数学学院《动态网页设计》报告16tdinputname=publishtype=textid=publish/td/trtrtdinputtype=submitvalue=确认添加name=yesadd/tdtdinputtype=resetvalue=清空数据name=Emptydata/tdtr/table/form/body/html厦门理工应用数学学院《动态网页设计》报告17