三星手机网站设计毕业论文.doc

《三星手机网站设计毕业论文.doc》由会员分享，可在线阅读，更多相关《三星手机网站设计毕业论文.doc（30页珍藏版）》请在三一办公上搜索。

1、目录内容摘要 1关键词 1一、三星手机网站介绍 1（一）设计制作的目的 1（二）网站的构成及基本操作流程 2（三）站点开发运行的环境 5二、网站的结构图 6三、网站的文件列表 6四、网站数据库结构列表 13五、三星手机网站设计制作技术说明 16六、叙述小组分工给自己负责部分的设计思路和制作过程 24七、设计制作过程中遇到的困难、解决的方法与体会 25参考文献 27致谢 27 三星手机网站设计 内容摘要：随着互联网的迅猛发展，网络已经融入了人们的生活，网上一族的人群越来越庞大，需求越来越大。网络让我们的生活更加方便，足不出户就以买到千里之外的商品，可以更好的选择适合自己的。要设计一个这样的网站页

2、面的动态性和交互性就尤为重要，而微软的asp（Active Server Page）功能强大，易于开发。所以选用asp来开发这个网站。Dreamweaver是一款功能强大的网页制作工具，使用它我们可以简单快捷的进行开发。数据库方面考虑到简单易用，且网站的数据量并不大，所以选用access。所以我们选用Dreamweaver来制作完成三星手机网站。关键词：手机网站、网上购物、购物车、管理员、数据库一、三星手机网站介绍：（一）设计制作的目的：随着互联网的迅猛发展，网上一族的人群越来越庞大，需求越来越多，由此网上增多了很多新鲜模式。在这种背景下我们创建了这个手机网站，手机是我们生活中必要的一部分，它

3、给我们的生活带来了更多的方便。三星手机网站是为了让人们无需奔走在各个手机商店挑选手机，比较价格，只需在家中上网，足不出户就可以了解各个三星手机的性能与价格，我们的手机没有柜台费用，没有中间商，因此比商店里的手机更优惠。所以在我们的手机网站上一定可以挑选到适合自己的最便宜的三星手机。 （二）网站的构成及基本操作流程：网站的构成：网站前台主要分为首页、手机展示页、用户注册登录、购物车、订单填写、手机查询等页，网站后台主要分为用户管理、手机管理、订单管理、评论管理等页。首页里有很多三星手机新闻和对手机的评测，这些都是为了让人们更好的了解三星手机。手机展示部分分为最新手机介绍和全部手机介绍，其中也可以

4、按手机外观分类展示。查询部分分为手机型号（模糊），手机上市时间和手机外观三部分查询。这些是为了节约用户的时间定向查询。购物车可以随时对购买的手机进行浏览、管理。基本操作流程：用户进入网站就会看到三星手机的首页，可以通过公告了解最新的手机动态。并且如果用户想再本网站上购物，那么用户就需先注册或者登录（未注册，未登录不能购物）。用户登录成功之后进入“欢迎登录三星手机网站！请到相关网页选购商品”。在这里可以自行查看或修改用户资料等，可以查看以往的订单情况。还可以查看手机相关的新闻。当用户返回首页后就可以进入各页，用户可对手机进行查询，本网站设有3种查询，分别为手机型号，上市时间和手机外观。这样可以减

5、少用户查询手机的时间。同时，还可以进入手机展示页直接对手机进行查询。该页里包括新品推荐，和手机分类的链接。在这页里对每部手机都设有评论。这样有利于用户更好的了解手机，从而购买手机。挑选好手机后放入购物车，在购物车中，可以继续购物，用户也可以随时对订单进行修改、删除。购买多款手机还可以累计商品的价格。清晰地了解购物金额。确认购买后就可以点击填写订单，把内容填写完整后点击提交本次购物就顺利完成了（用户可以继续购物）。管理员（只限管理员登录）进入网站后台可以对其进行管理。用户管理(详细查看，修改，删除信息)、手机管理（详细查看，添加，修改，删除手机）、订单管理（及时处理订单）、评论管理（只对评论进行

