动态网页设计Word文件下载.docx

1、1.1 实训设计目的 11.2 实训设计的实验环境 11.3 实训设计的预备知识 11.4 实训设计要求 1第2章 实训设计内容 22.1开发背景简述 22.2 系统设计内容 22.3需求分析 22.3.1系统逻辑设计 42.3.2 系统功能需求分析 62.4系统实现 92.4.1 系统的详细设计 92.4.3 程序源代码 92.5测试分析 10第3章 实训总结 13参考资料 14第1章 实训的目的与要求1.1 实训设计目的动态网页设计是计算机相关专业的必修专业基础课程，其实践性、应用性很强。实践教学环节是必不可少的一个重要环节。本课程的程序设计专题实际是计算机相关专业学生学习完JAVA程序设

2、计及动态网页设计等课程后，进行的一次全面的综合训练，JSP动态网页设计的设计目的是加深对理论教学内容的理解和掌握，使学生较系统地掌握程序设计及其在网络开发中的广泛应用，基本方法及技巧，为学生综合运用所学知识，利用软件工程为基础进行软件开发、并在实践应用方面打下一定基础。1.2 实训设计的实验环境硬件要求能运行Windows 2000操作系统的微机系统。JSP动态网页设计语言及相应的集成开发环境:J2SDK和ECLIPSE开发工具及Tomcat服务器。1.3 实训设计的预备知识熟悉JAVA语言及ECLIPSE开发工具、Tomcat服务器。1.4 实训设计要求按JSP动态网页设计的设计指导书提供的

3、课题，要求学生在自行完成各个操作环节，并能实现且达到举一反三的目的，完成一个项目解决一类问题。要求学生能够全面、深入理解和熟练掌握所学内容，并能够用其分析、设计和解答类似问题；对此能够较好地理解和掌握，能够进行简单分析和判断；能编写出具有良好风格的程序；掌握JSP动态网页设计的基本技能和面向对象的概念和方法编程技术。同时培养学生进行分析问题、解决问题的能力；培养学生进行设计分析、设计方法、设计操作与测试、设计过程的观察、理解和归纳能力的提高。第2章 实训设计内容2.1开发背景简述在国家大力推进信息化建设的宏观背景下，城市网络基础设施及应用水平均已得到了较大的完善和提升。特别是在经济发达的沿海地

4、区，商贸服务业也较为发达，市民接受新事物能力和消费水平均较高，进行商贸流通业（即商品流通和为居民服务的第三产业）信息化与电子商务建设是政府的一项重要工作。愈来愈多的商贸服务企业意识到了用现代信息技术改造传统经营方式，用电子商务手段提升管理和服务水平的重要性。已有许多企业在着手计划或已进行自身的电子商务建设，这就有了对商贸服务业电子商务应用平台的迫切需求。电子商务建设的最终目的是发展业务和应用。电子商城系统的建设，可以建立起电子商务服务的门户站点，是现实社会到网络社会的真正体现，为广大网上商家以及网络客户提供一个符合中国国情的电子商务网上生存环境和商业运作空间。电子商城的建设，不仅仅是初级网上购

5、物的实现，它能够有效地在Internet上构架安全的和易于扩展的业务框架体系，实现B To B（企业对企业）、B To C（企业对用户）以及C To C（用户到用户）等应用环境，推动电子商务在中国的发展。2.2 系统设计内容对于在线沙滩椅销售系统的用户，最终和最重要的功能无疑是在线购物行为的完成，针对在线购物行为，用户对系统的功能需求可以细分为以下几个方面：沙滩椅产品查询 （1）沙滩椅查找 在本功能中，用户需要能够按照多种方法迅速找到需要的沙滩椅产品，对应的，系统需要提供多种查询方法，如按沙滩椅名称查 询、按型号查询、按沙滩椅公司查询、按销售排行查询和分类查询等。同时，系统应该能够准确反馈查询

