电子商务网站设计与开发

前言 错误!未指定书签。作业背景 错误!未指定书签。选题说明 错误!未指定书签。1.2.1基本思路 错误!未指定书签。1.2.2作业目标 错误!未指定书签。L3 工作业绩 错误!未指定书签。1.3.1个人主要工作 错误!未指定书签。1.3.2主要收获 错误!未指定书签。1.3.3自我评定 错误!未指定书签。系统规划 错误!未指定书签。项目名称 错误!未指定书签。2.2项目背景 错误!未指定书签。2.3项目目标 错误!未指定书签。项目功能 错误!未指定书签。可行性分析 错误!未指定书签。2.5.1技术可行性 错误!未指定书签。2.5.2经济可行性 错误!未指定书签。2.5.3操作可行性 错误!未指定书签。需求分析 错误!未指定书签。系统分析 错误!未指定书签。详细调查 错误!未指定书签。业务流程分析 错误!未指定书签。系统设计 错误!未指定书签。总体设计 错误!未指定书签。4.1.1划分子系统 错误!未指定书签。4.1.2划分模块 错误!未指定书签。详细设计 错误!未指定书签。4.2.1信息结构设计 错误!未指定书签。4.2.2可视化设计 错误!未指定书签。网站实施 错误!未指定书签。5.1网站建设环境的搭建 错误!未指定书签。5.2程序的实现 错误!未指定书签。5.2.1首页登录 错误!未指定书签。5.2.2会员登录 错误!未指定书签。5.2.3管理员登陆 错误!未指定书签。结束语 错误!未指定书签。参考文献 错误!未指定书签。1刖言1.1作业背景课程作业要求如下：用网站开发工具（如等）开发一个实用的中小型电子商务网站。1、 根据课程实践时间选择适当规模大小的设计课题。针对网站设计课程实践的具体特点，体现项目管理的思想，可由指导教师对学生进行分组，一组一题，分工合作，共同完成。2、 根据合理的进度安排，按照系统开发的流程及方法，踏实地开展课程实践活动。3、 课程实践过程中，根据选题的具体需求，在开发各环节中撰写相关的技术文档，最后要求提交详细的课程实践报告。4、 开发出可以运行的电子商务网站，通过上机检查。1.2选题说明项目背景研究课题题目：郁琳情侣服饰网站设计及开发1.2.1基本思路首先研究网站的经营背景进而从技术、经济和操作三个方面对开发项目的可行性进行分析。在得出结论之后，开始对该网站进行业务流程分析，然后得出逻辑模型即数据流程图和业务流程图。根据系统分析阶段的数据流程图得到物理模型即模块结构图。最后根据系统设计的内容进行程序设计并运行网站。1.2.2作业目标通过对郁琳情侣服饰网站的设计及开发，熟练使用所学的结构化分析以及设计方法分析系统，描述系统，设计系统。掌握业务流程图，数据流程图，数据字典等工具。熟练使用模块设计方法，数据库设计方法，代码设计方法，输入输出设计方法等设计物理系统。会做简单的网站，并使其运行实施。1.3工作业绩1.3.1个人主要工作经过系统规划、系统分析、系统设计到系统实施，我一个人完成了郁琳情侣服饰网站的设计及开发全过程。1.3.2主要收获在老师的帮助下我顺利完成了整个网站的设计及开发任务，同时为了使程序设计的更加合理，我也在图书馆查阅了大量相关的图书，并从中借鉴了一些好的设计方法和程序语言。在整个程序开发及设计过程中我的编程能力和数据库操作能力有了很大的提高。1.3.3自我评定□优□良口中□及格□不及格2系统规划2.1项目名称郁琳情侣服饰网站设计及开发2.2项目背景无论是在大街上，公交车上，还是在大学校园里，你总能见到这样的男男女女，他们穿着一样的服装，衣服上印有特殊的文字和图案，不言而喻，那是他们爱情的标志一我们是情侣。随着科技的进步，人们生活水平的提高，人们在购物方面有了新追求和新标准。由于网络购物不仅能很好的满足人们个性化的需求，还能给人们带来方便、快捷、高效、经济等优势，所以越来越多的情侣们喜欢通过网购来定制个性化情侣装。这给了我很大启发，此次，我使用编程，制作了一个郁琳情侣服饰网站，为情侣们提供更多优质的购衣选择。2.3项目目标设计和实现郁琳情侣服饰网上售卖系统，使网上交易的管理工作系统化、规范化和自动化，从而达到提高管理效率的目的，提供高效实用的用户界面和用户交易模块。本系统在使用上比较方便、简单，界面设计上美观大方，后期维护上比较容易。如要对功能模块方面作修改，则无需进行整个系统的重新架构。2.4项目功能该网站包括前台和后台两个部分。根据用户的档次设计普通用户登录界面及会员登录界面，普通用户可以注册会员，会员可以享受产品查询、个性化定制、普通订制等服务。根据访问权限的不同，设计管理员登陆界面，管理员可以查看会员的相关资料及产品订单信息，同时又可以对网站定期进行维护。比如：新品发布、网站优化等。2.5可行性分析2.5.1技术可行性是美国公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。是一个既可以只用来存放数据的数据库，也可以作为一个客户端开发工具来进行数据库应用系统开发，既可以开发方便易用的小型系统，也可以用来开发大型的应用系统。它的使用方便程度和强大的设计工具为初级程序员提供许多功能。采用这两种技术手段，为网站管理提供了强大的硬件保证，不管从设备方面还是技术力量方面，都达到了一定的能力，所以在技术方面可以开发该网站。2.5.2经济可行性经济可行性分析主要是对网站开发项目的成本及效益作出评估，即分析网站建设所带来的经济效益是否超过开发和维护网站所需要的费用。郁琳情侣服饰网站是一个小型实用的网上交易系统，由于是自行开发，需要开发人员花费一定的时间和精力，准备一定的网站运行资金。但它给企业和商家带来的利润是不可估量的。它节省了许多人力及物力上的开支，使网上交易工作由繁变简，使网上交易更安全、更合理、更规范。工作效率的提高就意为着整体水平的提高，所以本网站的建设是值得投资的。2.5.3操作可行性系统采用了可视化面向对象的工具开发，其窗口、界面简洁易懂，所以系统在操作上是可行的。2.6需求分析通过需求分析，对商品信息和商品库存进行有效的管理，使之形成完善的应用系统。数据库设计中要合理设置商品信息，以方便实现商品信息的新增、修改、删除等功能，使得商家有较详细的数据统计及分析。综上分析可得出结论：可以进行郁琳情侣服饰网站的设计及开发。3系统分析3.1详细调查通过实地访问及网上调研，深入了解情侣们对情侣服饰的认