6、删除）、公告管理（更新修改公告）、新闻管理（对新闻进行添加，更新，删除）。完成后退出后台管理页面。（三）站点开发运行的环境： 硬件：1.CPU最好是奔4的2.硬盘不少于15M空间 建议50M以上空间 3.内存不低于128M 建议1G内存 软件：1.IIS 版本5.1以上 2.IE浏览器 6.0以上3. Dreamweaver、Access数据库、Photoshop、Flash、Fireworks、建议是office2003二、网站的结构图：首页管理员登录用户登录退出后台管理手机管理订单管理注册、修改、用户信息，找回密码手机展示，查询，评论购买商品购物车用户管理交易完成填写订单修改，删除处理订单

7、添加，修改，删除评论管理公告管理新闻管理添加，修改，删除安全退出删除评论更改内容三、网站的文件列表：站点根文件夹序号文件名标题作用及简介1index.asp三星手机三星手机网站首页admin文件夹：管理员管理文件1admin.asp管理员后台管理页2chongdeng.asp重新登录提示管理员登录错误3chuli.asp订单处理订单处理4denglu.asp登录管理员登录5dingdan.asp订单管理订单管理6gonggao.asp更新公告更新公告7pinglun.asp评论管理评论管理8shouji.asp手机手机管理9tianjiaxinwen.asp新闻管理新闻管理10tianjua.

8、asp添加手机添加新手机资料11xiangxi.asp详细用户资料详细查看用户资料12xiangxi1.asp详细手机详细查看手机资料13xinwen.asp更换新闻内容更换新闻内容14xiu.asp修改手机修改手机资料15xiu1.asp修改修改用户资料16yonghuguanli.asp用户管理2用户管理页chaxun文件夹：手机查询文件1cha.asp查询手机查询2shijan.asp时间手机按时间查询3waiguan.asp外观手机按外观查询4xinghao.asp型号手机型号模糊查询data文件夹：数据库文件1shouji.mdb数据库2shouji_2009-12-01.mdb备用

9、数据库image文件夹：存储站点图片1pinghe88张jpg图片2tupian168张jpg图片175张jpg图片connections文件夹：链接数据库文件1phone.asp数据库调用文件dingdan文件夹：手机订单等文件1cunzai.asp存在页用户名存在提示2cuo.asp用户登录错误页用户登录用户名或密码错误提示3cxyhzl.asp查询页查看用户资料4ddqk.asp订单情况查询以往订单5ding.asp填写订单填写订单6eer.asp商品评论页商品评论7gouwuche.asp查看购物车挑选商品（可删除）8huanying.asp购买成功页购买成功9mima.asp找回密码

10、用户找回密码10mima1.asp密码提示回答问题用户找回密码密码提示11mima2.asp显示密码用户找回密码显示密码12over1.asp累计金额-清除购物车清空购物车13nws.asp新闻新闻查看14tiao.asp登录成功用户查看修改资料15xiandeng.asp未登录提示提示登录16xin.asp新品推荐手机新品推荐17zc.asp注册新用户注册fenlei文件夹：手机分类文件11zhi.asp直板手机页直板手机展示22zhi.asp直板手机页直板手机展示33zhi.asp直板手机页直板手机展示44zhi.asp直板手机页直板手机展示55zhi.asp直板手机页直板手机展示66zh

11、i.asp直板手机页直板手机展示77zhi.asp直板手机页直板手机展示88zhi.asp直板手机页直板手机展示99zhi.asp直板手机页直板手机展示1010zhi.asp直板手机页直板手机展示111hua.asp滑盖手机页滑盖手机展示122hua.asp滑盖手机页滑盖手机展示133hua.asp滑盖手机页滑盖手机展示141fan.asp翻盖手机页翻盖手机展示152hua.asp翻盖手机页翻盖手机展示shouji文件夹：会员文件夹1quanbu.asp全部手机页手机全部展示21.asp详细资料页手机的详细资料介绍32.asp详细资料页手机的详细资料介绍43.asp详细资料页手机的详细资料介绍

