基于虚拟社区的下沙商贸网设计 第二届XX省大学生电子商务竞赛参赛作品_第1页
基于虚拟社区的下沙商贸网设计 第二届XX省大学生电子商务竞赛参赛作品_第2页
基于虚拟社区的下沙商贸网设计 第二届XX省大学生电子商务竞赛参赛作品_第3页
基于虚拟社区的下沙商贸网设计 第二届XX省大学生电子商务竞赛参赛作品_第4页
基于虚拟社区的下沙商贸网设计 第二届XX省大学生电子商务竞赛参赛作品_第5页
已阅读5页，还剩23页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、基于虚拟社区的下沙商贸网设计目录1 作品应用背景22 系统功能介绍2.1 总体功能介绍22.2 详细功能介绍2.2.1用户功能3 2.2.2 商家功能4 2.2.3 管理员43 技术方案实现3.1技术框架3.1.1 ASP简介43.1.2 ASP的特点43.1.3 ASP运行环境5 3.2代码设计63.3 数据库设计163.4页面设计3.4.1 重点推荐方式173.4.2鼠标经过方式174 作品价值181. 作品应用背景杭州下沙地处杭州东部，随着这几年国家级开发区杭州经济技术开发区、全国最大的高教园区浙江省高教园区、浙江杭州出口加工区等落户下沙，充分带动了下沙地区的经济发展。流动人口数量不断上

2、升，越来越多的人选择入住下沙。各种饭店、游乐场所、大型购物商城也纷纷在下沙出现，满足了人们多方面的物质需求。可是新来下沙的住户、新生、上班族却对此地区不胜了解，并且有越来越多的新商铺将落户下沙。由此，我们想到了有必要做一个专门针对下沙地区商贸的网站，以方便在下沙生活、工作学习的人能找到自己想要购物娱乐场所。目前已有一些网站的提供相似的信息，比如下沙网（），下沙大学生生网（）等。这些网站的大都涉及下沙的方方面面，内容多却并不是很具体，针对性不强。比如某人听说一家饭店不错想去那吃饭，但他不知道此饭店的具体位置在哪里，上网搜索基本都是一些文字介绍，诸如某饭店在*路*号，这个时候用户就需要再去找一张地

3、图，才能确认比较具体的方位，因此十分不方便。基于这样的需求，我们考虑将电子地图与商贸信息介绍相结合， 使用户只要上本网站就能很快找到自己想去的地方，并知道它的具体地理位置。根据此思路，我们开发了本网站。2. 系统功能介绍2.1. 总体功能用户的对信息的需求都有各自具体情况以及喜好，一般的简答查询往往不能满足用户他们。由此本站为用户提供多种查询方式以及详细的商家分布和经营内容信息。+2.2. 详细功能2.2.1 用户模糊搜索：当用户对自己所要的信息不能有一个明确的搜索关键字的时候，如：某用户想要找个地方吃饭，可他又不知道在下沙有哪个好的饭店，或是他想换换口味，这个时候模糊搜索就是他最好的选择。使

4、用模糊搜索可以自动搜索关键字的同义词,提高搜索的精确性。首先在模糊搜索页面搜索框中输入搜索关键字以后点击模糊搜索按钮，然后进入同义词选择页面,从关键字的同义词中选择自己想要查看的信息。精确搜索：当然精确搜索自然必不可少，如知道下沙有肯德基的分店却不知道它的具体位置，用精确搜索就能让你马上得到自己想要的信息。地图搜索：为什么人们不论是外出还是去旅游，地图是必备品之一，就是因为它能给人以比较直观认识，让人能在大脑中形成一个现实立体的形象。基于这个原因，我们想到了为什么不把电子地图与商贸信息相结合，使用户在了解商家经营内容和特色的同时，又能对之地理分布有一个直观的印象呢。地图搜索正是解决了以上的问题

5、。这是本站最吸引用户浏览的功能之一。互动区：网络的发展已越来越向互动方向发展。无论是网站于商家，网站与用户，还是商家通过本站与用户，通过互动，都能对自身的发展及利益带来巨大的益处。本站可以及时更新信息，商家则能尽快知道用户的需求，而用户则能结识好友，以及信息反馈。2.2.2 商家注册会员：只有成为本站的注册会员才有权益本站提供的各种服务，并有义务遵守本站的规定。信息发布：当商家在某段时间要推出优惠措施，或是有新产品推出的时候都可以将信息发给本站，在本站发布。2.2.3 管理员添加删除会员：添加新会员，删除已不存在会员，这是管理员所拥有的基本权利之一。消息更新：及时对商家发来的商品信息加以处理，