可和要求。3.2业务流程分析整个系统的流程由用户访问郁琳情侣服饰网站开始，如果用户要买商品就需要选择登录，若没有注册会员，系统要求用户注册，若已注册，经过系统验证通过后，用户成功登录，开始对自己选定的衣服下订单，后台管理员进行订单审核，审核通过后调配衣服通过物流邮递到会员手中，会员付款，完成整个交易过程。整个系统的业务流程图如图3.1所示：需开始'访问站查看需要登录以订是/输入用表否客收审核通过送用户是户诧处用表验证密读管理员审卜性%r~>*rs~^i订制添加新［需开始'访问站查看需要登录以订是/输入用表否客收审核通过送用户是户诧处用表验证密读管理员审卜性%r~>*rs~^i订制添加新［注册用图3.1郁琳情侣服饰网站的业普流程户的详4系统设计定制4.1总体设计4.1.1划分子系统该系统分为客户端系统和管理员后台管理系统。4.1.2划分模块表4.1模块名称及其功能模块名称主要功能会员模块实现用户注册、找回密码衣服信息模块实现衣服信息查看、分类查询订购衣服模块实现普通订购、个性化订制服装管理模块实现管理员添加、管理服饰信息用户管理模块实现会员资料的查看及管理订单管理模块实现订单的审核4.2详细设计4.2.1信息结构设计1数据库设计（1）需求分析：郁琳情侣服饰网站的数据库设计采用了数据库，数据库名为，用函数来连接数据库。根据系统需求，在登录系统时提供所要的身份验证信息，在本系统中设计了三种登录方式，分别是系统管理员、会员及普通用户，因为普通用户没有查看商品信息及订购的权限，所以重点设计了会员信息表及管理员登陆信息。经过身份验证后，进入系统。在前台客户端模块中涉及到会员管理，服装信息管理，订购管理，要设计注册会员信息表、促销衣表、新衣表、个性化定制表、普通订单表。在前台客户端模块中，顾客要通过注册会员，选择衣服信息，下订单，付款等操作来实现服装交易的顾客部分，数据库关联及顾客会员的相关操作来进行相关的增加、删除、修改、插入数据信息操作数据库表；在后台管理端模块中，涉及到管理员信息，服装管理，会员用户管理，订单处理功能，要设计管理员登录信息。管理员通过审核会员信息，审核衣服信息，修改衣服信息，处理订单信息来改变这些表在数据库中的内容。