12、54.asp详细资料页手机的详细资料介绍65.asp详细资料页手机的详细资料介绍76.asp详细资料页手机的详细资料介绍87.asp详细资料页手机的详细资料介绍98.asp详细资料页手机的详细资料介绍109.asp详细资料页手机的详细资料介绍1110.asp详细资料页手机的详细资料介绍1211.asp详细资料页手机的详细资料介绍1312.asp详细资料页手机的详细资料介绍1413.asp详细资料页手机的详细资料介绍1514.asp详细资料页手机的详细资料介绍1615.asp详细资料页手机的详细资料介绍user文件夹：会员文件夹1mima.asp修改密码用户修改密码2pingping.asp手机

13、评论手机评论3xiugaiziliao.asp修改修改用户资料xinguan文件夹：会员文件夹11.asp新款手机新款手机22.asp新款手机页新款手机展示与介绍33.asp新款手机页新款手机展示与介绍44.asp新款手机页新款手机展示与介绍55.asp新款手机页新款手机展示与介绍66.asp新款手机页新款手机展示与介绍77.asp新款手机页新款手机展示与介绍88.asp新款手机页新款手机展示与介绍99.asp新款手机页新款手机展示与介绍1010.asp新款手机页新款手机展示与介绍1111.asp新款手机页新款手机展示与介绍1212.asp新款手机页新款手机展示与介绍xinwen文件夹：会员文

14、件夹11.asp三星M7600评测页手机外观等展示21-1.asp三星M7600评测页手机音乐效果介绍31-2.asp三星M7600评测页手机外观与功能介绍41-3.asp三星M7600评测页图片效果和其他功能等51-4.asp三星M7600评测页手机的拍照功能61-5.asp三星M7600评测页音乐播放器功能效果71-6.asp三星M7600评测页待机功能和最后的总结81xiang.asp三星i6320c评测页各个方向的简单介绍92.asp三星S7350C评测页机身细节的展示102-1.asp三星S7350C评测页机身外观的展示112-2.asp三星S7350C评测页手机的其他功能122-3

15、.asp三星S7350C评测页电池与电池仓等展示132xiang.asp三星手机新闻页三星两款新TD手机143.asp三星i6320c评测页手机的改进153-1.asp三星i6320c评测页手机整体展示效果163-2.asp三星i6320c评测页拍照功能和照片展示173-3.asp三星i6320c评测页数据传输，待机和总结183xiang.asp关于三星页介绍韩国三星手机194.asp三星S3830U评测页手机各个细节的展示204-1.asp手机新闻页手机的外观展示214-2.asp三星S3830U评测页手机的基本界面展示224-3.asp三星S3830U评测页数据传输功能与总结234-4.a

16、sp三星S3830U评测页多媒体播放，音乐功能245.asp手机新闻页关于手机的最新新闻256.asp手机新闻页关于手机的最新新闻267.asp手机新闻页关于手机的最新新闻278.asp手机新闻页关于手机的最新新闻四网站数据库结构列表admin 管理员信息表字段名类型说明admin_name文本管理员用户名admin_pass文本管理员密码xinwen 新闻信息表字段名类型说明编号自动编号编号标题文本新闻的标题内容文本新闻的内容car 购物车信息表字段名类型说明商品编号文本商品的编号手机文本商品的名称价格文本商品价格付款人文本商品付款人pinglun 评论信息表字段名类型说明编号自动编号编号评

17、论日期文本评论日期商品编号文本商品的编号评论人文本评论人评论文本评论内容shouji 手机信息表字段名类型说明编号自动编号编号图片文本商品的图片型号文本商品的名称商品编号文本商品的编号市场价格文本商品的市场价温馨价格文本商品的温馨价上市时间文本商品的上市时间手机特点文本商品的特点手机外观文本商品的外观gonggao 公告信息表字段名类型说明编号自动编号编号公告内容文本公告的内容user 用户信息表字段名类型说明编号自动编号编号用户名文本用户的姓名姓名文本用户的真实姓名性别文本用户的性别年龄文本用户的年龄用户名密码文本用户密码用户名密码确认文本用户密码确认密码提示文本用户的密码提示密码答案文本用