6、并对已有信息加以更新。信息反馈：对用户对商家的意见及投诉及时反馈给商家，让商家能及时与顾客取得联系。3. 技术方案实现3.1. 技术框架本站采用ASP+SQL SERVER 2000的技术架构。之所以采用这种技术结构是因为ASP所有程序都将在服务器端实现的特点以及SQL SERVER 2000的功能强大、操作简便性。3.1.1 ASP简介Microsoft Active Server Pages 即我们所称的 ASP ，其实是一套微软开发的服务器端脚本环境， ASP 内含于 IIS 3.0 和 4.0 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件

7、建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。3.1.2 ASP的特点1. 使用 VBScript 、 JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。 2. 无须 compile 编译，容易编写，可在服务器端直接执行。 3. 使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。 4.

8、 与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript) 均在 WEB 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。 5.Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外，还通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX 、

9、Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。 6.Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。 7. 可使用服务器端的脚本来产生客户端的脚本。 8. 物件导向（ Object-oriented ）。 9.ActiveX Server Components(ActiveX 服务器元件 ) 具有无限可扩充性。可以使用 Visual Basic 、 Java 、 Visual C+ 、 COBOL 等编程语言来编写你所需要的 ActiveX Se

10、rver Component 。3.1.3 ASP运行环境·Microsoft Internet Information Server version 3.0/4.0 on Windows NT Server ·Microsoft Peer Web Services Version 3.0 on Windows NT Workstation ·Microsoft Personal Web Server on Windows 95/98 asp 程序无须编译， ASP 程序的控制部份，是使用 VBScript 、 JScript 等脚本语言来设计的，当执行 ASP

11、程序时，脚本程序将一整套命令发送给脚本解释器 ( 即脚本引擎 )，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。当然，同其他编程语言一样， ASP 程序的编写也遵循一定的规则，如果你想使用你所喜爱的脚本语言编写 ASP 程序，那么你的服务器上必须要有能解释这种脚本语言的脚本解释器。当你安装 ASP 时，系统提供了两种脚本语言： VBsrcipt 和 JScript ，而 VBscript 则被作为系统默认的脚本语言。3.2. 代码设计（部分）<HTML><HEAD><TITLE>会员注册 </TITLE><META HTTP-EQU

12、IV="Content-Type" CONTENT="text/html; charset=gb2312"><link rel="stylesheet" href="css/pub20040831.css"></HEAD><BODY BGCOLOR=#FFFFFF leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><

13、script language=JavaScript>function chkname() var k = document.memberform.login.value.length; if ( k >= 3 ) if ( k <= 16) document.ckname.login.value = document.memberform.login.value; document.ckname.submit();else alert("会员名长度不得大于16位！");else alert("会员名长度不得小于3位！");</s

14、cript><script language="JavaScript">function checkdata() if(memberform.login.value.length < 3 | memberform.login.value.length > 16) memberform.login.focus(); memberform.login.select(); alert("请您输入用户名（3至16位） ！"); else if(memberform.login.value.charAt(0)=1 &&

15、 memberform.login.value.charAt(1)=3) memberform.login.focus(); memberform.login.select(); alert("用户名不能以13开头 ！"); else if(memberform.login.value.charAt(0)='_') memberform.login.focus(); memberform.login.select(); alert("用户名不能以_开头 ！"); else if(checkerr(memberform.login.valu

16、e)=1) memberform.login.focus(); memberform.login.select(); alert("请用0-9的数字和a-z的字母，不允许怪字符（如!#$%等） ！"); else if(memberform.passwd.value.length < 4 | memberform.passwd.value.length > 16) memberform.passwd.focus(); memberform.passwd.select(); alert("请您输入密码（4至16位） ！"); else if(m

17、emberform.pass2.value.length=0) memberform.pass2.focus(); memberform.pass2.select(); alert("请您确认您输入的密码 ！"); else if(memberform.passwd.value!=memberform.pass2.value) memberform.pass2.focus(); memberform.pass2.select(); alert("确认密码不一样 !"); else if(memberform.question.value.length=0

18、) memberform.question.focus(); memberform.question.select(); alert("密码提示问题不能为空 ！"); else if(memberform.answer.value.length=0) memberform.answer.focus(); memberform.answer.select(); alert("密码提示答案不能为空 ！"); else if(memberform.mail.value.length=0) alert("邮箱地址不能为空 !") member

