网站建设实训报告

西安航空职业技术学院 网站建设与维护 课 程课 程 设 计 说 明 书设计题目： 七彩鲜花销售 专 业： 电子商务 班级学号： 11704123 姓 名： 周 莉 指导教师： 2013 年 5 月 27 日教务处印制西安航空职业技术学院课 程 设 计 任 务 书课题名称 网上鲜花销售系统 设计内容 1会员登录 用户首先注册鲜花销售的会员 2登录页面 输入用户名与密码登录 3 进入鲜花销售的主页，进行商品的选购可以加入购物车 4 查看购物车进行选择与结算 技术条件或要求 1 用 ASP.NET 技术 2 用SQL技术做后台数据库 3 Dreamweaver制作网页 4 实现增加，删除，修改，查询 等功能 。 5 实现用户登录和购物车功能 指导教师（签名）： 李永峰 教研室主任（签名）： 开题日期： 2013 年 5 月 27 日 完成日期： 2013 年 6 月 7 日目 录引言11 摘要21.1网上鲜花销售公司网站设计构想22 数据库的设计与实现22.1设计数据库与表单32.2E-R图83.系统分析与设计93.1. 需求分析93.2. 模块分析113.3 模块设计123.3.1 会员登录133.3.2 产品显示143.3.3 产品类别添加和删除153.3.4在线订单 163.3.5 实现购物车174 设计中遇到的问题及解决方法195心得体会206参考文献21摘 要电子商务的兴起促使越来越多的企业建立了自己的Internet/Intranet站点。鲜花网上销售公司网站随着互联网的发展以及更多电子商务的兴起而随之产生了。利用ASP和ADO技术开发的鲜花网上销售公司网站，主要实现了网站各类信息的动态管理，使得信息的管理更加及时、高效、提高了工作效率。客户可以通过Internet访问该网站，了解企业动态，查看最新产品信息，阅读茶叶常识以及一些人们容易忘记的节日等等。同时，客户注册成会员后，还可以订购公司的产品以及给公司留言；公司管理员亦可以利用本网站发布管理维护各类信息，管理会员，查看定单，还可以利用网站和会员进行销售和市场开发等方面的交流，加强同会员之间的沟通，有利于创建良好的企业形象。本文首先探讨了介绍如何利用ADO技术与ASP技术建立B/S结构的企业网站，随后又详细介绍了茶叶网上销售公司网站的功能特点和设计方案。关键字：ASP，B/S结构，ADO技术，Acess1.1 网上鲜花销售公司网站设计思想 近年来随着Intranet技术和电子商务的快速发展，许多企业都建立了自己的企业信息网，并利用Intranet网上发布企业信息，提供网上服务，这种方法已被越来越多的企事业单位所重视。电子商务的兴起促使鲜花公司提出了更高的要求，希望能够让可户在Intranet上查询公司的产品信息，支持异地购买、预订产品。于是，基于browser/server方式的企业网站就应运而生了。本公司网站可以利用网站向客户提供公司的产品信息和服务介绍，能够较高成次地满足客户的要求，介绍公司的宣传成本。利用网站向客户进行产品的销售和服务，可以增加公司的收入。还可以利用网站和代理商及合作伙伴进行销售和市场开发等方面的交流，加强同代理商及合作伙伴的沟通。通过互联网，轻易的把业务和服务推向全世界，可以迅速提高公司的业务竞争力，提高公司的知名度和公司形象。随着网站访问量的增加，它会逐步成为公司的一项重要的无形资产，大大地提高公司的形象和效益。2.1数据库的设计与实现本系统采用Access2003作为数据库。创建数据库“bjxshop”，根据需求分析，本系统需要9张表：表2.1：总体表单介绍表名用途user会员信息表Shop_admin管理员信息表Shop_books产品信息表Shop_anclass产品类别信息表Shop_action定单信息表Shop_fk留言信息表Shop_news企业新闻信息表Shop_zhuanti企业公告信息表Shop_pinglun顾客评论表表2.2：user:列名数据类型说明UserID自动编号主键，自动编号User_name文本用户名User_pwd文本用户密码Sex文本性别User_email文本会员电子邮件Birthday文本会员生日Usertel文本会员电话Userzhenshiname文本会员真实姓名表2.3：Shop_admin:列名数据类型说明ID自动编号主键，自动增长Admin_id文本管理员帐号Password文本管理员密码表2.4：Shop_news:列名数据类型说明newsID自动编号主键，自动增长newname文本标题newscontent备注新闻内容adddate日期/时间发布时间addname文本添加者表2.5：Shop_zhuanti:列名数据类型说明ID自动编号主键，自动增长title文本标题content备注内容updatatime日期/时间发布时间type文本公告类型表2.6：Shop_anclass：列名数据类型说明anclassID自动编号自动增长an_class文本主键，产品类别表2.7：Shop_books:列名数据类型说明ID自动编号主键，自动增长Book_name文本产品名称Book_content备注产品说明adddate_date日期/时间发布时间pingpai文本产品品牌Book-pic文本产品实物图anclassid文本产品类别shichangjia数字产品市场价格huiyuanjia数字产品会员价格kucun数字产品库存表2.8：Shop_action:列名数据类型说明actionID自动编号主键，自动增加bookid数字产品ID号User_name文本会员姓名liuyan备注留言actiondate日期/时间订购时间zhuangtai数字发货状态Shouhuoname文本收货人姓名shouhuodizhi文本收货人地址shouhuotel文本收货人电话表2.9：Shop_fk:列名数据类型说明fkID自动编号主键，自动增长fksubject文本留言标题fkcontent备注留言内容fkname文本留言人姓名fkmail文本留言人E-MAILfktel文本留言人电话fkdate日期/时间留言时间表2.10：Shop_pinglun：列名数据类型说明pinglunid自动编号主键，自动增加bookid数字评论的产品ID号pinglunname文本评论人的姓名pinglundate日期/时间评论日期pingluntitle文本评论标题pingluncontent备注评论内容huifu文本回复huifudate日期/时间回复时间 2.2 E-R图Shop_actionShop_booksuseractionidUser_nameactiondateZhuangtaiShouhuonameliuyanBook_idShouhuodizhi图2.1 定单数据库的E-R图userUser_idUser_nameZhenshinameUser_pwdUser_emailBirthdayUser_telsex图2.2 用户数据库的E-R图Shop_booksAdddate_datekucunhuiyuanjiaBook_picshichangjiaclassidBook_idbook_nameBook_contentpingpai图2.3 产品数据库的E-R图3.1需求分析企业网站是在网络环境下运行的，目前流行的为C/S和B/S，本系统采用了B/S来设计，B/S不需要安装客户端软件，借助浏览器就能够达到浏览信息，订购产品的目的，具有普遍性和广泛性，操作简单。企业网站主要的目标在于为企业提供信息的平台，通过平台帮助企业更快的进行信息流通，以此促进企业更好的发展。首先，企业网站能否为客户提供所需要了解的信息，如有关公司的最新动态，经济变化等情况，以及人才，产品等商业信息。其次，企业网站需要让企业能够及时发布相关信息，并利用网站向客户提供服务和产品的销售。同时，企业本身的相关信息也需要能够在网上轻易查询到，也能通过网站和代理商和合作伙伴进行销售和市场开发等方面的交流，加强同代理商和合作伙伴的交流。3.2 模块分析根据需求分析，可以将整个站点分为：会员模块，企业动态，产品展示，在线定单，公告信息，留言反馈和管理员帐号模块。l 会员登录网站为会员提供更好的服务及方便对网站的管理，采用会员制。会员可以享受订购产品和留言等服务功能。采用了会员制，更好的保证了客户和本公司的利益。l 公司动态公司动态展示了公司关心的相关信息，包括与公司、行业相关的最新科技、商务活动、特价商品、鲜花花语等等信息。管理员通过后台管理添加、修改、删除新闻。l 产品展示产品展示为公司发布的相关产品资料。产品按类别分，可以提供产品名称类类型，产地，价格，详细说明和产品实物图，有利于相关客户查询所需产品，或者购买本公司产品等等。管理员可以通过后台添加删除产品信息。l 在线定单在线定单模块为客户进行商务活动提供便利，客户可以直接查询自己所需要的产品，网站管理员会在第一时间与您联系，完成本次交易。为企业和客户带来了便利，让你足不出户，就能采购到所需要的产品，达到双赢的效果。管理员通过后台查看定单，审核定单发货信息。l 公告信息公告信息分为特价商品和鲜花花语，送花常识等类型。特价商品频道可以最快的告诉顾客公司在特价销售的鲜花，刺激顾客购买。鲜花花语，送花常识是由公司提供一些鲜花和送花的常识，更好的为客户服务。给网站带来一点趣味性，生动性。管理员可以通过后台添加、删除、修改两类公告信息。l 留言反馈为企业和客户提供一个互动的平台，方便公司和客户关于销售和市场开拓的经验交流，更好的与客户沟通。管理员通过后台管理回复会员的留言信息。l 管理员帐号站点管理员通过后台管理维护整个站点正常运行，以及管理各个子模块的信息，添加产品类别，同时可以管理会员，查看删除会员。3.3模块设计3.3.1会员登录页面login.asp会员登录界面有三个文本框来实现，一个用于输用户名，一个用来输密码,还有一个用个输入验证码，本页面获得的信息将提交给checkuserlogin.asp页面验证。如果用户名或者密码错误的话，将出现密码不正确或者用户名不正确的对话框，退回登录页面，正确的话将，直接转到index.asp页面。登录页面如图所示：代码如下%dim username,userpassword,comeurl,verifycodeusername=replace(trim(request(username),)userpassword=md5(replace(trim(request(userpassword),)verifycode=replace(trim(request(verifycode),)if username= or userpassword= thenresponse.write alert(您的用户名或密码有误！);history.go(-1);response.endend ifif cstr(session(getcode)cstr(trim(request(verifycode) thenresponse.Write alert(请输入正确的验证码！);history.go(-1);response.endend ifset rs=server.CreateObject(adodb.recordset)rs.Open select * from user where username=&username& and userpassword=&userpassword& ,conn,1,3if not(rs.bof and rs.eof) thenif userpassword=rs(userpassword) thenresponse.Cookies(snsn)(username)=trim(request(username)response.Cookies(snsn)(reglx)=rs(reglx)response.Cookies(snsn)(jifen)=rs(jifen)response.Cookies(snsn)(jiaoyijine)=rs(jiaoyijine)Response.Cookies(aspsky)(username) = rs(username)Response.Cookies(aspsky)(password) = rs(userpassword)Response.Cookies(aspsky)(userclass) = rs(userclass)Response.Cookies(aspsky)(userid) =rs(userid)Response.Cookies(aspsky)(userhidden) = 2Response.Cookies(aspsky).path=/shop/shop/bbs/ Response.Cookies(aspsky)(usercookies) = 1Response.Cookies(aspsky).Expires=Date+1rs(lastlogin)=now()rs(logins)=rs(logins)+1rs(userlastip)=Request.ServerVariables(REMOTE_ADDR)rs.Updaters.Closeset rs=nothingusername=trim(request(username)conn.execute(delete from shop_action where username=&username& and zhuangtai=7)conn.execute(delete from shop_action_jp where username=&username& and zhuangtai=7)if request(linkaddress)= thenresponse.redirect request.servervariables(http_referer)elseresponse.redirect request(linkaddress)end ifelseresponse.write alert(您的用户名或密码有误！);history.go(-1);end ifelseresponse.write alert(您的用户名或密码有误！);history.go(-1);end ifsub loginok()response.Write 欢迎您 &request.Cookies(bookshop)(username)&，两秒种后自动跳转到首页！response.redirect index.asp3.3.2产品显示页面product.asp的实现在该页面中首先实现了产品信息的查询功能，可以按产品名称搜索产品并支持模糊查询及按产品发布信息倒序显示。实现这一功能最关键的地方就是SQL查询语句，在这语句中定义了一个tj变量，主要是方便添加按发布时间倒序显示的语句。这种显示方式对用户查看信息比较方便。如果用户没有搜索产品的话，即request(pic_name)=则系统默认为显示全部产品信息。set rst=server.createobject(adodb.recordset) sql=select * from pic where id is not null tj= order by pic_time desc if request(pic_name) then sql=sql & and pic_name like%&request(pic_name)&% end if sql=sql+tj rst.open sql,conn,3,1 在该页面中还实现了显示产品图片的功能，将记录集中图片的名称绑定到图片的超链接语句上，就可以显示图片了，具体语句如下：img src=/upload/ width=128 height=128。该页面显示如下：3.3.3产品类别添加和删除页面anclass.asp的实现该页面比较简单，主要实现产品类别的添加，删除和修改。添加和删除技术和前面新闻模块中的类似，关键要注意的地方是，在添加产品类别是要确保产品类别的唯一性. 该页面显示如下：图4.83.3.4 添加产品页面addbook.asp的实现该页面主要是添加产品的一些基本信息，包括产品实物图。将表单的MIME类型改为multipart/form-data，否则无法提交图片。全部写好产品信息后将表单提交给savebook.asp页面，并且在该页面创建LyfUpload.组件对象obj，并用FileType和SaveFile方法分别获得上传文件的Content_Type和上传客户端选择的文件。语句实现如下： set obj=server.createobject(LyfUpload.UploadFile) doc_name=obj.SaveFile(src, Server.MapPath(upload),true) doc_type=obj.filetype(src)在添加产品类别中，使用到了下拉菜单将anclass表中所有产品类别显示出来，由产品类别表中的数据直接选择，以确保数据的一致性。该页面显示如下：3.3.4在线定单页面quickorder.asp的实现在在线定单界面设置了一定的权限，只有会员才有订购产品的资格。程序将判断session(“user_name”)是否为空，为空的话转为会员登录页面。主要程序如下：!-function checkspace(checkstr) var str = ; for(i = 0; i 该页面效果如下：3.3.5实现购物车购物车所包含的数据是一个用户的一次购买记录，因此在这一次购买中，我们考虑到用户可能会选择多种商品，而每种商品又可能会选择任意多个数目，所以我们的购物车应该包含多个购物项，而每个购物项又与一种商品相关联。CartItem对象用来描述每个购物项的信息，他记录的是每次购物过程中购买一个商品的详细情况。主要包括单个属性：客户购买的商品，购买数量以及总价钱。另外，在这个CartItem对象中，还包括了这些属性的setXXX()和getXXX()方法。另外要说明的是，我们设定CartItem属性中的总价钱，主要是为了迎合商品因某种活动而出现的单价可能会变化，例如在不同的阶段，我们的书店可能会采取不用的促销策略，给消费者不同的折扣；另外，还可能建立不同的会员制度，不用级别的会员购买同一种商品的价格是有所不一样的，所以在里我要记录每种商品的总价钱。当然我们除了记录用户所有的购物项Bean以及购买的所有物品的总价钱外，还要对购物车的增加一些常规的操作，例如增加购物项和删除购物项等等。 增加购物项和删除购物项：我觉得在购物车中增加与删除商品的操作方法是相对简单的，但就是要特别注意计算总价钱时要小心。在购物车的对象中包括了两个属性：购物项的信息和购物车中的商品的总价钱。其中，购物项信息记录了所有添加到购物车中的购物项的信息，也就是记录了着一次购买的所有商品的种类和数量以及每种商品的总价钱。购物车中的商品的总价钱则记录了这个购物车中所有商品的总价钱，主要是为了显示和存储的时候方便些，不需要每次都重新计算价格。在Cart对象中，还包括了一系列购物车对象的操作方法，分别包括为以下一些方法：*addCartitem()向购物车中增加一个购物项，也就是增加客户放入购物车中某种商品的记录*delCartitem()从购物车中删除一个购物项，也就是删除购物车中某种商品的记录。*updateCartitem()这个方法用于修改购物车中某个商品的数量，它采取的办法是先将购物车中该商品的订购记录删除。然后在重新增加，使用的是上面的两个方法来实现的。之所以这样做是因为购物车中的订购记录都是记录在内存中的，而如果需要对数据库进行操作则最好不要这样，在远记录上进行修改将会得到更高的效率。4.5.3 实现购物车的页面gouwu.asp购物车页面主要是用于显示用户所选择的商品信息以及每种商品的数量，单价，最后还要包括所选择商品的总价钱。：在购物车页面中，主要包括两部分：购物清单和对购物车操作的功能按钮。其中购物清单列出了购物车中所有商品的情况，包括每种商品的单价，数量和总价钱。用户还可以在这里修改每种商品的数量。对购物车的操作按钮主要就是“收银台”。在这个页面中，对结帐的链接进行了限制，没有登录的用户是不能看到“收银台”按钮的。主要是因为在结帐的时候需要确定订货人是谁，所以需要用户登录后才能去结帐。4设计中遇到的问题及解决方法由于之前并没有开发过较大的应用软件，对ASP技术和Dreamweaver编程环境也不太熟悉，所以在设计中遇到了不少的困难。首先在图片上传功能中，我的图片并不能上传到数据库里，通过查阅资料，发现表单属性要包含enctype=“multipart/from-data”语句，此时处理的文件是一种From数据，所以一定要加上这条语句，否则文件不能上传。另外在会员留言页面中，为防止会员乱填名字，造成数据的不一致，程序出错，我就将session(“user_name”)中的值直接显示到用户名栏，然而发现如果一些“恶意”的会员想改名字的话，仍旧可以重填用户名，程序仍会出错，所以我查阅了一些资料，发现在文本框属性内添加disabled属性后，用户名就不能修改了，确保了数据的一致性。此后在我的定单页面中也运用到了这个技术。心得体会一周的的网站建设转眼就结束了，短短的时间却让我尝到了许多新的东西，使我学会了如何将这学期所学习的知识巧妙的结合起来,以前就是简单的操作没有进行统一的结合。这次实训是把我们这期学的零散的知识做了一个总体的整理、做了一次全面的实际操作及应用。它更让我更深一步的掌握了网站建设的操作，程序的编写对我来说是一件很头痛的事，由于自己的粗心总是让我尝尽苦头。此外还有数据库的连接与实现，同时也发现了自己在这方面学习的很多不足之处。实训主要目的在于培养和提高我们的实际操作和应用能力。首先全面而系统地研究了构建一个电子商务网站所必备的各种知识与技术手段，接着从构建一个电子商务应用系统网上书店入手，首先对系统的可行性进行了分析，然后对系统进行了规划和设计，在此基础上将上述理论知识与开发技术运用到系统的实现过程当中，完成了网上书店购物平台的构建过程。在对电子商务理论进行阐述的同时，配合模拟系统从实际应用和操作技巧上加以说明，以期达到对电子商务更深层次的理解与认识。在网上书店网站开发的过程中，班上同学同样给了我不少的帮助，在我的毕业设计完成之即，我由衷的感谢。网上书店系统是电子商务中一个传统应用，它是企业面对消费者，购书者的模式下电商务系统。企业或个人通过它可以建立自己的网上书店，建立网上销售渠道，可以让企业直接面对最终用户，减少了销售过程中的中间环节，降低了客户购买的成本。使用该系统，用户可以让所有网上浏览的客户看到你在网上所登陆的书籍信息，并可以随时进行购买活动，缩短与小客户之间的距离，直接获得效益，客户可查看，购买商品和下订单。时间过得很快，本周的实训就这样在紧张中结束了，我收获颇多，总的来说还是比较满意的，它使我学到了不少的东西，也是我们明白了，只有多做，才能达到熟能生巧的地步。我也深刻地体会倒了什么是编程，它不仅仅是一份职业，更需要的是一份细心、一份耐心和一份责任心，同时我也认识到要做一个合格的设计工作者并非我以前想像的那么容易，最重要的还是细致严谨。通过这次实训让我对程序设计工作有了比较清晰的认识，并在实际操作过程中发现了自身存在的许多不足对今后的电子商务学习也有了一个更为明确的方向和目标。参考文献1石志国等，ASP精解案例教程M,清华大学出版社，2004年5月第2次印刷 2胡标等，ASP网络编程技术与实例M，人民邮电出版社，2004年5月第一版3徐莉，用ASP技术建立企业信息管理系统J，安慰建筑，1999-4；116-1174 马龙工作室，DreamweaverMX2004&ASP动态网页完全自学手册M，北京：人民邮电出版社，2004，12985 王国荣，ASP网页制作教程M，北京：人民邮电出版社，2000，12316 J.Tarin Towers，Dreamweaver快速充电（东方华人译）M，北京：北京大学出版社，2001，14457 武 陵 夏吟麟 Access 2002中文版使用速成M， 清华出版社出版 2001.10西安航空职业技术学院课程设计（论文）成绩评定表论文评语：答辩情况：成绩：签名： 年 月 日课程设计（论文）课题、要求、成绩比例登记表课程名称班级人数设计周数指导教师日期 年 月 日至 年 月 日设 计 课 题 与 基 本 要 求