18、户的密码答案电话文本用户的电话地址文本用户的地址email文本用户的邮箱邮编文本用户的地址邮编注册日期日期/时间用户的注册日期职业文本用户的职业dingdan 订单信息表字段名类型说明订单编号自动编号订单的编号订手机人文本订手机人订手机email文本订手机人的email订手机电话文本订手机人的电话收手机人文本收手机人收手机地址文本收手机人的地址收手机邮编文本收手机人的邮编收手机电话文本收货人的电话收手机email文本收手机人email交货付款方式文本收货人的付款方式订单信息文本订手机的信息订手机日期文本订手机的日期金额数字订手机的总金额付款金额文本订手机的付款金额订单确认文本订单确认订单发货文

19、本订单发货订单结款文本订单结款五、三星手机网站设计制作技术说明本网站的设计重点在于商品的购买和订单的管理等功能。该功能需要提供用户商品浏览，并在单独的页面内显示用户所要浏览的商品的全部信息。还可以通过自己定向的需求来查询搜索结果。购买者需要登录成功后，进行购买商品。如果是新用户的话，要先进行注册，内容需要填写完整后才能注册成功，然后登录。购买商品时，只需点击购买两字，用户就将选购的商品放入购物车，在购物车中可以对已选的商品进行管理，合计金额，还能删除不需要的商品。同时也可以继续购物，如果商品确定购买后就可以填写订单，将订单内容填写完整后就可以提交订单，然后清除该用户的购物车数据。在每个商品中我

20、们都设有手机评论，用户可以查看新闻和评测来解手机。还可以从每部手机评论中了解手机的使用性能。同时也可以再评论中提出自己的问题或是分享自己使用手机的心得。实现上述功能：提供了商品分类浏览和按商品添加顺序浏览等页面，通过设置对记录集的筛选和排序实现该功能。代码如下：为了提高搜索成功率，搜索功能采用了模糊搜索技术，搜索结果页面中使用like语句进行包含筛选，并且在变量前后添加了通配符%，使得用户可以使用被搜内容中的任何一部分进行搜索。代码如下：新用户注册页里，我们对每一项都做了表单拦截，这样可以掌握用户的详细信息。便于管理也可以获得很多用户的真实资料。用户登录后可以查看修改用户资料，有时密码会忘记，

21、本网站还设置了找回密码和修改密码两个功能。它们都是记录集都是用的多个筛选，例如：用户如果要购买商品，就需要先登录，为了实现这个功能，我们先添加了一个登录用户，代码如下：form action= method=POST name=form1 class=STYLE12密码：在购物车查看页，以购物登录的用户名筛选，创建car表的纪录集。设置重复区域，查看所有记录，实现了查看已购商品的功能。代码如下:在购物车内可以继续购买商品也可以删除单样商品订单和删除全部订单（清空购物车）。清空购物车省去了一个一个删除商品的麻烦，节省了时间。为了做这个清空购物车，我们单独做了一个over1.asp页，通过设置对记

22、录集的筛选和排序实现该功能。代码如下：在over1.asp页里我们添加了一个服务器行为命令，里面的类型选择删除，代码如下：在每一条订单中添加小计，并在页面中显示全部价格。ss的初值为0，所以s为小计，ss为总价。总价为小计相加。故建立变量s和ss添加。如下代码：% j=CSng(Recordset1.Fields.Item(价格).Value) n=Cint(Recordset1.Fields.Item(数量).Value)ss=(Recordset1.Fields.Item(价格).Value)s=s+CSng(ss)zz=(Recordset1.Fields.Item(数量).Value)