根据以上的分析，该系统采用数据库设计了5个数据库表，分别是会员信息表()、促销衣表()、新衣表()、个性化订制表()、普通订单表()。系统概念结构设计：喜用户密身密码姓户年管理邮箱风录衣查电价版风品版姓季地品图价颜颜图订单信会员服饰信喜用户密身密码姓户年管理邮箱风录衣查电价版风品版姓季地品图价颜颜图订单信会员服饰信图4.1系统图（3）数据库表设计：表4.2会员信息表字段名称数据类型约束描述文本主键用户名文本密码文本姓名数字年龄文本邮箱文本身高

表4.3个性化定制表字段名称数据类型约束描述文本主键服饰品牌文本服饰衣长文本服饰季节文本用户名称文本用户地址文本用户电话文本服饰版型文本服饰颜色文本服饰图案表4.4普通订单表字段名称数据类型约束描述文本主键服饰季节文本用户地址文本用户邮编文本用户移动电话文本服饰颜色文本服饰风格文本服饰品牌文本服饰尺码文本用户名称表4.5促销衣表字段名称数据类型约束描述文本主键服饰品牌文本服饰价格文本服饰风格文本服饰衣长文本服饰品牌

文本服饰图案文本服饰颜色文本服饰版型表4.6新衣表字段名称数据类型约束描述数字主键服饰价格文本服饰版型文本服饰品牌2导航设计客户端导航设计：首页注册会员促销商品商品目录产品查询个性化定制我的购物袋(2)后台管理员导航设计首页首页注册会员会〈产品输入界面面〉〈个性化管单3目录设计目录具具体设的购物袋理

体分个性促销商品册品目录产品查询忝如信息计如图(2)后台管理员导航设计首页首页注册会员会〈产品输入界面面〉〈个性化管单3目录设计目录具具体设的购物袋理