6、结果，这个结果可以只是一个简单的列表，沙滩椅详细信息的查 询可以作为链接以节省系统开销，提高重用性。如果库存中没有用户所查询的沙滩椅产品，系统应该及时返回没有该沙滩椅的查询消息。（2）沙滩椅详细信息查看 在用户决定购买之前需要详细了结沙滩椅产品信息，包括沙滩椅名称、分类名称、沙滩椅名、沙滩椅公司、型号列表、价格和沙滩椅图片等。购买行为参考及实施 （1） 沙滩椅销售排行查询 沙滩椅销售排行榜对于用户购买沙滩椅产品的行为有指导作用，排行榜的前几位通常在相当的一段时间里会有不错的销售成绩。（2）购物车 用户需要类似实体店购物车功能的一个模块来存放一部分不能马上做出购买决定，还需要综合权衡的沙滩椅产品

7、。（3）填写提交及支付 对于决定购买的产品用户需要填写订单进行购买，系统必须提供一个填写和提交订单的平台，同是要提供足够安全的信道传送用户支付信息。（4）查看订单状态 用户对于已经完成的订单有查询其状态的需要，系统应该能够在接到用户查询请求时，将订单的实时状态准确及时地告知用户。用户个人信息设置及更新 用户在网站注册后，需要随时可以查询自己的个人信息，同时应该具有随时更新设置的权利。用户数据需求 经过调查，在线沙滩椅销售系统的用户需要运用的数据主要包括如下几种。用户需要获得的数据 沙滩椅产品信息及相关销售信息、用户积分等数据。用户需要存储的数据 （1）用户的个人信息 （2）用户的购物车信息 （

8、3）用户订单信息2.3需求分析2.3.1系统逻辑设计总体关系E_R图根据业务流程，需要将网站划分为前台、后台和数据库。前台中，客户在登录网站主页后即可链接查看到商品等信息，还可以做订购商品等活动。为了方便客户搜索感兴趣的商品信息，将商品搜索嵌入到主页面中。数据库将要作为网站后台重要的组成部分，管理员的主要操作几乎全部围绕数据库，最后将更新的数据要显示给前台。前台是一个比较大的功能群，它所包含的信息不仅数量多，而且种类不同。将它设计成比较优化的结构形式能组织好网站的信息内容并将其归类，方便用户获得所需要的信息。其中每一部分都以尽量少的内容显示，以免浏览者看的眼花缭乱而失去耐心。除了这些作用外，设

9、计好前台的结构形式，也是为后面程序的编写做出了框架。在为系统划分功能模块，并以模块为单位来实现设计时也是以这个结构为根基的。系统的后台要对整个网站的信息和数据进行维护。网站前台所显示的信息在后台都应该有对应的维护。这样，除了设计后台的各个管理界面外，为了方便管理员的工作，可以将各个管理的界面结合到一个页面中。因此，各个管理的界面会作为主管理界面的分支。在设计好网站前台与后台的结构以后，就将数据库加入到结构中。后台将更新的数据写入到数据库中，前台再将数据库中的信息取出来并显示。1、总体E_R图E-R图是一种概念模型。概念模型实际上是现实世界到机器世界的一个中间层次。概念模型用于信息世界的建模，是

10、显示世界到信息世界的第一层抽象，使数据库设计人员进行数据库设计的有利工具，也是数据库设计人员和用户之间进行交流的语言，因此概念模型一方面应该具有较强的语义表达能力，能够方便、直接的表达应该用众的各种语义知识，另一方面他还应该简单、清晰并且易于用户理解。下面是总体E-R图。表结构表的设计是这次设计的一个核心内容。，下面是为主要数据库设计的表：表序号1表名Customer含义存储用户的基本信息序号属性名称数据类型长度说明约束c_name用户名varchar30not null主键2c_pass密码3c_header头像Not null4c_phone电话号码115c_question问题提示6c_

11、answer问题答案Varchar7c_address地址null8c_email邮箱509Admin存储管理员基本信息a_name管理员账号a_pass管理员密码a_headera_phone联系电话CharNulla_email电子邮箱40a_key管理员关键字IntProduct存储商品信息p_type商品类型p_id商品编号10p_name商品名称 Not nullp_price商品价格floatp_quantity商品数量intp_image商品图片100p_description描述信息2000p_time添加时间202.3.2 系统功能需求分析1系统功能模块图层次模块结构是将系统