23、z=z+Cint(zz)slk=slk+手机：+(Recordset1.Fields.Item(手机).Value)+ +(Recordset1.Fields.Item(价格).Value)+元Session(jg)=sSession(sl)=zSession(slk)=slk %每部手机我们都设有手机评论，这是为了让人们能很好的了解手机，为了实现这个功能，设置id用来传递，代码如下：ahref=./user/pingping.asp?id=评论。记录集筛选中选择URL参数id传递。在评论内容中做了拦截，如果没有填写评论内容是不能提交的，代码如下：function CheckForm()if

24、(document.form1.textarea.value.length = 0) alert(请填写留言内容，再提交。);document.form1.textarea.focus();return false;评论人的姓名默认为匿名但也可以进行修改。评论成功后能直接显示在本页，同时显示评论时间。在评论页也可购买手机，但必须登录。在首页里，我们设置了一个滚动字幕，设置了它的速度，代码如下：在tiao.asp页中我们添加了一个新闻公告，这里的新闻我们可以直接去后台添加，更改，删除。新闻公告要先建一个表格为xinwen的记录集，新闻公告的动态文本代码如下：a href=news.asp?后台管

25、理页的手机管理和用户管理，由于里面的内容太多，为了方便查看我运用了评论的技术，设置iddd用来传递，代码如下：a href=xiangxi1.asp?iddd=详细情况六、叙述小组分工给自己负责部分的设计思路和制作过程三星手机网站是我和王晓雨两个人合作完成的。在整个网站里我主要负责后台的制作，包括后台管理页面，用户管理，手机管理，评论管理等大部分内容。以及前台包括评论页，查询页，用户注册等部分页的制作。要制作这个网站，我首先对自己要做的内容进行规划，分成几个步骤来制作。首先是与王晓雨讨论网站的核心购物部分，先构思前台的框架。包括了商品展示、搜索、手机分类、商品详细内容展示、新品展示、订单填写、

26、付款、用户订单管理等部分。然后是用户部分，包括用户注册、登录、资料查看与修改、找回密码、修改密码、查询以往订单等。另外就是手机评论部分，主要是为了让用户通过这个评论更加了解手机的性能。为了方便大家了解三星手机的这种信息，就决定在网站添加网站公告。在此基础上还添加了手机评测和三星手机新闻等内容。这些不单单是为了让人们了解手机，还是为了让人们能了解三星这个品牌，和手机行业等信息，这样都是希望用户可以真正在了解手机后购买真正合适自己的手机，给生活带来更多的方便。开始制作之前首先要配置所需环境，由于家里电脑是windows xp的系统，所以需要先安装IIS，为了得到对其支持的最佳效果，我选择了服务器版

27、本的操作系统windows xp+ IIS 5.1，并安装了需要使用的软件Dreamweaver 8，Flash 8，Fireworks和Photoshop CS3。我是先上网查找制作网站的资料和图片。并且在网上查看相关网站的布局及功能。接着我就使用Fireworks将大于50kb的图片批处理了。然后我就开始建我们的access数据库。这是制作asp动态网页的前提，主要是利用Dreamweaver的绑定记录集和服务器行为来制作asp部分。我们前期准备的完毕后，我就开始了网页的制作。本着逐步制作的原则，一部分调通后再进入下一个部分的内容制作，最后再把它们整合到一起。而在每个部分的制作时又要先考虑

28、这部分需要什么内容。有些东西在前期没有想到的，就要在网站制作的同时添加或是更改。有些不能满足制作需求的时候就打开代码窗口手动添加一些asp代码以实现所需的功能。最后，在网站各个模块制作完成后再把它们整合在一起，进行调试，向数据库里添加内容，浏览整个网站，检查各个功能。完成网站的制作。七、设计制作过程中遇到的困难、解决的方法与体会 最初是配IIS，电脑老是不支持。后来通过朋友的帮助，让我知道了文件夹的权限对于网站的访问很重要，Windows XP下IIS的错误都是由于文件夹权限引起的。Windows XP对权限的管理不够明确，需要在属性里进行设置后才可以运行。经过这次让我知道自己对电脑的运用还有