体分个性促销商品册品目录产品查询忝如信息计如图员信L订单品查询界面L息界面＞〈订单信息界添服销服牌查按服饰品牌查H个性化订单信息界面图4.2网站目录4链接设计重点链接设计：产品查询界面：点击此处进入按〃品牌〃查询的界面!链接到点击此处进入按〃版型〃查询的界面!链接到首页：普通用户由此进入连接到普通用户界面：点击此处进入〃用户注册界面〃链接到4.2.2可视化设计重点的界面设计如首页界面设计如图4.3所示。产品查询界面设计如图4.4所示。郁琳情侣服饰首页注册会员促销商品商品目录产品查询个性化定制我的购物袋这里一定有您最满意的产品和服务首页欢迎您登陆郁琳情侣服饰网站！这里款式多样，价格低廉，服务一流。来这里选购，是你的最佳选择。望广大顾客成为网站会员，享受多多优惠，多多惊喜。普通用户由此进入！会员登录! 管理员登陆！用户名：T 登录| 用户名:密码：： 一| a| 密码:I提交I重置注册I登录若有需要，，欢迎联系我们，联系电话：地址：沈阳理工大学6号楼：1102@163图4.3首页界面设计 一郁琳情侣服饰首页注册会员促销商品商品目录产品查询个性化定制我的购物袋产品查询界面以下为本网站提供的查询功能有：点击此处进入按“品牌”查询的界面！点击此处进入按“版型”查询的界面！若有需要，欢迎联系我们，联系电话：地址：沈阳理工大学6号楼：1102@163图4.4产品查询界面设计5网站实施5.1网站建设环境的搭建1将黑风服务器和网页文件放在同一个文件夹里，打开网站首页的网址是2建立站点在8的标题栏点击“站点”一“新建一个站点”，在基本设置里为站点起名：未命名站点1本地信息设置：站点名称：未命名站点1本地根文件夹：C:\\\\\默认图像文件夹：C:\\\\\地址：测试服务器设置：服务器名称：访问：本地/网络测试服务器文件夹：C:\\\\\5.2程序的实现5.2.1首页登录用户在地址栏输入后进入网站首页如图5.1所示，点击注册，进入注册页面，填写注册信息如图5.2所示。填写完点击提交。图5.1网站首页图5.2注册会员信息设置涉及到以上两张网页的相关文件有 的代码为：◊郁琳情侣服饰<><h1〃〃><〃#00〃〃楷体2312">郁琳情侣服饰<><1>〃45〃><p〃〃><4><a〃〃><〃#00〃〃楷体2312">首页<><a〃〃><〃#00〃〃楷体2312〃〉注册会员<><a〃〃><〃#00〃〃楷体2312〃>促销商品<><a〃〃><〃#00〃〃楷体2312〃>商品目录<><a〃〃><〃#00〃〃楷体2312〃>产品查询<><a〃〃><〃#00〃〃楷体2312〃>个性化订制<><a〃〃><〃#00〃〃楷体2312〃>我的购物袋<>>这里一定有您最满意的产品和服务<>〃0〃〃0〃〃：22D6F3120F6-11D0-940080C74C7E95〃><〃〃〃1〃/><〃〃〃王心凌-睫毛弯弯3〃/>的代码为：<p〃〃><><〃660〃〃0〃〃〃><〃楷体2312〃>◊若有需要，欢迎联系我们，联系电话：◊地址：沈阳理工大学6号楼：1102@163的代码为：<h2〃〃><〃#00〃〃楷体2312〃>首页<><2>〃660〃〃0〃〃〃><><〃#00〃〃楷体2312〃>欢迎您登陆郁琳情侣服饰网站！这里款式多样，价格低廉，服务一流。来这里选购，是你的最佳选择。望广大顾客成为网站会员，享受多多优惠，多多惊喜。<><p><a〃〃>普通用户由此进入！<><><><><〃6699〃〃新宋体〃〉<p>会员登陆！<><p>用户名：<〃〃〃〃〃20〃><p>密码:<〃〃〃〃〃20〃><p><〃〃〃提交〃〉 <〃〃〃重置〃><a〃〃>注册<><><><><〃6607〃〃新宋体〃><p>管理员登陆！<><p>用户名：<〃〃〃〃〃20〃><p>密码:<〃〃〃〃〃20〃><p><〃〃〃登陆〃〉<><>的代码为：〃('用户名或姓名填写不能为空！’)；〃〃(-1)；〃〃('用户名或密码填写不正确，或者还未注册、登录本站！')；〃〃(-1)；〃的代码为：◊郁琳情侣服饰<><h1〃〃><〃#00〃〃楷体2312〃>郁琳情侣服饰<><1>〃57〃><p〃〃><4><a〃〃><〃#00〃〃楷体2312〃>首页<><a〃〃><〃#00〃〃楷体2312〃>注册会员<><a〃〃><〃#00〃〃楷体2312〃>促销商品<><a〃〃><〃#00〃〃楷体2312〃>商品目录<><a〃〃><〃#00〃〃楷体2312〃>产品查询<><a〃〃><〃#00〃〃楷体2312〃>个性化订制<><a〃〃><〃#00〃〃楷体2312〃>我的购物袋<><h2〃〃><〃0000〃>用户注册界面<><2>〃660〃〃0〃〃〃><><p><〃9933〃>欢迎光临本网站，您将免费注册为会员，我们将为您提供更好的服务，您的个人信息，我们将严格保密，本网站还会针对您的个人情况为您推荐适合您的最佳选择!<><p>请设置以下信息:<><><p>用户名：<〃〃〃〃〃6〃>密码:<〃〃〃〃〃6〃>姓名:<〃〃〃〃〃6〃>年龄：<〃〃〃〃〃6〃>邮箱：<〃〃〃〃〃6〃><><p>所在身高段:<〃〃>150-155〃〃>156-160〃〃>160-165〃〃>166-170〃〃>170-175〃〃>176-180〃〃>180-185〃〃>185以上<p>您喜欢的情侣服装款式：◊主题搭配◊色彩搭配◊图案搭配<p><〃〃〃提交〃><〃〃〃重置〃〉的代码为：（'注册成功！点击“确定”进入登陆页面；点击“取消”退出本网站！’）；5.2.2会员登录根据注册完的信息，进行会员登录，如图5.3所示：图5.3会员登录登陆进去之后进入产品查询界面如图5.4所示，如按品牌查询，输入：森马，界面输出效果如图5.5所示：图5.4产品查询界面图5.5查询：“森马”服饰的结果进入个性化定制页面，输入个性化定制的相关信息如图5.6所示，最后点击提交。图5.6用户个性化定制5.2.3管理员登陆管理员进入首页之后，在管理员登陆位置输入用户名：，密码:4321进入管理员界面如图5.7所示：图5.7管理员界面管理员录入新款服饰的相关信息如图5.8所示，最后点击提交。图5.8新款服饰录入界面涉及管理员界面的相关文件有、、、的代码为：的代码为：＜p〃〃〉＜a〃〃〉＜产品输入界面〉＜〉＜a〃〃〉＜产品查询界面〉＜〉＜a〃〃〉＜会员信息界面〉＜〉＜a〃〃〉＜订单信息界面〉＜〉