12、划分为若干子系统，子系统下再划分为若干的模块。而模块是指具备有输入输出、逻辑功能、运行程序和内部数据四种属性的一组程序。在结构化系统设计中，模块一般都是按功能划分的，通常称为功能模块。合理的功能模块的划分能够极大限度地减少重复劳动、提高开发工作的效率并增大系统的可维护性。以前面的系统分析为基础，将系统分为两大模块，即前台模块和后台模块。网络购物中心的功能结构如图4.1所示。（1）用户管理模块：为了方便于网站的管理，必须由一套完整的用户管理体系。该网站用户管理模块主要实现用户的注册、登录、找回密码3方面功能。（2）购物车模块：在超市购物，可以根据自己的需要将很多种商品挑选至购物车或购物篮中，然后

13、到收银台结款。而在网上虚拟的商城中，当然没有办法使用真正的购物工具，因此，通常都会采用一种被称为“购物车”的技术来模拟现实生活。在网上商城中，所选商品须通过购物车进行暂存，然后生产订单。这种技术使用起来十分方便，不但可以随时添加、查看、修改、清空购物车中的内容，还可以随时去收银台结款。（3）订单管理模块：用户提交订单后，通过产生的订单号查询订单信息及执行状态。只需要根据用户录入的订单号在数据表中查询处对应的货品信息即可。（4）个人资料管理模块：用户资料修改时为用户更改个人信息所提供的窗口，为了保护用户信息部受非法侵害，用户只有登录网页后才有权限修改个人资料。（5）留言板管理模块：留言板是一个商

14、务网站中不可缺少的组成部分，它可以增进用户与网站之间的交流。在现实网络开发中存在着各种各样的留言板，但它们都由基于浏览留言板及添加留言板2部分组成。（6）管理员身份验证模块：为合法用户提供一个后台入口。该模块的功能是对管理员身份进行能够验证。用户输入登录ID和密码后，系统将判断登录ID及密码的有效性，如果通过验证则状态后台主页，反之则提示错误。（7）商品管理模块：向商品表插入前台首页展示的商品信息，也就是添加商品信息的功能。（8）处理订单模块：网站管理者对用户订单的执行和编辑状态。（9）用户信息管理模块：查询注册所有用户，对一些非法或失信用户进行删除操作 。（10）公告信息管理模块： 网站向用

15、户发布最新公告信息。（11）链接信息管理模块：管理员向前台首页添加友情链接信息。2系统简单的流程图前台业务主要面向客户。用户可以浏览网站主页、商品的介绍和一些服务信息。前台业务流程如图2.1所示。图 2.1 前台业务流程图在网站设计中，管理员完成对网站的维护与管理的工作。使用数据库中权限的功能对管理员设置权限，管理员可以对商品及商品分类的信息进行新增，修改及删除，也可以对订单信息进行查看、撤销、发货、完成等处理，同时管理员也可以对用户信息进行管理。流程图如图2.2所示。图 2.2 后台业务流程图2.4系统实现2.4.1 系统的详细设计 用户图形界面的设计（1） 用户登陆模块设计为了验证用户是否

16、合法，系统需要用户提供用户名和密码来进行验证，这一功能由用户登陆模块完成。本模块需要运用 login.java这个bean，来设计一个表单让用户输入用户名和密码。在本模块中，对于用户输入的用户名和密码，系统在发现错误时，应及时做出错误 报告。用户登陆模块的预览效果如图2.5所示。热门产品、最新上市产品是使用了DataList控件进行显示的。而当用户要查看某一饰品的详细信息时，可以通过点击详情按钮跳转到Detail.aspx页，在此方法中又调用了存储过程getproductitem，显示指定产品的详细信息。查看产品界面效果如图2.6所示。2.4.3 程序源代码admin_login.jsp&nb

17、sp;style type=text/css!-.STYLE1 font-size: 12px;.STYLE2 font-size: 14px;color: #333333;.STYLE4 font-size: color: #FF0000; -/stylescript-function check_admin（form）if（form.a_name.value=）alert（请输入管理员账号!）;form.a_name.focus（）;return false;if（form.a_pass.value=请输入管理员密码!form.a_pass.focus（）;-/scriptBrcenter