29、不了解。虽然有朋友帮忙，但自己也不能因为这个原理而不学习更多的东西。在制作注册页的时候，总是出现一些问题，达不到想要的效果。好不容易一切都符合我的要求的时候，不知道为什么出现了一些问题，这个注册页看不了了，看代码也没错了，后来分析应该是代码冲突了。因为Dreamweaver不直接写代码容易不稳定。没办法只能重新在做一次。后来为了避免在遇到这个问题，我就换了一种方式做了注册页，经过多次调解，终于注册页做好了。这次的事让我知道电脑是死的，人是活的，路怎么走都是通的。如果这样不行，那就换一种方式，问题怎么都会解决的。在制作查询页时也出现了一些问题，搜索不能够显示所搜索的结果。通过老师的帮助，知道搜索

30、时不能使用“ = ”,而是应该使用包含“like”，但这还是不能完全满足模糊查询的要求，后来我上网查找相关的资料，有人提到通配符“ %，我便尝试加入通配符“ % ”，没想到还真的实现了所需要的模糊查询。通过这次在网上查询解决问题的办法，让我知道遇到问题时，不单可以向老师请教问题，还可以上网查找相关的资料。通过自己的查找可以学到更多的东西，也可以便于记忆，这样以后就不会因为同样的问题在犯难了。后台的用户管理的修改不管点击哪一个人都会出现第一个人，后来想起老师曾经重点说过这个问题，在记录集里必须要进行筛选，经过筛选就可以对任何一个人进行修改了，我们的用户管理修改就做好了。后台其他的内容也经过筛选都

31、完成了。我一直为有些页宽度大于760像素而烦恼。后台管理页的手机管理页和用户管理页里面的内容太多，不但不美观，而且超过老师的对网页的基本要求，不管怎样压缩都达到不了。后来为了美观与方便查看，我就改动了评论的技术，将它运用到了手机管理页和用户管理页，在这两个页里加入了一个详细情况的链接，在手机管理页和用户管理页里只能看到重要的几个内容，如果要全部查看，只要点击详细情况才会看到所有的内容。经过这次，让我觉得勇于尝试的是非常重要性，如果没有这次的改动与尝试，那么我这两页就不能顺利的完成，我很满意这两页，因为美观又方便查看。通过这次制作三星手机网站，让我知道了自己的掌握的知识还是不够扎实，不够多，要不

32、就不会再简单的问题上浪费很多的时间。不过经过这次，让我的知识变得丰富了一些，不熟练地变得扎实了。同时这次也让我知道在网络上学习也可以解决很多问题并学到很多知识。通过这次让我知道不放弃，坚持是多么的重要。这次是战胜失败的条件。以后我也要继续保持。参考文献：1赵增敏.ASP可视化编程及应用.机械工业出版社：2006年出版 2石志国等.ASP动态网站编程.清华大学出版社：2004年出版 3任新见.ASP动态网站快速开发实务.电子工业出版社：2004年出版 4 刘亚姝等.ASP动态网页开发技术与实践.电子工业出版社：2007年出版 5 汪晓平等.ASP网络开发技术.人民邮电出版社：2000年出版致谢我

33、们能顺利的完成这次的网页制作，首先我要非常感谢我的毕设辅导老师段老师，因为我段老师平日里工作繁多，而且带了那么多组的学生。但段老师却没有因为工作多而对我们帮助减少，在我们做毕业设计的每个阶段，都给予我们悉心的指导和帮助，段老师给我们网站提供的建议与意见都给了我们很大的帮助，让我们能更好的完善我们的毕业设计，最终完成我们在大学最后的毕业设计。段老师在课上是严肃的，对待学生是严厉的，对待学生的作业都是认真负责的，每次都会做出评价和提出改进的建议。在课下的段老师很是和蔼可亲，对学生非常的好。对同学提出的问题都耐心的解决。有很多次同学们的作业没交完，经常要占用老师的课下时间。但他从没有怨言。他是我们的榜样，我们应该多向段老师学习的认真负责的态度。