旅游网站建设策划方案书,工业和信息化网站备案系统,快速做网站流量数据统计分析,wordpress登录你将在2秒引导目录
5 详细设计
5.1 系统首页
5.1.1系统首页#xff08;网站首页index.jsp#xff09;
5.1.2 下沙派威客网首页界面说明
5.2 站内新闻信息
5.2.1站内新闻操作界面
5.2.2系统主操作界面说明
5.3威客在线操作界面
5.3.1 威客在线操作界面
5.3.2威客在线说明
5.4系统…目录
5 详细设计
5.1 系统首页
5.1.1系统首页网站首页index.jsp
5.1.2 下沙派威客网首页界面说明
5.2 站内新闻信息
5.2.1站内新闻操作界面
5.2.2系统主操作界面说明
5.3威客在线操作界面
5.3.1 威客在线操作界面
5.3.2威客在线说明
5.4系统后台登录界面
5.4.1系统后台登录界面
5.4.2系统后台登录界面说明
5.5系统后台操作界面
5.5.1人机界面
5.5.2系统后台界面说明
6 系统测试
6.1系统测试的目的
6.2面向对象系统测试方案
7 软件布署
7.1安装环境要求
7.2系统详细配置方法
参考文献 前面内容请移步
威客网上招标系统四 免费源代码毕业设计论文
威客网上招标系统
5 详细设计
5.1 系统首页
5.1.1系统首页网站首页index.jsp 图5-1-1网站首页
5.1.2 下沙派威客网首页界面说明 此页面为网站首页上面的导航栏有用户管理站内新闻留言板威客在线成交记录后台管理等功能。下面还有系统公告友情链接等。 首页中拥有一个用户登录窗口在其相应输入框中填定正确内容并选择正确的身份后方可登录系统。其他区块与一般网站无异只是较简洁操作方面也是力求简约故不一一说明 实现本模块的主要代码如下所示
/trtrtd height145table id__01 width684 height145 border0 cellpadding0 cellspacing0trtd width684 height39 backgroundqtimages/index_04_02_03_01.giftable width100% border0 cellspacing0 cellpadding0trtd width22% height20 aligncenter valignbottom classSTYLE1最新任务/tdtd width78%nbsp;/td/tr/table/td/trtrtd width684 height106table width100% border1 aligncenter cellpadding3 cellspacing1 bordercolor#F8C878 styleborder-collapse:collapsetrtd width45 aligncenter bgcolor#F8F8C8序号/tdtd width86 bgcolor#F8F8C8任务名称/tdtd width50 bgcolor#F8F8C8类别/tdtd width105 bgcolor#F8F8C8完成时限/tdtd width86 bgcolor#F8F8C8支付报酬/tdtd width100 aligncenter bgcolor#F8F8C8发布人/tdtd width146 aligncenter bgcolor#F8F8C8发布时间/td/tr%sql;sqlselect * from faburenwu where 11;if(request.getParameter(bianhao) ||request.getParameter(bianhao)null ){}else{sqlsql and bianhao like %new String(request.getParameter(bianhao).getBytes(8859_1))%;}if(request.getParameter(mingcheng) ||request.getParameter(mingcheng)null ){}else{sqlsql and mingcheng like %new String(request.getParameter(mingcheng).getBytes(8859_1))%;}sqlsql order by id desc;RS_resultconnDbBean.executeQuery(sql);String renwumingcheng;String leibie;String renwujianjie;String fujian;String wanchengshixian;String zhifubaochou;String faburen;i0;while(RS_result.next()){ii1;idRS_result.getString(id);
renwumingchengRS_result.getString(renwumingcheng);leibieRS_result.getString(leibie);renwujianjieRS_result.getString(renwujianjie);fujianRS_result.getString(fujian);wanchengshixianRS_result.getString(wanchengshixian);zhifubaochouRS_result.getString(zhifubaochou);addtimeRS_result.getString(addtime); faburenRS_result.getString(faburen);%trtd width45 aligncenter%i %/tdtd%renwumingcheng %/tdtd%leibie %/tdtd%wanchengshixian %/tdtd%zhifubaochou %/tdtd width100 aligncenter%faburen %/tdtd width146 aligncenter%addtime %/td/tr%}%/table/td/tr/table/td/trtrtd height185table id__01 width684 height145 border0 cellpadding0 cellspacing0trtd width684 height39 backgroundqtimages/index_04_02_03_01.giftable width100% border0 cellspacing0 cellpadding0trtd width22% height20 aligncenter valignbottom classSTYLE1系统简介/tdtd width78%nbsp;/td/tr/table/td/trtrtd width684 height106pnbsp;nbsp;nbsp;nbsp;/p/td/tr
5.2 站内新闻信息
5.2.1站内新闻操作界面 图5-2-1 站内新闻操作页面 此页面为站内新闻可随时了解最新的新闻双击可查看详细内容实现本模块的主要代码如下所示
td width19% aligncenter valignbottom classSTYLE1内容详细/tdtd width81%nbsp;/td/tr/table/td/trtrtd valigntoptable width99% border0 cellspacing0 cellpadding0trtd aligncenter%String sqlselect * from xinwentongzhi where idid;String biaoti;String leibie;String neirong;String tianjiaren;ResultSet RS_resultconnDbBean.executeQuery(sql);while(RS_result.next()){biaotiRS_result.getString(biaoti);leibieRS_result.getString(leibie);neirongRS_result.getString(neirong);tianjiarenRS_result.getString(tianjiaren);%table width96% border1 aligncenter cellpadding0 cellspacing0 bordercolor#F8C878 styleborder-collapse:collapsetrtd height46 aligncenterspan classSTYLE3span classSTYLE1%biaoti %/span/span/td/trtrtd height110 alignleft%neirong %/td/trtrtd alignrightinput typebutton nameSubmit5 value返回 onClickjavascript:history.back();/td/tr/tabletable width98% border0 cellspacing0 cellpadding0tr
5.2.2系统主操作界面说明 下沙派威客网的发布操作界面注册用户需要注册才能进入此页面。界面右边是呈信息列表的形式让用户输入正确的网站品信息以读入系统数据库。
5.3威客在线操作界面 在本网站系统注册用户。用户既可以在系统中发布威客在线也可以参与他人的留言活动。
5.3.1 威客在线操作界面 图5-3-1威客在线界面 图5-3-2威客在线界面
5.3.2威客在线说明 该界面的功能是让注册用户进行发布威客的相关操作并形成成交记录载入数据库相应的表。注册用户点详细看到图5-3-2威客在线界面,还可下载文件,如图5-3-3威客在线界面. 实现本模块的主要代码如下所示 title发布任务/titleLINK hrefCSS.css typetext/css relstylesheetscript languagejavascript srcjs/Calendar.js/scriptscript typetext/javascript srcjs/popup.js/scriptscript typetext/javascriptfunction up(tt){var popnew Popup({ contentType:1,isReloadOnClose:false,width:300,height:50});pop.setContent(contentUrl,upload.jsp?Resulttt);pop.setContent(title,文件上传);pop.build();pop.show();}/script/head
script languagejavascript
function check()
{if(document.form1.renwumingcheng.value){alert(请输入任务名称);document.form1.renwumingcheng.focus();return false;}if(document.form1.wanchengshixian.value){alert(请输入完成时限);document.form1.wanchengshixian.focus();return false;}if(document.form1.zhifubaochou.value){alert(请输入支付报酬);document.form1.zhifubaochou.focus();return false;}
}
function gow()
{document.location.hreffaburenwu_add.jsp?jihuabifffanhaodocument.form1.jihuabifffanhao.value;
}
/scriptbody form nameform1 idform1 methodpost actionfaburenwu_add_post.jsp添加发布任务:brbrtable width100% border1 aligncenter cellpadding3 cellspacing1 bordercolor#00FFFF styleborder-collapse:collapse trtd任务名称/tdtdinput namerenwumingcheng typetext idrenwumingcheng value size50 /nbsp;*/td/trtrtd类别/tdtdselect nameleibie idleibieoption value网站类网站类/optionoption value软件类软件类/optionoption value图文类图文类/optionoption value其他类其他类/option
/select/td/trtrtd任务简介/tdtdtextarea namerenwujianjie cols50 rows5 idrenwujianjie/textarea/td/trtrtd附件/tdtdinput namefujian typetext idfujian size50 value/nbsp;input typebutton value上传 onClickup(fujian)//td/trtrtd完成时限/tdtdinput namewanchengshixian typetext idwanchengshixian value readonlyreadonly onClickgetDate(document.form1.wanchengshixian,2) need1 /nbsp;*/td/trtrtd支付报酬/tdtdinput namezhifubaochou typetext idzhifubaochou value /nbsp;*/td/trtrtd发布人/tdtdinput namefaburen typetext idfaburen value%request.getSession().getAttribute(username)%/td/trtrtdnbsp;/tdtdinput typesubmit nameSubmit value提交 onClickreturn check(); /input typereset nameSubmit2 value重置 //td/tr
5.4系统后台登录界面
5.4.1系统后台登录界面 图5-4-1后台登录界面
5.4.2系统后台登录界面说明 此页面要求系统管理员输入正确的用户名和密码在核对无误后放行若其中有数据不符则认为是非法用户而拒之于门外。实现本模块的主要代码如下所示 title用户登录/title
style typetext/css
!--
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;overflow:hidden;
}
.STYLE1 {font-size: 12px;color: #a1c8c6;
}
.STYLE4 {color: #FFFFFF; font-size: 12px; }
.STYLE5 { color: #72AC27;font-size: 26pt;
}
--
/stylemeta http-equivContent-Type contenttext/html; charsetgb2312/headbody
table width100% height100% border0 cellpadding0 cellspacing0trtd bgcolor035551nbsp;/td/trtrtd height311 backgroundimages/login_03.giftable width758 border0 aligncenter cellpadding0 cellspacing0trtd height210 backgroundimages/login1.jpgtable width100% height190 border0 cellpadding0 cellspacing0trtd width38% height98nbsp;/tdtd width62%nbsp;/td/trtrtdnbsp;/tdtdtable width93% height51 border0 alignlefttrtddiv stylefont-family:宋体; color:#FFFFFF; filter:Glow(Color#000000,Strength2); WIDTH: 100%; FONT-WEIGHT: bold; FONT-SIZE: 19pt; margin-top:5ptdiv aligncenter classSTYLE5下沙派威客网/div/div/td/tr/table/td/tr/table/td/trtrtd height101table width100% border0 cellspacing0 cellpadding0trtd width446 height101 backgroundimg/login_06.gifnbsp;/tdtd width156table width100% border0 cellspacing0 cellpadding0form nameform1 methodpost actionadminyanzheng.jsptrtd width29% height22span classSTYLE4用户名/span/tdtd width71 height22input nameusername typetext idusername stylewidth:100px; height:16px; border:solid 1px #000000; color:#666666/td/trtrtd height22span classSTYLE4密nbsp;nbsp;码/span/tdtd height22input namepwd typepassword idpwd stylewidth:100px; height:16px; border:solid 1px #000000; color:#666666/td/trtr styledisplay:nonetd height22span classSTYLE4权nbsp;nbsp;限/span/tdtd height22select namecx idcxoption value管理员管理员/optionoption value评审专家评审专家/optionoption value教师教师/option/selectinput namelogin typehidden idlogin value1/td/trtrtd height25nbsp;/tdtd height25input typesubmit nameSubmit value登陆input typereset nameSubmit2 value重置/td/tr/form/table/tdtd width156 backgroundimages/login_09.gifnbsp;/td/tr/table/td/tr/table/td/trtrtd bgcolor1f7d78nbsp;/td/trtrtd bgcolor1f7d78div aligncenterspan classSTYLE1-- 下沙派威客网 CopyRight 2011 --/span/div/td/tr
/table
5.5系统后台操作界面
5.5.1人机界面
1后台首页 实现本模块的主要代码如下所示
% page languagejava pageEncodinggb2312%
%
String path request.getContextPath();
String basePath request.getScheme()://request.getServerName():request.getServerPort()path/;
%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
htmlheadbase href%basePath%title下沙派威客网/title/headframeset rows90,*,30 cols* framespacing0 frameborderno border0frame srctop.jsp nametopFrame scrollingNo noresizenoresize idtopFrame /frame srccenter.jsp namemainFrame idmainFrame /frame srcdown.jsp namebottomFrame scrollingNo noresizenoresize idbottomFrame /
/frameset
noframesbody
/body
/noframes/html
2站内新闻 实现本模块的主要代码如下所示
lb站内新闻;
}%
script languagejavascript
function check()
{if(document.form1.yonghuming.value){alert(请输入用户名);document.form1.yonghuming.focus();return false;}if(document.form1.mima.value){alert(请输入密码);document.form1.mima.focus();return false;}if(document.form1.gongsimingcheng.value){alert(请输入公司名称);document.form1.gongsimingcheng.focus();return false;}if(document.form1.dianhua.value){alert(请输入电话);document.form1.dianhua.focus();return false;}if(document.form1.xingye.value){alert(请输入行业);document.form1.xingye.focus();return false;}
}
function gow()
{document.location.hrefgongsi_add.jsp?jihuabifffanhaodocument.form1.jihuabifffanhao.value;
}
/scriptbody
table width942 height1023 border0 aligncenter cellpadding0 cellspacing0 id__01trtd width942 height32 backgroundqtimages/index_01.gif% include fileqttop.jsp%/td/trtr
3注册管理 实现本模块的主要代码如下所示
title用户注册/titleLINK hrefCSS.css typetext/css
relstylesheet/headbody p已有用户注册列表/pform nameform1 idform1 methodpost action搜索:用户名:input namebianhao typetext idbianhao /姓名input namemingcheng typetext idmingcheng /input typesubmit nameSubmit value查找 /
/formtable width100% border1 aligncenter cellpadding3 cellspacing1 bordercolor00FFFF styleborder-collapse:collapse trtd width30 aligncenter bgcolorCCFFFF序号/tdtd bgcolor#CCFFFF用户名/tdtd bgcolor#CCFFFF密码/tdtd bgcolor#CCFFFF姓名/tdtd bgcolor#CCFFFF性别/tdtd bgcolor#CCFFFF电话/tdtd bgcolor#CCFFFFQQ/tdtd bgcolor#CCFFFF邮箱/tdtd bgcolor#CCFFFF出生年月/tdtd bgcolor#CCFFFF头像/tdtd bgcolor#CCFFFF地址/tdtd width138 aligncenter bgcolorCCFFFF级别/tdtd width138 aligncenter bgcolorCCFFFF添加时间/tdtd width60 aligncenter bgcolorCCFFFF操作/td/tr
4成交记录管理 实现本模块的主要代码如下所示
title发布任务/titleLINK hrefCSS.css typetext/css
relstylesheet/headbody p所有交易记录/pform nameform1 idform1 methodpost action搜索:任务名称:input namebianhao typetext idbianhao /类别input namemingcheng typetext idmingcheng /input typesubmit nameSubmit value查找 /
/formtable width100% border1 aligncenter cellpadding3 cellspacing1 bordercolor00FFFF styleborder-collapse:collapse trtd width30 aligncenter bgcolorCCFFFF序号/tdtd bgcolor#CCFFFF任务名称/tdtd bgcolor#CCFFFF类别/tdtd bgcolor#CCFFFF完成时限/tdtd bgcolor#CCFFFF支付报酬/tdtd width138 aligncenter bgcolorCCFFFF发布人/tdtd width138 aligncenter bgcolorCCFFFF接受时间/tdtd width60 aligncenter bgcolorCCFFFF接受人/tdtd width60 aligncenter bgcolorCCFFFF对方同意/tdtd width60 aligncenter bgcolorCCFFFF操作/td/tr
5.5.2系统后台界面说明 在此系列页面中管理员可对所有用户的信息进行增加、编辑、删除等操作添加用户时需要填写的资料不太多而编辑页面则是以详细列表的形式展开一目了然。
6 系统测试
6.1系统测试的目的 系统测试不是为了表明程序是正确的因为如果是这样就会设计一些不易暴露错误的测试方案也不会主动去检测、排除程序中可能存在的一些隐患。对于测试目的G.J.Myers给除了以下的观点
1测试是为了发现程序中的错误而执行程序的过程。
2好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案。
3成功的测试是发现了至今为止尚未发现的错误的测试。
6.2面向对象系统测试方案
根据系统测试目的并结合面向对象方法我们给出了如下系统测试方案
1尽早的、不断的进行系统测试。我们知道错误发现的越早改正它所付出的代价也就越小。由于错误的发生往往是不可避免的因此我们的系统测试贯穿于整个开发过程中而不是把系统测试仅仅看作是软件开发的一个独立阶段。
2设计测试用例时给出测试的预期结果。一个测试用例由两部分组成测试用的输入数据和该输入数据所期望的程序运行结果。这样测试时才能有一个判断标准利用输入数据得出测试数据并和预测数据进行比较看它们是否一致。
3我们在设计测试用例时不仅有合法的输入测试用例还有非法的输入测试用例。因为在系统的实际使用过程中由于各种原因用户往往会使用一些非法的输入比如按错了键或者使用了非法的命令等所以我们特别注意设计非法的输入测试用例来进行测试。
4在对系统修改完之后进行回溯测试。我们在修改系统的同时往往又会引入新的错误所以在对程序修改完之后用以前的用例进行回归测试。
7 软件布署
7.1安装环境要求
1.使用Windows 2000/XP 操作系统的用户安装个人网络服务器
2.网页制作软件如JSP。JDK,
3.数据库管理软件如SQL Server。
4.数据库管理软件如SQL Server。
7.2系统详细配置方法
配置环境变量 我的电脑—右键—属性—高级—环境变量—系统变量—新建变量名CLASSPATH 注意为大写变量值你所安装JDK的根目录下的lib文件夹如C:\Program Files\Java\jdk1.5.0\lib\tools.jar;.注意后面以分号和一个点结尾修改path变量我的电脑—右键—属性—高级—环境变量—系统变量—选择path点编辑在变量值最后增加一个分号增加你安装的JDK的根目录下的bin文件夹C:\Program Files\Java\jdk1.5.0\bin在命令行分别输入java 、javac如无错误提示安装完成如果是B/S结构程序双击E\jakarta-tomcat-5.0.28\bin\startup.bat如果出现黑色TOMCAT界面安装成功否则重装安装SQLServer2000数据库一路默认注意不要选择域用户设置sa用户的密码为123安装SQLServer2000数据库SP3补丁当提示已成功传递文件之后找到安装的目录双击setup.bat看提示安装基本默认附加数据库打开开始—程序—Microsoft SQLServer—服务管理器启动数据库开始—程序—Microsoft SQLServer—企业管理器在左侧树状菜单选择数据库-右键-所有任务-附加数据库点击浏览选择你的文件夹下的.MDF文件确定如果是 C/S结构程序安装你的程序OK如果是B/S结构程序复制你的网站文件到E:\jakarta-tomcat-5.0.28\webapps下启动E\jakarta-tomcat-5.0.28\bin\startup.bat在IE中输入http://localhost:8080/你的网站名OK如果需要配置数据源开始-控制面板-管理工具-数据源ODBC-添加-SQLServer-完成名称填写readme.txt文件里的数据源名描述为空服务器填写“.”就可以下一步-下一步-更改默认的数据库为你的附加数据库-下一步-完成-测试数据源如提示“测试成功”一路确定否则重装
参考文献
[1] 杨学瑜王志军刘同利编著.JSP入门与提高[M]. 北京: 清华大学出版社.2002.
[2] 林上杰林康司编写.JSP2.0技术手册[M]. 北京电子工业出版社.2004.
[3] Decoder 编著. JSP技术揭秘[M].北京清华大学出版社.2001.
[4] Mike Jasnowski.JavaXml和Web服务宝典[M]. 电子工业出版社. 2003.
[5] Danny Ayers.Java 数据编程指南[M].电子工业出版社.2003.
[6] (韩沈文涉编著HTMLJAVASCRIPT30日完全掌握[M]北京:中国青年出版社.2001.
[7] 高志清 主编跟我学Dreamweaver Mx 2004建网站[M]北京:中国水利水电出版社.2004.
[8] 武和平金磊漆治文. 基于Google平台的CMS系统的建设及应用[J]. 中国电化教育.2007.
[9] 俞承杭 编著.计算机网络与信息安全技术[M].北京机械工业出版社.2008.
[10] 陈月波 编著.网络信息安全[M]. 武汉理工大学出版社.2005.
[11] 吴建,张旭东.JSP网络开发入门与实践[M].北京:人民邮电出版社.2006.
[12]Andrew J Brust;Stephen Forte.Microsoft SQL Server 2005[M].Microsoft Press.2006.
[13]Bryan Basham,Kathy Sierra.Head First ServletJSP[M].中国电力出版设.2006.
