ASP动态网站开发实训报告
商务3101 时运
213100703
网上服装销售系统
1 系统概述
1.1 随着Internet 的飞速发展,电子商务已成为当前热门话题,同时也出现了各种各样的网上商店。这是一个简化了的网上购物网站——“网上服装零售”。用户在此可以对新上市的服装品牌进行浏览,也可以查询具体某一款服装的详细信息,如果需要可通过填写订单直接定购,管理员查看订单,对订单的处理情况进行修改。
1.2 系统运行环境
(1)硬件环境
l 处理器:Inter Pentinum Ⅲ 或更高。
l 内存:256MB
l 硬盘空间:10GB
l 显卡:SVGA显示适配器
l 网络配置:宽带网络
(2)软件环境
l 操作系统:Windows 2000/windowsXP
l Web服务器:IIS5.0
l 数据库:Microsoft Access 2000
l 浏览器:Internet Explorer 5.0
l 编程工具:Dreamweaver MX 20## ,Editplus 2.0
1.3 功能需求描述
它由3个部分组成:
(1)用户的登录注册;
(2)用户自行浏览物品
(3)用户欲买时可以加入到购物车
(4)用户填写订单
(5)用户确认订单
(6)用户至收银处结算
2 系统总体设计
(图 2-1)
2.1 系统功能模块图:(如图 1-1)
客户模块:首先进行客户信息注册,然后登录该系统,登录后可以查看服装等商品信息,对需要选购的商品可以填写订单,同时也可以查看已填写的订单。
2.2 数据结构及数据库设计
本系统使用SQL Server数据库,根据系统需要数据库中建立了 个表,分别是:
(1) 客户信息表 (表名:customer)
(图 2-2)
(2) 服装信息表 (表名:carts)
(图2-3)
表customers保存客户信息,包括客户的地址和电话等,这些是提供送货服务所必须的。表dorder包含用户订购信息并兼作销售记录,这已经非常简化了。
(3) 订单表 (dorder)
3 详细设计
3.1 用户使用部分:由6个asp页面组成
(图 3-1)
l 首页(index.asp)——服装销售,上边是标题部分,左边是超级链接列表,中间显示刚上市的新品,新品服装的信息来自数据库,如果有更新的上市新服装被添加到数据库,首页显示的服装图片会随之变化。从数据库提取数据,按上市时间进行排序,语句中的DESC表示降序(倒排序),即后上市的排在前边。用FOR循环取前4条记录(4中款式服装),显示两种服装之后换行。如图所示。
l 详细信息页(detail.asp),显示指定服装款式的详细信息,例如在首页中单击“Yans言莎 夏 2012女新 甜美小清新”图片,进入服装的详细信息页。可以看到该服装的详细信息。下方还有填写订购数量的文本框和提交按钮。
l 订单提交页(order.asp),订单被加入数据库。并显示出相关信息。
4 程序设计代码
<%
i=0
do while not rs.eof
i=i+1
%>
<%
if i mod 2 =0 then
response.Write("</tr>")
end if
rs.movenext
loop
rs.close
%>
<%
set rs = server.CreateObject("adodb.recordset")
rs.open " select id,author,jianjie,price1,price2,name,pic,press from books order by id desc",conn,1,1
%>
5 实训总结
本周是ASP动态网站开发实训,经过一周的实训,将学习的理论转化为实践,自己真的懂得了很多。
我们组由我,季哲,周青青组成。我们开发的系统是网上服装销售。这样的系统就类似于淘宝,麦包包等这样的网店。实现的功能有用户的登录和注册,用户自行浏览商品,用户查看商品的详细信息,填写订单,确认订单,最后转至收银台结账。
我们一共制作了6个页面,大家都参与了页面的设计。链接数据库主要由季哲和周青青完成。我们整个小组很团结,总是互帮互助。页面的设计需要和数据库的设计相挂钩,大家刚开始都没有急忙赶着制作,先是商量下该做什么系统,怎么制作系统。最终大家一致敲定,做购物系统。于是先绘制了系统的总体设计图,然后根据设计图设计数据库。
在制作页面的时候,也遇到了很大的麻烦。例如商品展示页面,我们就搞不清楚商品如何从数据库自动展示在页面。于是老师帮了我们很大的忙,很耐心地告诉我们后台代码怎么写,什么功能,在我们制作相似页面的时候该怎么修改后台代码,老师非常耐心的态度安抚着我们烦躁的情绪,于是打起精神接着开始写代码制作页面。
接下来就是修改数据库了。在上个学期学习数据库的时候,我们没怎么学得特别好,底子真的是非常弱。于是我们就像班里数据库学习的稍微好点的人求助。幸运的是,我们问及的每个人都没有嫌我们烦,都是很细心很耐心的教给我们。数据库在本次实训中占着举足轻重的位置,数据库的制作与连接是个很浩大的工程。老师为了减少我们的工作量,发给了我们一个基本的数据库,让我们按着那种最基本的模型进行修改,修改表,修改自己需要的字段。
最后,也就是最重要的环节就是进行调试。我们建立好IIS,建立好虚拟目录进行网站的发布。刚开始也总是发布出现错误,这让我们很纠结,眼看着要做好了但是结果不正确这让我们心里很受挫,很有挫败感,一时之间竟然有点毛躁。大家都不知道该怎么办好。过了会,大家平静了会心情接着又开始调试。当大家开始像无头苍蝇开始乱蒙的时候,还是老师帮了我们大忙,有的时候是网页后台代码拼写错误,有的时候是数据库字段有问题。由于我们的粗心大意,竟然没有发现,还好老师帮了我们,以至于我们不是特别狼狈。我们很仔细很认真的调试,终于功夫不负有心人,总算是成功了吧。
总结这次实训,这次这个网站能这么顺利的完成,离不开老师的帮助和小组成员的努力,虽然这次实训我们小组只有3人,但是我们是一个有效率、有组织、有团队精神的小组,有效率在于小组制作网站中分工明确、讨论有目的;有组织在于小组成员能按时、有质量的完成自己的分工任务,值得一提的是这次网站开发的大部分时间在实训教室而我们小组成员还从未擅自旷课、上课迟到、早退等违纪行为;有团队精神在于我们小组实训过程中的共进退,从不因为自己分工任务提前完成而拉下其他组员,我们意识到小组是一个有组织、有记录、有共同目的的集体而不是一个由分散的个人组成的团体,在这次小学期实训中之所以提出小组分工这是锻炼小组组员的个人能力培养,而帮助有困难的组员这充分培养了组员之间的默契和团队协作能力。
这次是唯一的一次动态网站开发实训,也是自己做投入、最用心的一次实训,与以前的实训相比,以前的实训都是以掌握某种实训技能为主,而这次小学期则不仅掌握了动态网站的制作技术而且还制作出了自己的成果,自己非常高兴。经过这次实训,我领悟到任何东西都要“学以至用”,学习了还不行还要看自己掌握了没,掌握了还不行还要看自己熟练了没,熟练了还不行还要做出一定成果。即将毕业,能接受这么一次有意义的实训感觉很充实。
最后还是要感谢老师耐心的讲解和帮助,老师真的辛苦了~!~!
第二篇:动态网站建设实训报告
动态网站建设
实训报告
班级:G093501
姓名:孙琦
学号:093501047
指导老师:XXX
实训时间:2011.10.10 ~ 2011.10.15
20xx年10月15日 甘肃机电职业技术学院
一、实训目的
1、进一步熟悉和掌握网站建设的基本流程和技术规范;
2、 巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识;
3、巩固综合运用Dreamweaver软件完成网站建设任务的方法,能独立设计一个内容完整、技术运用得当的网站;
4、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识;
5、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的动态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等),为今后从事网站开发、维护和管理奠定基础。
二、实训项目
学生信息管理网站
三、实训过程 1.资料的搜集。
2.构建站点框架。
3.设计主页及二级页面。
4.实现网页间的链接
链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
具体情况如下: 通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver 软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。
制作网页,首先是确定主题,经过再三考虑,就做了个关于学生信息管理的网站,于是确定主题,但有些内容比较复杂,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的学生信息管理网站,于是网站主题确立。
然后是整体规划,每一版块清晰明,便于管理,大致分几部分,学生信息显示、编辑、添加、删除等。
再后就是建立站点,
接下来就是制作网页了,使用Dreamweaver制作。
首页主要是导航作用。首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:
简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
还有,这次的网站大部分用的是表格,层用的很少,因为它太灵活了,不好控制,用的很少。
再后,是网页的上传与发布,用ftp将制作好的网站上传
制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才开始查找,开始的时候只是会建立模版,可不会应用,操作,可这样要修改模版可就麻烦了,要一个网页一个的修改,于是赶紧上网学习相关内容,阅览书籍,最后才知道文件这有个资源,点击:
进入资源面板,点击到数第二个的模版,选项,所有模版就都显示了,点击资源面板左下角的应用命令,好了,这个模版就应用到你建立的网页中去了。 这只是在制作过程中出现的问题之一,其它问题也是类似相同。现在想想,自己所会的东西太少了,现在做的网站只是一些简单的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。
以后要学的实在是太多了,而且我也很喜欢这方面,在以后的日子里,会努力填充自己,丰富自己的。希望以后有不懂的地方,老师能多多指点。
四、心得体会 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
对于现在的社会,科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快,而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知,到现在才经历的短短的几年时间,在这几年中随着计算机网络的广泛应用,特别是Internet的普及和发展,网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今,数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候,在网络成为通信的主要手段的时候,在计算机网络普及的今天,网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者,要讲述什么样的事情,网页在这里起着重要的作用。
(一) 页面的设计方面
网页设计跟学习别的东西一样,也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著。
学习网页设计需要耐心,如果没有耐心,就学不好网页设计,应为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要很长时间去解决,我就碰到过一个问题,用了很长时间才解决。
学习网页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,因此我们要不断的学习
并且学习网页设计不要掉入技术的陷阱,如果你的网页设计技术一流,并且对软件的掌握程度已经达到一定水平,但是你设计的网页确不堪目睹,这是因为网页设计是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到:,
VBscript,css,asp等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.
并且我认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以抚摸,可以评论,可以交互的。因此我提倡简单的美。
(二)网页的整体布局和导航
网页的布局通常指的是网页的整体架构,说的通俗一点就是排版。如何突出最重要的内容,即让用户眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中,一个共同的特点就是网页的整体架构十分的清晰明了,便于用户浏览。
网页布局是主要考虑以下几点:
1、首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。
2、其次就应该考虑导航条的设置了。
3、正文的框架设置(横向因素和纵向因素交错)
(三)网页制作过程中的其他注意事项
不要过于注重色彩的灿烂,只要简单就行。我们最终追求的主要是实用价值。 通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。虚在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。
一个星期的实训将结束了,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了制作动态网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。