19、form.mail.focus(); memberform.mail.select(); else if( memberform.mail.value.length<6 | memberform.mail.value.length>36 | !validateEmail() ) alert("请您输入正确的邮箱地址 !"); memberform.mail.focus(); memberform.mail.select(); else if( !(memberform.gender0.checked | memberform.gender1.checked) )

20、 alert("请选择性别 !");else if( memberform.state.value = "" ) alert("请选择地区 !");<!-else if(memberform.verify.value="" | memberform.verify.value.length < 6 | memberform.verify.value.length > 6)-><!- alert("验证码出错 ！"); -> else return true; r

21、eturn false;function validateEmail()var re=/w-+(.*w-+)*(0-9a-z+0-9a-z-*0-9a-z+.)+a-z2,3$/i;if(re.test(memberform.mail.value)return true;elsereturn false;function checkerr(string)var i=0;for (i=0; i<string.length; i+)if(string.charAt(i) < '0' | string.charAt(i) > '9') &&a

22、mp; (string.charAt(i) < 'a' | string.charAt(i) > 'z') && (string.charAt(i) < 'A' | string.charAt(i) > 'Z') && (string.charAt(i)!='_') return 1;return 0;/pass</script><table width="760" border="0" align=&

23、quot;center" cellpadding="0" cellspacing="0"></table><table width="760" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="53" ><table width="760" bor

24、der="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="30"><div align="right">注册步骤：1.确认服务条款 - 2.<font color="#FF0000">选择用户名</font> - 3.完成注册</div></td> </tr> <

25、/table></td> </tr></table><table height="1" width="760" border=0 cellspacing=0 cellpadding=0> <form name=ckname method=POST action="findmember.asp" target="check_name"><input type="hidden" name="login" va

26、lue=""><tr><td></td></tr></form></table><table width="760" border="0" align="center" cellpadding="0" cellspacing="1"><form name=memberform action="addRecord.asp" method="POST&qu

27、ot; onsubmit="return checkdata()"><input type="hidden" name="t" size="40" value="minfo"><input type="hidden" name="f" size="40" value="adding"><input type="hidden" name="v"

28、 size="40" value=""> <tr> <td width="500" height="65" bgcolor="B8DDFE"> <table width="440" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="

29、;120" height="20"><div align="right"><font color="#FF0000">*</font> 会员名：</div></td> <td><span class="12"> </span> <table width="100%" border="0" cellspacing="0" cellpaddin

30、g="0"> <tr> <td><span class="12"> <input tabindex=1 name="login" type="text" style="font-size: 12px; border: 1 solid #29A1E6; background-color:#ffffff" value="" size="20"> </span></td> <td

31、 width="5"><span class="12"> </span></td> <td><span class="12"> <input type=button name=Submit value="查看用户名是否可用" onClick="javascript:chkname();"> </span></td> </tr> </table></td> &l

32、t;/tr> <tr> <td></td> <td>合法的会员帐号应该由a-z的小写英文字母、0-9的数字或下划线组成，帐号长度应在3-16个字符之间请勿使用空白键。</td> </tr> </table> </td> <td rowspan="3" valign="top" bgcolor="DFEFFD"><br> <table width="90%" border="0

33、" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <iframe id=check_name name=check_name src="findmember.asp" style='height:80px;width:200px' Frameborder=No Border=0 Marginwidth=0 Marginheight=0 Scrolling=No></ifra

34、me></td></tr></table> <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><p></p> </td> </tr> </table> </td> </tr> <tr> <td b

35、gcolor="B8DDFE"><table width="440" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="120" height="20"><div align="right"><font color="#FF0000">

36、;*</font> 密码：</div></td> <td><span class="12"> <input tabindex=2 type="password" name=passwd size=20 value="" style="font-size: 12px; border: 1 solid #29A1E6; background-color:#ffffff"> </span></td> </tr> &

37、lt;tr> <td height="20"></td> <td>密码可使用长度为6-14的任何字符，并区分英文字母大小写</td> </tr> <tr height="5"> <td></td> <td></td> </tr> </table></td> </tr> <tr> <td bgcolor="B8DDFE"><table

38、width="440" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="120" height="20"><div align="right"><font color="#FF0000">*</font> 确认密码：</div></t

39、d> <td><span class="12"> <input tabindex=3 type="password" name=pass2 size=20 value="" style="font-size: 12px; border: 1 solid #29A1E6; background-color:#ffffff"> </span></td> </tr> </table></td> </tr> &

40、lt;tr> <td bgcolor="B8DDFE"><table width="440" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="120" height="20"><div align="right"><font color=&quo

41、t;#FF0000">*</font> 提示问题：</div></td> <td><span class="12"> <input tabindex=4 name="question" type="text" value="" size=35 maxlength=80 style="font-size: 12px; border: 1 solid #29A1E6; background-color:#ffffff"

42、> </span></td> </tr> <tr height="8"> <td></td> <td></td> </tr> </table></td> <td rowspan="3" bgcolor="DFEFFD"><table width="90%" border="0" align="center" cellpad

43、ding="0" cellspacing="0"> <tr> <td><strong>密码查询设置</strong><br> 当您忘记密码时，我们将通过此信息验证您的身份，帮助您找回密码。</td> </tr> </table></td> </tr> <tr> <td bgcolor="B8DDFE"><table width="440" border=&quo

44、t;0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="120" height="20"><div align="right"><font color="#FF0000">*</font> 提示答案：</div></td> <td><span class=&q

45、uot;12"> <input tabindex=5 name=answer type=text value="" size=35 maxlength=80 style="font-size: 12px; border: 1 solid #29A1E6; background-color:#ffffff"> </span></td> </tr> <tr> <td height="20"></td> <td>密码提示答案请在：

46、8个字母、数字或8个汉字以上。</td> </tr> </table></td> </tr> <tr> <td height="20" bgcolor="B8DDFE"><table width="440" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td w

47、idth="120" height="20"><div align="right"> <font color="#FF0000">*</font> E-mail：</div></td> <td><span class="12"> <input tabindex=6 name=mail type=text id="mail" size=35 value="" st

48、yle="font-size: 12px; border: 1 solid #29A1E6; background-color:#ffffff"> </span></td> </tr> <tr> <td height="20"></td> <td>当您忘记密码时，用于取回密码。</td> </tr> </table></td> </tr> <tr> <td height="16&

49、quot; bgcolor="B8DDFE"><table width="440" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="120" height="20"><div align="right"><font color="#FF0000&q

50、uot;>*</font> 真实姓名： </div></td> <td><span class="12"> <input tabindex=7 name="realname" value="张三"> </span></td> </tr> <tr> <td width="120" height="20"><div align="right&quo

51、t;><font color="#FF0000">*</font> 性别： </div></td> <td><span class="12"> <input tabindex=8 type=radio name="gender" value="男"> 男 <input type=radio name="gender" value="女"> 女</span><

52、/td> </tr> <tr> <td width="120" height="20"><div align="right"><font color="#FF0000">*</font> 联系地址： </div></td> <td><span class="12"> <input tabindex=9 name="address" size=35

53、 value=""> </span></td> </tr> <tr> <td width="120" height="20"><div align="right"><font color="#FF0000">*</font> 邮政编码： </div></td> <td><span class="12"> <input ta

54、bindex=10 name="postcode" size=10 value=""> </span></td> </tr> <tr> <td width="120" height="20"><div align="right"><font color="#FF0000">*</font> 联系方法： </div></td> <td><

55、;span class="12"> 电话：<input tabindex=11 size=11 name="telphone" > 手机：<input size=11 name="cellphone" > </span></td> </tr> <tr> <td width="120" height="20"><div align="right"><font color=

56、"#FF0000">*</font> 出生日期： </div></td> <td><span class="12"> <input tabindex=12 name="birth" size=10 value="1981-1-1"> </span></td> </tr> <tr> <td width="120" height="20"><div align="right"><font color="#FF0000">*</font> 身份证号码： </div></td> <td><span class="12"> <input tabindex=12 name="idCard" size=18 value=""> </span></td> </tr> &

人人文库> 全部分类> 教育资料 > 中学教育

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论