18、table width=233 border=1 bordercolor=#b984ea style=border-collapse:collapse cellpadding=0 cellspacing=-DWLayoutTable-trtd width= height=30 bgcolor=/td/trtd height=51form action=admin_login_ok.jsp method=post onSubmit=return check_admin（this）;40940 colspan=2 align=centerspan class=STYLE4Easy Buy Onli

19、ne 后台登录146rightSTYLE2帐号密码/form/centerConnDB.javaprivate static String propFileName = /com/connDB.properties; / 指定资源文件保存的位置jdbc:microsoft:SQLserver:/localhost:1433;DatabaseName=db_netExamprivate static String dbUser = saprivate static String dbPwd = public ConnDB（） /定义构造方法try /捕捉异常/将Properties文件读取到In

20、putStream对象中InputStream in = getClass（）.getResourceAsStream（propFileName）;prop.load（in）; / 通过输入流对象加载Properties文件dbClassName = prop.getProperty（DB_CLASS_NAME / 获取数据库驱动dbUrl = prop.getProperty（DB_URL, dbUrl）;/获取URLdbUser = prop.getProperty（DB_USER, dbUser）;/获取登录用户dbPwd = prop.getProperty（DB_PWD, dbPwd

21、）;/获取密码2.5测试分析系统入口测试要点测试要点：用户名、密码和验证码。测试路径：用户名、密码验证码是否为真。测试结果：为真，进入系统；为假，提示重新输入用户信息。适用范围：管理员登录、用户登录等。数据录入测试要点 数据录入类型。录入类型是否正确。录入类型正确能写入数据库增加新记录；否则提示重新输入。当录入数据为数据表中限定的类型时，才能增加新的记录；若录入的数据类型不正确，则无法增加新的记录。添加类别、添加信息。用户界面窗体设计测试 窗体大小。大小要合适，控件布局合理；缩放窗体。窗体上的控件应随窗体的大小变化而变化；显示分辨率。必须在不同的分辨率的情况下测试程序的显示是否正常。经过测试，

22、发现系统用户界面窗体的大小在大部分台式机和笔记本电脑显示器上效果不一。后经分析发现，开发使用的笔记本电脑系宽屏设计，因此造成了一般尺寸的台式机显示器显示不正常的现象。及时修改页面大小可以修正此问题。其他功能未发现异常。文本框的测试 输入正常的字母或数字；输入超长字符。例如在“名称”框中输入超过允许边界个数的字符，假设最多25个字符，尝试输入 26个字符，检查程序能否正确处理；输入默认值，空白，空格；若只允许输入字母，尝试输入数字；反之；尝试输入字母；利用复制，粘贴等操作强制输入程序不允许的输入数据；输入特殊字符集，例如，NUL及n等；输入超过文本框长度的字符或文本，检查所输入的内容是否正常显示

23、；输入不符合格式的数据，检查程序是否正常校验，如，程序要求输入年月日格式为yy/mm/dd，实际输入yyyy/mm/dd，程序应该给出错误提示；经过测试，系统在文本框输入功能中表现正常，在出现异常输入时能够及时报错并提醒用户重新输入。第3章 实训总结随着Web技术的进一步发展和Internet的逐渐大众化，基于Internet的电子商务系统无疑比传统商务具有更加广阔的应用前景，网上交易必将成为社会经济发展的趋势，网上电子商城就是一个网上交易平台，相信它的市场发展潜力是无穷的。目前基于该模型的系统处于实验室阶段,还存在许多问题与不足,如安全性能还不完善,缺少必要的数据加密系统等，这些功能与技术还需要加以提高和实现。在编写论文的时间里，我在不断自学的基础上利用JSP网络开发语言、SQL Server 2005数据库完成了网上购物系统的设计。期间我遇到了若干问题和解决了不少的问题。从配置Tomcat服务器和数据库，到网站服务，我对电子商务的认识从无到有，有了较为具体详细的了解。我所建立的网上购物系统只是一个稍显简单的网上购物系统，真正电子商务所涉及到的方方面面的问题我未曾遇到或现有的条件限制