jsp网上招标系统+lw视频讲解

5 详细设计

5.1 系统首页

5.1.1系统首页（网站首页index.jsp）

图5-1-1网站首页

5.1.2 下沙派威客网首页界面说明

此页面为网站首页，上面的导航栏有用户管理，站内新闻，留言板，威客在线，成交记录，后台管理等功能。下面还有系统公告，友情链接等。

首页中拥有一个用户登录窗口，在其相应输入框中填定正确内容并选择正确的身份后，方可登录系统。其他区块与一般网站无异，只是较简洁，操作方面也是力求简约，故不一一说明

实现本模块的主要代码如下所示：

</tr>

<tr>

<tr>

<tr>

</tr>

</table></td>

</tr>

<tr>

<tr>

</tr>

sql="";

sql="select * from faburenwu where 1=1";

if(request.getParameter("bianhao")=="" ||request.getParameter("bianhao")==null )

{}

else

{

sql=sql+" and bianhao like '%"+new String(request.getParameter("bianhao").getBytes("8859_1"))+"%'";

}

if(request.getParameter("mingcheng")=="" ||request.getParameter("mingcheng")==null )

{}

else

{

sql=sql+" and mingcheng like '%"+new String(request.getParameter("mingcheng").getBytes("8859_1"))+"%'";

}

sql=sql+" order by id desc";

RS_result=connDbBean.executeQuery(sql);

String renwumingcheng="";String leibie="";String renwujianjie="";String fujian="";String wanchengshixian="";String zhifubaochou="";

String faburen="";

i=0;

while(RS_result.next()){

i=i+1;

id=RS_result.getString("id");

renwumingcheng=RS_result.getString("renwumingcheng");leibie=RS_result.getString("leibie");renwujianjie=RS_result.getString("renwujianjie");fujian=RS_result.getString("fujian");wanchengshixian=RS_result.getString("wanchengshixian");zhifubaochou=RS_result.getString("zhifubaochou");

addtime=RS_result.getString("addtime"); faburen=RS_result.getString("faburen");

<tr>

</tr>

}

</table></td>

</tr>

</table></td>

</tr>

<tr>

<tr>

<tr>

</tr>

</table></td>

</tr>

<tr>

</tr>

5.2 站内新闻信息

5.2.1站内新闻操作界面

添加图片注释，不超过 140 字（可选）

图5-2-1 站内新闻操作页面

此页面为站内新闻，可随时了解最新的新闻，双击可查看详细内容，实现本模块的主要代码如下所示：

</tr>

</table></td>

</tr>

<tr>

<tr>

<td align="center"><%

String sql="select * from xinwentongzhi where id="+id;

String biaoti="";String leibie="";String neirong="";String tianjiaren="";

ResultSet RS_result=connDbBean.executeQuery(sql);

while(RS_result.next()){

biaoti=RS_result.getString("biaoti");leibie=RS_result.getString("leibie");neirong=RS_result.getString("neirong");tianjiaren=RS_result.getString("tianjiaren");

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<tr>

5.2.2系统主操作界面说明

下沙派威客网的发布操作界面，注册用户需要注册才能进入此页面。界面右边是呈信息列表的形式让用户输入正确的网站品信息，以读入系统数据库。

5.3威客在线操作界面

在本网站系统，注册用户。用户既可以在系统中发布威客在线，也可以参与他人的留言活动。

5.3.1 威客在线操作界面

图5-3-1威客在线界面

图5-3-2威客在线界面

图5-3-3威客在线界面

5.3.2威客在线说明

该界面的功能是让注册用户进行发布威客的相关操作，并形成成交记录载入数据库相应的表。注册用户点详细看到图5-3-2威客在线界面,还可下载文件,如图5-3-3威客在线界面.

实现本模块的主要代码如下所示：

function up(tt)

{

var pop=new Popup({ contentType:1,isReloadOnClose:false,width:300,height:50});

pop.setContent("contentUrl","upload.jsp?Result="+tt);

pop.setContent("title","文件上传");

pop.build();

pop.show();

}

</script>

</head>

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.href="faburenwu_add.jsp?jihuabifffanhao="+document.form1.jihuabifffanhao.value;

}

</script>

<body >

添加发布任务:

</select></td></tr><tr><td>任务简介：</td><td><textarea name='renwujianjie' cols='50' rows='5' id='renwujianjie'></textarea></td></tr><tr><td>附件：</td><td><input name='fujian' type='text' id='fujian' size='50' value='' /> <input type='button' value='上传' onClick="up('fujian')"/></td></tr><tr><td>完成时限：</td><td><input name='wanchengshixian' type='text' id='wanchengshixian' value='' readonly='readonly' onClick="getDate(document.form1.wanchengshixian,'2')" need='1' /> *</td></tr><tr><td>支付报酬：</td><td><input name='zhifubaochou' type='text' id='zhifubaochou' value='' /> *</td></tr>

<tr>

</tr>

<tr>

</tr>

5.4系统后台登录界面

5.4.1系统后台登录界面

图5-4-1后台登录界面

5.4.2系统后台登录界面说明

此页面要求系统管理员输入正确的用户名和密码，在核对无误后放行，若其中有数据不符则认为是非法用户而拒之于门外。实现本模块的主要代码如下所示：

title>用户登录</title>

<!--

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;

}

-->

</style>

<body>

<tr>

</tr>

<tr>

<tr>

<tr>

</tr>

<tr>

<tr>

<div align="center" class="STYLE5">下沙派威客网</div>

</div></td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<tr>

<tr>

</tr>

<tr>

</tr>

</select>

</tr>

<tr>

</tr></form>

</table>

</td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

5.5系统后台操作界面

5.5.1人机界面

1）后台首页：

添加图片注释，不超过 140 字（可选）

实现本模块的主要代码如下所示：

<%@ page language="java" pageEncoding="gb2312"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>下沙派威客网</title>

</head>

</frameset>

</body>

</noframes></html>

2）站内新闻

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

实现本模块的主要代码如下所示：

lb="站内新闻";

}

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.href="gongsi_add.jsp?jihuabifffanhao="+document.form1.jihuabifffanhao.value;

}

</script>

<body >

<tr>

</tr>

<tr>

3）注册管理

添加图片注释，不超过 140 字（可选）

实现本模块的主要代码如下所示：

<title>用户注册</title><LINK href="CSS.css" type=text/css

rel=stylesheet>

</head>

<body >

<p>已有用户注册列表：</p>

搜索:用户名:

姓名

</form>

<tr>

</tr>

4）成交记录管理

添加图片注释，不超过 140 字（可选）

实现本模块的主要代码如下所示：

<title>发布任务</title><LINK href="CSS.css" type=text/css

rel=stylesheet>

</head>

<body >

<p>所有交易记录：</p>

搜索:任务名称:

类别

</form>

<tr>

</tr>

5.5.2系统后台界面说明

在此系列页面中，管理员可对所有用户的信息进行增加、编辑、删除等操作，添加用户时需要填写的资料不太多，而编辑页面则是以详细列表的形式展开，一目了然。