《ASP技术的网站设计案例》由会员分享,可在线阅读,更多相关《ASP技术的网站设计案例(10页珍藏版)》请在金锄头文库上搜索。
1、(一)网站结构及功能网站开发工具及平台本网站基于ASP 技术,运行于Windows 平台。数据库方面,目前比较常用的数据库为MS SQLServer 和MS Access,SQL Server 在安全性、开发控制能力、数据挖掘、联机操作等许多方面都是Access 无法超越的,故本文采用了MS SQL Server2000 数据库管理系统作为数据库支持。网站功能模块本网站包括不需要经常修改的静态模块和需要经常更新的动态模块其构成为:单位简介:介绍本单位的基本概况。航道概况:主要内容为黑龙江省航道的基本情况,过河建筑物情况,浅滩情况,航道管理机构、养护及建设情况。航政执法:主要内容为黑龙江省航道的
2、管理条例。机构设置:主要内容为本单位各机构基本介绍及各单位的工作职责。政工之窗:主要内容为党建工作,文明单位建设,青年园地,工会工作。船机设备:主要内容为本单位的船舶和其他机器设备。行业新闻:本模块主要提供内容为本行业的最新发展,本单位的新闻等信息。公告栏:本模块主要提供本单位的通知、公告、考核、培训等信息。水情信息:有两部分组成,一是水情预报,从开江到封江期间,每月份上中下旬提供黑松乌嫩四江的包括气象、水情趋势、水位、航深等预报信息。二是航道公报,每天包括二十几个水位站的水位和十几个航线的航深公告。后台管理:本模块为用户不可见模块,包括用户登录验证,新闻、公告、水情信息等的发布、修改、删除等
3、操作。网站设计目标本网站尽量采取模块化的设计过程,实现信息的网上查询和加速办公自动化的进程,提高工作效率。(二)设计实现网站的整体设计本网站有多个模块,但是有的模块不需要经常更新,为了减轻服务器的压力,把部分模块做成静态的,部分模块做成动态的。其中静态模块包括单位简介、航道概况、航政执法、机构设置、船机设备;动态模块包括行业新闻、公告栏、政工之窗、水情信息。网站功能模块的设计网站的动态功能模块包括文章管理模块和用户模块。其中文章管理模块分为三个功能,包括文章的发布、修改、删除。数据结构及数据表本系统采用SQL Server2000 数据库管理系统。首先在SQL Server2000 中创建一个
4、名为DB_HLJHD 的数据库。根据上面的分析,本网站需要用到六个表:BookA、BookB、BookC 及各自的User。表的详细信息如下所示:BookA 表用于存储行业新闻、公告、政工之窗中的文章相关信息。BookB 表用于存储水情信息中的水情预报相关信息。BookC 用于存放航道公报中的各站水位、较昨日、各航线的左、中、右航深等二百多字段。上述表各自的User 表,UserID(int 类型,用户ID 号)、Username (nvarchar 类型,用户名称)、Password(nvarchar类型,用户密码)。关于用户登录界面的设计用户信息的存储通常使用的对象是Session 对象和
5、Cookie 对象。Cookie 数据存放在客户的浏览器上,单个Cookies 在客户端的限制是3K,就是说一个站点在客户端存放的Cookies 不能大于3K,Cookies 值可以用Request 来获取。Cookies 是可以设定有效期的,如果没有设定其有效期,那么用户关闭浏览器后就会自动消失。如果设定了有效期,除非通过IE 的工具清除了Cookies,否则会一直保留到设定的有效期为止。用户登录。用户登录的界面包括两个表单和两个按钮,其中表单名称分别为UserName 和Password,功能是提交用户名和用户密码;两个按钮的功能分别是提交数据和取消。用户退出。用户退出的主要工作是清除保存
6、在服务器端的用户信息,包括清除服务器端的用户名和密码,重定向页面。关于文章页面的静态化问题如果一个页面使用了较多的查询语句,用户浏览时读取的数据库次数也较多,浏览速度就会很慢,而且占用服务器资源。另外,静态的HTML 页面比ASP 页面更容易被搜索引擎搜索到,从安全角度考虑,当程序出现问题时,ASP页面会不能正常显示或者出现错误提示,HTML 页面则可以正常访问。又考虑到HTML 页面可以灵活方便地排出具有特色的版面,本站对行业新闻、公告、政工之窗及水情预报采用ASP 页面静态化来发布。(三)发布设置及结果数据库链接本站采用的数据库管理系统是MS SQLServer2000,假设服务器名为lo
7、cal,用户名为admin,用户密码为admin888,数据库名为DB_HLJHD。安全防范SQL 注入是ASP 网站需要特别注意的问题,SQL 注入有很多方面的原因,本节主要探讨通过配置服务器防范SQL 注入攻击所需要注意的地方。Microsoft 提供的IIS 被广泛地用作服务器。IIS 有很详细的错误提示,这种提示一方面给编程开发人员调试提供了很好的参考,另一方面也给SQL 注入提供了机会。攻击者往往通过IIS 的错误提示判断是否存在SQL 注入。所以在服务器上应设置将IIS 的错误提示定向到网站主界面。这样即使ASP 运行中出现错误服务器也不会泄漏错误信息。另外,为Web站点上不同类型
8、的文件建立不同的目录,然后分别赋予适当的权限。我单位网站投入使用后,加快了本单位的信息化建设,为水上作业的工作人员提供了水情、航道等有用信息,为单位人员在工作上提供了便捷的服务,也很好地服务了黑龙江的水运。4、 购物网站的实现(一)IlS服务器的建立网站实现的第一步,首先应该建立一个用于网站实现的IIS服务器,对服务器的建立不仅是网站实现的关键也是后续对网站的测试的关键。由于系统的开发平台是WindowsXP系统。所以实现在XP系统下的115服务器建立。“首先点击电脑左下方的开始按钮,然后点击菜单中的控制面板,紧接着双击窗口中的添加安装程序图标,“打开添加或删除”的对话框,如图4.1所示: 图
9、4.1添加删除程序窗口打开添加或删除程序窗口后,双击=添加/删除Windows组件(A)按钮,打开“Windows组件向导”对话框、打开后如图4.2所示 图4.2添加删除组件点击hitemct信息服务器(II)勾选项,然后单击下一步按钮,此时系统提示需要插入安装盘,如图4.3所示 图4.3提示插入光盘界面图 最后放入安装并完成服务器安装。(2) 网站与数据库的连接实现购物网站与数据库连接的实现是网站的重要部分,如何能够高效的存储数据库是一个网站的关键。由于本次设计的购物网站的许多页面都涉及到了数据库读写操作,并且都需要对数据库进行连接因此链接数据库部分的代码使用的就将会十分频繁。为了更好的提高
10、代码执行的效率,本文设计代码的时候采用的方法是:首先创建一个文件名为conn.asp的数据库操作文件,在页面需要使用数据库的时候只需要通过使用语句“调用eonn.asp文件。这样就可以有效的提高了系统运行的效率数据库操作文件的主要代码如下:(三)网站前台实现网站前台设计不仅仅要考虑美观,还要考虑网站风格的的一致性问题在网管站的实现上我们采用了一些页面的风格文件,用以协调网站的整体风格。例如header.asp文件(网站页面的头部风格文件)在后续的页面设计中每个页面都将调用该文件进行页面的头部布局本文设计的多个调用页面都存储在网站文件的include文件夹内。1.主页界面:主页界面:利用Drea
11、mweaver软件对网管站首页进行简单的布局,插入相应的功能模块,将文件名保存为index.asp如图4.4所示 图4.4网站主页图片1.用户登录:“用户登录主要是针对用户登录网站前台设计的,只有笨网站的会员才能够购买网站的商品登录时需要验证的信息主要有用户名、密码以及验证码,所以我们首先通过用Dreamweaver创建一个文件名为login.asp的asp文件。然后通过软件对其添加文本字段,将其分别命名为用户名、密码、验证码。然后插入了一个随机的验证码模块。最后添加登录按钮与注册按钮。将登录按钮的触发事件设置为,通过reques对象读取到用户名与密码。然后通过sql语句中的select查询语
12、句对数据库进行查询。如果查询成功将显示网站登录成功。如果不成功则清空文本字段中输入的内容并提示重新输入用户名。点击注册我们将按钮的触发设计为触发注册页面。”通过以上方法生成的用户名登录模块如下图4.5所示 图4.5用户名登录模块“注册页面的设计主要首先通过Drea,eaver对网站的整体布局进行设计插入表格。然后为了与首页的风格一致首先插入一些前面所说的风格模块。然后插入一些与注册信息相关的文本字段。最后在插入提交和清楚按钮。其中提交按钮的触发事件设置为将文本字段中输入的内容通过SQL语句的叩date插入语句进行数据库插入操作将信息插入到用户表中。最后清楚按钮用于清楚已经输入的文本字段。”实现
13、后的的界面如图4.6所示: 4.6注册页面图 2.购物车:“购物车的设计是本次设计的一个关键部分。通过详细设计部分所介绍的功能,利用软件首先创建一个cart.asp的文件。然后插入一些网站设计中的有关组件。当用户点击所需购买的商品时通过数据库查询语句“select*fromwhereproduct=&requeSt(”prenallle”)”查询商品表的商品信息然后将所查询到的信息显示到购物车的对应项。点击删除按钮的时候通过AsP中的Recordset对象rs.deleCt删除数据记录。下订单按钮的触发事件设置为触发订单页面,点击继续采购触发的事件是回到购物界面。该界面的实现如图4.7所示:
14、图4.7购物车图 3.订单界面 “订单界面的设计与注册页面的设计相似,建立一个文件名为reg.asp的文件采用同样的方法设计实现该页面。”设计完成后的界面如图4.8所示 图4.8购买页面图 4.留言板块:“留言表的设计,首先是创建一个文件名为mess.asp的文件。然后加入文本框用于用户输入留言。点击提交按钮通过Sql语句将用户留言插入到数据库中的留言表中。”设计后的界面如图4.9所示: 图4.9留言模块图 5.商品搜索:商品导航主要是查询数据库中的商品类别表,将商品类别表中的数据项对应到界面中相依的位置。用户可以对界面上的信息进行点击。最后将其存为文件名为Procart.asp的文件。实现后的界面如图4.10所示: