淮海工学院计算机工程学院课程设计报告设计名称:web应用技术课程设计姓名:***学号:***专业班级:***系(院):计算机工程学院设计时间:***设计地点:*****指导教师评语:签名:年月日成绩:Web应用技术课程设计报告第2页,共13页1.课程设计目的WEB应用技术课程设计是计算机软件工程专业的一个综合性实践教学环节,其目的在于促进学生复习和巩固计算机软件设计知识,加深对软件设计方法、软件设计技术和设计思想的理解,并能运用所学软件设计知识和WEB工程技术进行综合软件设计,通过本课程设计让学生进行简单WEB应用软件系统的开发,掌握软件设计的方法和面向对象程序设计的基本技术,提高学生在软件开发方面的综合应用能力。2.课程设计目的与要求:任务:对书店的图书信息和用户(书店工作人员,网站注册用户即潜在购书者)的信息进行有效的管理;对图书的进存销等环节进行信息化管理;实现读者网上浏览图书,网上购书的可能;通过论坛同读者进行有效的沟通;通过聊天室实现作者和读者的实时交流;处理读者网上的投诉和建议。要求:采用人机对话的操作方式,界面设计美观友好、信息查询灵活、方便、快捷、准确、数据存储安全可靠。全面展示商城内所有图书,并可展示最新图书及特价图书。为顾客提供一个方便、快捷的图书信息查询功能。采用模糊查询查询数据。会员可以随时修改自己的会员资料。实现网上购物。图书销售排行,以方便顾客了解本商城内的热销图书及帮助企业领导者做出相应的决策。查看商城内的公告信息。用户随时都可以查看自己的订单。对用户输入的数据,系统进行严格的数据检验,尽可能排除人为的错误。系统最大限度地实现了易维护性和易操作性。系统运行稳定、安全可靠。Web应用技术课程设计报告第3页,共13页3.课程设计任务内容1、分析课程设计题目的要求2、写出详细设计说明3、编写程序代码,调试程序使其能正确运行4、设计完成的软件要便于操作和使用5、设计完成后提交课程设计报告,课程设计报告内容包括:课程设计目的、设计任务与要求、设计说明书、设计成果和设计心得五个部分,具体要求见设计报告模板。设计制作一个基于Web的当当图书系统具体要求如下:(1)系统目标:本系统可以完成简单的网上销售功能,面向图书的买家和卖家。卖家可以录入图书信息公布在本平台,查看图书交易信息,买家可以对图书进行查看购买。(2)系统输入数据:用户信息(用户ID、用户名、密码、用户昵称、用户类型)图书信息(图书ID、图书价格、图书标题、图书图片、图书摘要、正文描述)交易信息(交易ID、图书ID、用户ID、购买价格、购买时间)(3)系统输出数据:买家可以查看卖家发布到本平台上的图书信息。买家可以在图书界面购买图书。买家可以查看交易记录买家可以查看购物车内容卖家可以进入发布界面发布图书信息管理员可以管理帐号信息(4)系统实现要求:可使用任意WEB程序设计技术。可使用任一种关系型数据库技术(只能选一种方式)。Web应用技术课程设计报告第4页,共13页4.详细设计说明1系统分析1.1需求分析通过对一些典型在线图书购买网站的考察、分析以及实际的市场调查,要求本系统具有以下功能:统一友好的操作界面,能保证系统的易用性。规范、完善的基础信息设置。图书分类详尽,可按不同类别查看图书信息。按图书大类及图书名称进行模糊查询。实现网上图书选购和结算。用户可以在线预览图书的基本信息和内容。网站图书购物车,临时存放用户选购的图书。可以按照销量、价格或者图书出版时间来辅助用户选购图书。1.2可行性分析商业企业在运营过程中,经常会受到以下一些条件的限制:产品的宣传受到限制,采购商或顾客只能通过上门咨询、电话沟通等方式进行各种信息的获取,受一定的时间与物理空间的局限并且成本较高。庞大的商业经济周转。复杂的产品周转渠道。从看样品、谈价格到支付货款等一系列的产品周转渠道过于复杂,企业与顾客之间缺乏全面的沟通与快捷运营的平台。商业企业中根据季节的变化,热销图书在销售高峰到来时货源紧张,企业需要实时了解图书的销售情况,保证热销图书的要货满足率。因此,企业需要重新认识市场、消费者以及自身市场定位,正确认识电子商务技术在企业中的重要地位,以少量的时间和资金建立企业信息门户网站并架设一定范围的商务网络,以此来制定长远发展战略,使企业与顾客间的经济活动变得更灵活、更主动。Web应用技术课程设计报告第5页,共13页2总体设计2.1项目规划丁丁图书网是一个典型的ASP.NET数据库开发应用程序,由前台图书展示及销售、后台管理2部分组成。前台图书展示及销售该部分主要包括图书上架、图书浏览、修改密码、购物车、用户注册、用户注销及图书查询等。后台管理该部分主要对商城内的一些基础数据进行有效管理,包括图书管理、用户管理等。2.2系统功能结构图电子商务系统前台功能结构如图1所示。丁丁图书网后台登陆用户管理图书管理购物车管理注册用户图书上架图书删除图书编辑修改密码编辑数量添加图书删除图书图1系统后台功能结构图Web应用技术课程设计报告第6页,共13页3系统设计3.1设计目标本系统在设计时应该满足以下几个目标:采用人机对话的操作方式,界面设计美观友好、信息查询灵活、方便、快捷、准确、数据存储安全可靠。全面展示商城内所有图书,并可展示最新图书及特价图书。为顾客提供一个方便、快捷的图书信息查询功能。采用模糊查询查询数据。会员可以随时修改自己的会员资料。实现网上购物。图书销售排行,以方便顾客了解本商城内的热销图书及帮助企业领导者做出相应的决策。查看商城内的公告信息。用户随时都可以查看自己的订单。对用户输入的数据,系统进行严格的数据检验,尽可能排除人为的错误。系统最大限度地实现了易维护性和易操作性。系统运行稳定、安全可靠。3.2开发及运行环境硬件平台:CPU:P41.8GHz;内存:256MB以上。软件平台:操作系统:Windows2000Server;数据库:SQLServer2008;开发工具包:vs2010;浏览器:IE5.0及以上版本,推荐使用IE6.0;分辨率:最佳效果1024×768。3.3数据库设计本系统数据库采用SQLServer2000数据库,系统数据库名称为db_shop,共包含9张表。数据表(1)dbo.Book表表B.1表tb_superType的结构字段名数据类型长度是否主键描述BookIdint4是图书编号BookNamevarchar(50)50图书名称CategoryIDint4目录名称Pricefloat8价格Publishervarchar(100)100出版社PublishDatedatetime8出版日期Web应用技术课程设计报告第7页,共13页Authorvarchar(50)50作者PageNumint4页数PictureUrIvarchar(50)50封面UrI地址Descriptiontext16描述SaleCountint4销量(2)dbo.Cart表表B.2表tb_subType的结构字段名数据类型长度是否主键描述CartIdint4是购物车编号UserIdint4用户编号BookIdint4图书编号Amountint4数量(3)dbo.Category表表B.3表tb_rebate的结构字段名数据类型长度是否主键描述CategoryIDint4是目录编号CategoryNamevarchar(50)50类目名称(4)dbo.User表表B.4表tb_order_detail的结构字段名数据类型长度是否主键描述UserIdint4是用户编号LoginNamevarchar(50)50登陆编号UserNamevarchar(50)50昵称Passwordvarchar(50)50密码Addressvarchar(100)100地址Zipchar(10)10邮编Web应用技术课程设计报告第8页,共13页5.软件使用说明5.1网站登录界面设计在丁丁图书网的首页中,用户可以通过输入登录名和密码完成身份验证登录网站的主页。第一次访问本网站的用户可以点击注册,录入自己的相关信息注册一个属于自己的账户。运行效果如下图3所示。图1网站登录界面的运行结果下面以列表形式给出前台页面各部分的说明信息,如表1所示。表1前台页面说明区域名称说明对应文件1用户登录验证用户的登录名和密码Login.aspx2用户注册用户提供个人信息设置口令,生成个人账户Register.aspxWeb应用技术课程设计报告第9页,共13页5.2用户注册模块设计在注册界面界面首先会检测用户输入的用户名是否重名,如果重名则会提示用户进行更改。然后,用户需要输入各项用户信息进行用户的注册。提交后将直接进入网站主界面图2用户注册界面运行效果图5.3图书浏览模块设计新品上架模块也有两个入口,一个是网站导航条中的【新品上架】导航按钮,另一个是网站前台的居中位置,列出了商城中上架新品中的最新上市的4条图书信息,单击新品上架展区中的“More…”超链接可以进入到新品上架页面,在该页面中将列出商城中的全部上架新品。主要包括图书图片、名称、现价等信息。同时设置了【购买】按钮和【查看详细信息】按钮,分别用于将图书信息添加至购物车和查看图书详细信息。下面只以首页中的新品上架为例进行介绍。新品上架模块在网站首页中的设计效果如图5所示。图3新品上架模块在网站首页中的设计效果Web应用技术课程设计报告第10页,共13页5.4图书上架模块设计为了方便用户查询所需图书信息,在网站中设置了图书分类显示模块。在网站首页的右侧以树状菜单的形式列出了图书的大、小分类信息,用户单击大类别结点可以显示出该类的所有小类信息,单击小类结点可以进入到分类图书显示页面查看该类别的全部图书信息,在分类图书显示页面中,单击图书名称可以查看相应图书的详细信息。如果用户已经登录,还可以直接将图书信息添加至购物车中。图书分类模块的页面设计效果如图6所示。图4图书分类模块的页面设计效果5.5修改密码模块设计在前台的会员管理模块中主要包括会员注册、会员登录、会员资料修改3部分。由于会员资料修改同会员注册的实现方法类似,只是调用的SQL语句不同,所以此处只给出会员注册和会员登录进行介绍。1.会员注册会员注册的入口位于网站首页的左侧。用户单击【注册】按钮即可进入到会员注册页面,该页面的设计效果如图7所示。图5会员注册页面设计效果Web应用技术课程设计报告第11页,共13页5.6购物车模块设计用户可以将自己需要的图书加入购物车中暂存。同时,可以在购物车中勾选最终决定购买的图书进行支付结算。当然,由于结算牵扯到银行系统和各大支付软件。本项目组暂未完成本部分的开发。在后续的学习中我们会不断学习重视完善此部分的功能。图6销售排行页面设计效果Web应用技术课程设计报告第12页,共13页6.课程设计心得与体会毕业设计现已接近尾声,虽然系统不是很完善,还有不少需要改进的地方,但每一步的进展都付出了努力。网站的分析与设计过程,是对四年的大学学习的总结过程,更是进一步学习和探索的过程。在这个过程中,我对图书网站的分析与设计有了深刻的认识,对系统的分析与设计有了切身的认识和体会,并在学习和实践过程中增长了知识、丰富了经验。在这次设计中,主要用到了Dreamweaver、VS等软件,虽然以前接触过Dreamweaver,但设计时还是遇到了很大的难题,于是查阅了大量的资料,这次设计真正给了我们次实践的机会,把以前所学的东西全部得以应用,融会贯通,设计中遇到许多困难,还有VS配置环境的问题,数据库连接折腾了一会,VS里的一些库安装的时候没安装,现在添加库需要自己上网搜,还有C#的代码需要自己从网上找到类似,然后修改,比较麻烦,需要不断实验。这次实验很多东西都是借鉴了网上的东西,不过在借鉴的同时,自己也学到了很多,收获颇多。由于平时学习比较繁忙,时间比较少,对于网页设计软件的强大功能运用的还不够。在网页设计过程中,由于缺乏联系,在设计中遇到了很多麻烦,必须要勤奋联系,不断完善。在指导老师和同学的助下,通过了自己的努