基于JSP的网上超市购物系统设计与实现样本.doc

资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。 摘要21 世纪以来, 人类经济高速发展, 人们的生活发生了日新月异的变化, 特别是计算机的应用及普及到经济和社会生活的各个领域。为了让消费者甜品网上购物系统商店过程变得简单、 方便、 安全、 快捷, 网上商城购物成了一种新型而热门的购物方式。甜品网上购物系统商店是一种具有交互功能的商业信息系统, 它在网络上建立一个虚拟的购物商城, 使购物过程变得轻松、 快捷、 方便。然而作为一个购物系统, 能够长期健康的发展系统的安全性和实现购物的方便性是很重要的, 在安全性方面, 系统主要考虑了数据存储的安全性, 以及用了用户注册和密码等措施, 没有使用到数字签名技术。在方便性上, 主要考虑了用户浏览商品、 查询商品、 定购商品的方便性和后台管理用户维护的方便性, 在用户定购商品后, 货单付款, 商家把商品送到用户。课题目标是设计并实现一个甜品网上购物系统网站。结合实践, 理解网页开发技术和数据库的基本知识, 学习相关开发工具和应用软件, 熟悉网站建设的过程, 熟练掌握网络数据库编程方法。系统采用B/S开发模式, 开发工具选择JAVA、 JSP、 JavaScript、 Html语言, 采用Tomcat服务器技术, 后台数据库选用SQL Server 。关键词: 甜品网上购物系互联网系统设计 Abstract In 21st century, human high-speed economic development, peoples life a changing, special is the computer application and popularization to all fields of economic and social life. In order to let the consumer online shopping system stores dessert process become simple, convenient, safe, efficient, online mall shopping became a kind of new-style and popular shopping way. It is to build a virtual shopping mall, make shopping process easier, quick, convenient. However as a shopping system, the development of long-term health to the security of the system and realize the convenience of shopping, it is important to safety, system mainly in the safety of considering the data storage and in user registration and passwords and other measures, no use to digital signature technology. In convenience, the main consideration the users browse goods, inquires the commodity, order the convenience and background management of goods of convenience, the user maintain order goods in the user, the businessman, after the goods invoice payment to the user. Task goal is to design and implement a dessert shopping website system online.Combining the practice, web development technology and understanding the basic knowledge, learning database related development tools and application software, familiar with website construction process, mastering network database programming method. System adopts B/S developing mode, selection of development tools JAVA, JSP,JavaScript, Html, using Tomcat Server technology, backend database choose SQL Server . Key words: Online Shopping SystemThe InternetSystem Design 目录第一章 绪论11.1项目背景与现实价值11.2开发工具和实用技术1第二章 系统分析32.1需求分析3 2.1.1 性能需求3 2.1.2 安全需求3 2.1.3功能需求3第三章 概要设计83.1系统结构设计8 3.1.1 后台功能模块9 3.1.2 前台功能模块9第四章 数据库设计114.1 结构设计11 4.1.1 概念结构设计11 4.1.2 逻辑结构设计11第五章 界面设计135.1 界面设计要求135.2 系统界面设计135.3系统页面设计介绍及关系14 5.3.1 后台页面说明14 5.3.2后台页面之间的跳转15 5.3.3前台页面说明16 5.3.4前台页面之间的跳转18第六章 详细设计与实现196.1 系统功能模块19 6.1.1管理员登录模块19 6.1.2管理员修改密码模块19 6.1.3会员管理模块19 6.1.4品牌管理模块20 6.1.5甜品管理模块21 6.1.6新闻管理模块23 6.1.7会员登录模块24 6.1.8会员注册模块24 6.1.9会员购物车模块25 6.1.10会员订单模块25 6.1.11会员修改信息模块26 6.1.12浏览者浏览信息模块276.2 系统采用的数据库连接方式27总结28致谢29参考文献30 第一章 绪论1.1项目背景与现实价值在当前信息化的时代, 对大众的订餐要求仅仅依赖手工操作, 已经远远不能满足实际的需求了, 因此网上订餐越来越被看好。对于网上订餐来说, 正接受着大众的各种考验, 如送餐时间的规定, 新产品开发等等。基于当前网上订餐行业的挑战, 特此开发网上订餐的甜品部分的购物系统, 以满足大众对于新产品开发的要求。传统的订餐模式既有局限, 又不是很完整。而构建该甜品的网站既突破了时间和空间上的限制, 又能够及时、 准确、 快速的发布甜品信息, 让大家不需要面对面就能够相互了解, 相互交流, 足不出户就能够享受送货上门, 货到付款的服务。 随着互联网和宽带上网的普及, 甜品网上购物系统在中国异军突起, 并日益渗透到人们的日常生活中。甜品网上购物系统是运用现代通信技术、 计算机和网络技术进行的一种社会形态, 其目的是经过互联网、 提高社会生产效率、 优化社会资源配置, 从而实现社会财富的最大化利用。现在中国的信息管理水平还比较落后, 这样的机制已经不能适应时代的发展, 因为它浪费了许多人力和物力, 在信息时代传统的管理方法必然被计算机为基础的信息管理所取代。软件作为一项有力的工具, 只能当此种工具, 与我们的实践相结合起来的时候, 才具有重大的社会价值及使用价值。因此根据当前实际的情况开发这样一套管理系统是十分必要的。随着科学技术的不断提高,计算机科学技术日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。作为计算机应用的一部分,使用计算机进行管理, 具有着手工管理所无法比拟的优点。例如:可靠性高、 存储量大、 保密性好、 寿命长、 成本低等。这些优点能够极大地提高工作的效率,也是信息正规化管理与世界接轨的重要条件。本课题所研究的甜品网上购物系统主要是为个人提供搜索, 欣赏和下载的一个平台, 从而给个人带来方便。课题目标是设计并实现一个B/S体系结构的甜品网上购物系统。结合实践, 理解网页开发技术和数据库的基本知识, 学习相关开发工具和应用软件, 熟悉网站建设的过程, 熟练掌握网络数据库编程方法。 1.2开发工具和实用技术 网上销售管理系统采用B/S开发模式,软件开发环境: MyEelipse8.5+JDK1.6+Tomcat6.0+SQLserver MyEelipse8.5: MyEclipse是一个十分优秀的用于开发Java, J2EE的Eclipse插件集合, 其功能非常强大, 支持也十分广泛, 特别是对各种开源产品的支持十分不错。MyEelipse是对EclipseIDE的扩展, 利用它我们能够在数据库和JavaEE的开发、 发布以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的JavaEE集成开发环境, 包括了完备的编码、 调试、 测试和发布功能, 完整支持HTML、 Struts、 JSP、 CSS、 Javascript、 Spring、 SQL、 Hibernate。MyEclipse 8.5, 该版本集成了 Eclipse 3.5.2, 提升了团队协作开发、 开发周期管理以及 Spring 和 Hibernate 的更好支持。JDK1.6: Sun Microsystems针对Java开发员的产品。自从Java推出以来, JDK已经成为使用最广泛的Java SDK。JDK 是整个Java的核心, 包括了Java运行环境, Java工具和Java基础的类库。JDK是学好Java的第一步。而专门运行在x86平台的Jrocket在服务端运行效率也要比Sun JDK好很多。从SUN的JDK5.0开始,提供了泛型等非常实用的功能, 其版本也不断更新, 运行效率得到了非常大的提高。Tomcat6.0: Tomcat是一个免费的、 开放源代码的Servlet容器。Tomcat是Apache软件基金会的Jakarta项目中的一个核心项目, 由Apache、 sun和其它一些公司及个人共同开发而成。Tomcat服务是一个比较简单的服务器, 在设计方面是符合建立商业站点的规范, 能够利用它进行编程与测试。SQLserver : 是一个关系数据库管理系统。它具有数据库镜像、 在线恢复、 在线检索操作、 快速恢复、 安全性能的提高、 新的SQL Server Management Studio、 专门的管理员连接、 快照隔离、 数据分割、 增强复制功能等特点。甜品网上购物系统拟采用JSP+JavaBean开发模式, 这种模式有效地分离了页面显示和业务数据处理, 业务数据处理部分都交给JavaBean组件, 如访问数据库、 用户验证等。JSP+JavaBean示意图1-1如下: 客户浏览器JSP容器数据库JSPJavabean JSP+JavaBean示意图 1-1 第二章 系统分析2.1需求分析网上销售管理系统是运用现代通信技术、 计算机和网络技术进行的一种社会形态, 其目的是经过互联网、 提高社会生产效率、 优化社会资源配置, 从而实现社会财富的最大化利用。本课题所研究的网上销售管理系统主要是为个人提供搜索, 欣赏和下载的一个平台, 从而给个人带来方便。因此, 开发一个网上销售管理系统是很有必要的, 具有其特有的技术意义和管理意义。 2.1.1 性能需求为了保证运行的高效率, 建议使用在1G及以上内存的机器。所有的页面都能链接到指定要链接到的页面, 所链接的页面均存在, 而且系统中不存在有孤立的页面; 对表单进行测试, 如果输入信息不正确或者不输入信息就直接提交, 会出现出错提示; 经过互动用户填写的表单信息和调查信息的提交对数据库的存入和读取操作进行测试, 数据库运行正常。在浏览器中运行, 速度都在可接受的范围内( 少于五秒) 。网上销售管理系统导航结构清晰、 目的明确, 经测试每个导航下的模块都能准确链接; 页面字体使用CSS控制, 确保了风格的一致, 页面使用较少颜色组合, 有较好的视觉效果; 对超市管理系统内容进行抽样式调查未发现语法、 拼写错误以及其它错误信息; 超市管理系统整体界面布局合理, 页面风格简洁, 颜色搭配协调, 保证了超市管理系统可用性良好。在安装了IE、 360, 遨游等不同浏览器的客户端进行测试, 系统中JavaScript均可正常运行, 框架和层次结构风格差别不大, 因此超市管理系统兼容性较好。 2.1.2 安全需求系统对管理员的帐号和密码的有效性进行了测试。只有管理员的帐号和密码确认有效后, 才能够对超市管理系统进行维护工作。保证了超市管理系统的安全性。 2.1.3功能需求 此基于JSP的网上销售管理系统分前台功能和后台功能, 系统有两个参与者: 管理员和用户。参与者的描述如下: ( 1) 管理员 后台部分由管理员使用, 主要包括参数设置, 会员管理, 商品管理, 账务管理, 品牌管理,信息管理。管理员填写登录名和密码后进入后台主页面, 根据自己的需求进行操作。能够进行密码的修改, 对注册会员的信息进行管理, 完成商品的增加删除添加查询, 财务编辑和对前台信息的管理.管理员的用例图2-1如下: 管理员的用例图2-1管理员的用例描述表如下: 管理员参数设置用例描述表2-1用例名称参数设置功能简述管理员登录系统后, 可自行重新设置登录密码前置条件已经登录的管理员后置条件修改成功, 程序连接数据库基本流1、 管理员点击页面菜单栏中参数设置模块下的”修改密码”链接2、 在显示的页面中填入原密码、 新密码、 然后确认密码3、 点击”确定修改”按钮4、 显示新密码和密码修改成功 会员管理用例描述表2-2用例名称会员管理功能简述管理员能够对本网站的会员进行查询及编辑操作前置条件会员ID或姓名正确后置条件修改成功, 程序连接数据库基本流1、 管理员点击页面菜单栏中会员管理模块下的”会员查询”链接2、 在显示的页面中填入会员ID、 姓名进行查询3、 点击”修改”按钮, 进行修改4、 点击”删除”按钮, 进行删除 品牌管理用例描述表2-3用例名称品牌管理功能简述能够添加与查询网站的品牌, 并进行操作前置条件无后置条件操作成功, 程序连接数据库基本流1、 管理员点击页面菜单栏中品牌管理模块下的”品牌添加”链接2、 在显示的页面中添加品牌; 3、 管理员点击页面菜单栏中品牌管理模块下的”品牌查询”链接4、 点击”修改”按钮, 进行修改5、 点击”删除”按钮, 进行删除扩展流1、 点击”修改”按钮跳转到修改页面, 可对其内容进行修改然后保存关闭; 2、 点击”删除”按钮弹出确认对话框是否删除; 商品管理用例描述表2-4用例名称商品管理功能简述向商品表插入前台首页展示的商品信息前置条件无后置条件操作成功, 程序连接数据库基本流1、 管理员点击页面菜单栏中甜品管理模块下的”商品添加”链接2、 在显示的页面中按需求添加商品; 3、 管理员点击页面菜单栏中品牌管理模块下的”商品查询”链接4、 点击”修改”按钮, 进行修改5、 点击”删除”按钮, 进行删除扩展流1、 点击”修改”按钮跳转到修改页面, 可对其内容进行修改然后保存关闭; 2、 点击”删除”按钮弹出确认对话框是否删除; 信息管理用例描述表2-5用例名称信息管理功能简述管理员对网站首页信息进行编辑管理前置条件无后置条件操作成功, 程序连接数据库基本流1、 管理员点击页面菜单栏中信息管理模块下的”信息添加”链接2、 在显示的页面中按要求发布信息; 3、 管理员点击页面菜单栏中品牌管理模块下的”新闻查询”链接4、 点击”修改”按钮, 进行修改5、 点击”删除”按钮, 进行删除扩展流1、 点击”修改”按钮跳转到修改页面, 可对其内容进行修改然后保存关闭; 2、 点击”删除”按钮弹出确认对话框是否删除; ( 2) 会员 前台部分由用户使用, 主要包括用户注册, 购物车管理, 订单管理, 个人资料管理, 新闻查询。当用户第一次登录时首先要注册, 成为会员后, 才能够购买商品。用户能够经过单击首页的注册按键来打开注册页面进行会员注册操作, 其中包含了用户姓名、 密码等信息, 注册完成后能够浏览系统的各种信息和新闻, 当有心仪的商品时能够点击购买, 提交订单, 随时查看自己的订单详情; 有需要是还能够修改自己的个人信息。会员的用例图2-2如下: 会员的用例图2-2会员的用例描述表如下: 用户管理用例描述表2-6用例名称用户管理功能简述用户需要注册才能登陆, 用户注册前置条件没有注册的用户后置条件注册成功, 程序连接数据库基本流1、 点击主页面上的注册按钮; 2、 页面跳转到用户注册条约, 是否同意, 点击同意; 3、 页面跳转到注册信息页面, 按要求填写, 点击提交; 4、 注册成功 用户管理用例描述表2-7用例名称购物车管理功能简述所选商品须经过购物车进行保存, 然后生成订单前置条件已注册的用户后置条件无基本流1、 用户点击要购买的商品后, 点击购买; 2、 转到购物车界面, 点击”去收银台”3、 转到下订单页面, 按要求填写, 提交订单; 4、 下单成功, 关闭。 订单管理用例描述表2-8用例名称订单管理功能简述登陆用户能够经过订单号查询订单和详情。前置条件已注册的用户后置条件无基本流1、 点击管理栏中的”我的订单”查看订单; 2、 查看订单中有详情, 点击出现订单详情。 个人资料管理用例描述表2-9用例名称个人资料管理功能简述用户登陆后即可对个人的注册信息进行修改。前置条件已注册的用户后置条件信息按要求被修改基本流1、 点击”个人资料”会员可对自己的姓名、 密码、 联系电话、 电子邮箱、 联系地址、 送货方式等进行修改; 2、 填写完成提交信息或重新填写。 新闻查询用例描述表2-10用例名称新闻查询功能简述会员能够对本网站的信息进行查看前置条件所有用户后置条件无基本流1、 点击上面任务栏中的各类信息进行查看, 页面根据要求跳转; 2、 点击”新闻”, 用户可根据自己的喜好选择性的查看新闻, 新闻后也有具体的上传时间; 第三章 概要设计3.1系统结构设计 总体设计主要是指在系统分析的基础上, 对整个系统的划分( 子系统) 、 机器设备( 包括软、 硬设备) 的配置、 数据的存贮规律以及整个系统实现规划等方面进行合理的安排。系统设计工作应该自顶向下地进行。 系统设计的工作复杂又细致, 总体设计阶段需要进行系统模块结构设计, 要将一个大系统分解成不同层次、 多个模块组成的系统, 在详细设计阶段要在模块结构设计的基础上, 给出每个模块实现方法的细节, 并对模块的输入、 输出和处理过程作详细描述, 以便在系统实施阶段进行程序设计时能够把这个描述直接”翻译”成用某种程序设计语言书写的程序。系统结构如图3-1所示: 系统结构图3-1 功能划分的基本思想是将系统设计成由多个相对独立、 功能单一的模块组成的结构。由于模块之间相对独立, 每一模块就能够单独地被理解、 编写、 测试、 排错和修改,从而有效地防止错误在模块之间扩散蔓延, 提高了系统的质量(可维护性、 可靠性等)。因此, 大大简化了系统研制开发的工作。本系统主要分为前台和后台两个子系统, 这其中又分为不同的功能的模块。 3.1.1 后台功能模块 后台子系统包括参数设置、 会员管理、 品牌管理、 商品管理和新闻管理五个模块。当管理员在后台登录页面登录时要输入正确的用户名和密码经过判断进入主页面。参数设置模块: 主要是针对管理员登录进入后台系统后对自己密码的修改, 输入原有密码和密码后保存, 输出新的密码和成功提示; 会员管理模块: 管理员对会员进行删除和修改操作。会员注册填写额信息可能会出现不真实或违法的信息, 管理员经过输入会员ID或会员姓名进行查询然后进行相关操作; 品牌管理模块: 包含两个小部分添加和查询, 管理员输入要添加的品牌名称, 点击添加数据库更新给出添加成功提示, 查询品牌能够完成对品牌的修改和删除操作; 商品管理模块: 此模块包含两个部分添加和查询, 添加商品时管理员输入商品图片、 名称、 品牌、 规格、 价格分为市场价和会员价、 库存和详细说明然后选择类型, 查询时输入产品的名称或品牌然后对其进行相应的修改和删除操作; 新闻管理模块: 包含新闻添加和新闻查询, 输入新闻标题, 发布人和新闻内容点击添加新闻添加成功, 查询时输入新闻名称然后能够对其进行相应的修改和删除。3.1.2 前台功能模块前台子系统包括: 用户注册模块、 购物车管理模块、 订单管理模块、 个人资料管理模块, 新闻查看模块。每个模块看似独立实质紧紧相连。前台功能模块关系图3-2如下: 用户注册购物以及对购物车的管理查看自己的订单对个人的资料进行修改对网站内新闻进行查看 前台功能模块关系图3-2 用户注册模块: 查看该系统若购物时需要注册成为会员才能进行相关操作。点击 注册需阅读有关条约同意才能进行下一步注册, 注册时按要求输入姓名、 密码、 联系电话、 电子邮箱、 联系地址、 选择送货方式和支付方式提交信息, 注册成功, 形成用户ID, 登录时需要输入用户ID和密码。 购物车管理模块: 在超市中, 能够根据自己的需要将很多的物品挑选到购物车中。而在网上虚拟的购物商城中, 一般都会采用一种被称做”购物车”的技术来模拟现实生活。这种技术用起来十分方便, 不但能够随时添加, 查看, 修改, 清空购物车中的内容, 还能够随时去在订单处理, 如对商品数量的添加等。 订单管理模块: 为了方便用户随时查看购物情况, 会员能够经过查看订单, 经过它能够将所放入购物车中的选物品信息显示出来, 显示订单号、 支付金额、 支付方式等内容, 其中包含详细的订购日期和详情。在订单中, 并没有显示所有的信息, 用户在查看订单时, 亦可查看订单详情。详情中不但包含了订单的基本信息, 还包含订购人、 电话、 地址、 所订购的甜品的名称及订购数量、 单价等等 个人资料管理模块: 当会员进入本网站同时, 能够对自己的资料进行管理修改操作。会员可对自己的姓名、 密码、 联系电话、 电子邮箱、 联系地址、 送货方式等进行修改并上传。 新闻查看模块: 用户能够对本网站的信息进行查看, 包括对最新商品、 推荐商品、 特价区的查看和对新闻的查看。在对新闻查看中, 用户可根据自己的喜好选择性的查看新闻, 新闻后也有具体的上传时间。 第四章 数据库设计4.1 结构设计 4.1.1 概念结构设计 本阶段将需求分析阶得到的用户需求和功能需求抽象为信息结构, 并利用E-R图描述本数据库的概念模型, 反映现实世界的实体、 属性和她们之间的关系等的原始数据形式。E-R图4-1如下: E-R图4-14.1.2 逻辑结构设计E-R图转化为关系模型: 本阶段将实体和实体间的联系转换为关系模式, 并确定这些实体模式的属性和码。下面把E-R图的转换成关系模型: 会员( 会员号、 姓名、 密码、 邮箱、 地址、 注册时间) 说明: 此为会员实体对应的关系模型。 管理员( 管理员账号, 密码) 说明: 此为管理员实体对应的关系模型。 订单( 订单ID、 会员ID、 会员姓名、 地址、 电话、 订单时间、 备注) 说明: 此为订单实体对应的关系模型。 商品( 名称、 品牌、 规格、 价格、 库存、 说明、 添加时间、 属性) 说明: 此为甜品实体对应的关系模型。 新闻( 标题、 内容、 发布人、 发布时间) 说明: 此为信息实体对应的关系模型。部分数据库表说明: userInfo管理员用户信息表, 管理员的user_id为admin, 默认密码为admin登录到后台系统后, 能够经过参数设置下的修改密码功能进行密码修改。对应表4-2如下: 管理员用户信息表4-2名称字段名称数据类型长度备注记录IDrec_idInt4用户IDuser_idVARCHAR24admin密码passwordInt4 vip_info会员信息表, 用于存放浏览者注册为会员的信息, 当浏览者欲购买商品时需要先登录前台系统, 若不是会员要先点击注册, 阅读完条约并同意后开始填写以下注册信息。对应表4-3如下: 会员信息表4-3名称字段名称数据类型长度备注会员IDvip_idInt4主键姓名vip_nameVARCHAR250密码vip_passwordVARCHAR250注册时间addtimeDatetime50系统时间电话telVARCHAR250邮件emailVARCHAR250地址addressVARCHAR2100 orderTable订单信息表。当会员在购物车中点击去收银台, 将会显示下列信息。对应表4-4如下: 订单信息表4-4名称字段名称数据类型长度备注订单IDorder_idint4会员IDvip_idint4会员姓名vip_name 地址addressVARCHAR250电话telVARCHAR250订单时间order_dateDatetime50系统时间备注remarkVARCHAR2100 第五章 界面设计5.1 界面设计要求 界面设计是人与机器之间传递和交换信息的媒介,经过对界面设计不同需求进行的分类以及界面设计元素对用户行为的影响, 来研究用户在界面设计中所体现的重要性。交互性已经成为网络界面设计中设计追求的目标。为了使设计满足可用性要求, 全面的了解用户特征及多元化要求是十分必要的。这就需要找到正确的方法来记录和实现多元化的用户要求。界面是人与物体互动的媒介, 换句话说, 界面就是设计师赋予物体的新面孔。 简易性: 界面的简洁是要让用户便于使用、 便于了解、 并能减少用户发生错误选择的可能性。 用户语言: 界面中要使用能反应用户本身的语言, 而不是游戏设计者的语言。 记忆负担最小化: 人脑不是电脑, 在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、 有限, 24小时内存在25%的遗忘率。因此对用户来说, 浏览信息要比记忆更容易。 一致性: 是每一个优秀界面都具备的特点。界面的结构必须清晰且一致, 风格必须与游戏内容相一致。 清楚: 在视觉效果上便于理解和使用。 用户的熟悉程度: 用户可经过已掌握的知识来使用界面, 但不应超出一般常识。 从用户的观点考虑: 想用户所想, 做用户所做。用户总是按照她们自己的方法理解和使用。 排列: 一个有序的界面能让用户轻松的使用。 安全性: 用户能自由的作出选择, 且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。 灵活性: 简单来说就是要让用户方便的使用, 但不同于上述。即互动多重性, 不局限于单一的工具(包括鼠标、 键盘或手柄)。 人性化: 高效率和用户满意度是人性化的体现。能保存设置。5.2 系统界面设计 本系统采用暖色调色彩搭配上的协调会让网站呈现出一目了然, 给人予舒适、 自然之感。甜品配以可爱, 直观的图片, 让注册会员在浏览网站商品时有购买的愿望。界面应该大小适合美学观点, 感觉协调舒适, 能在有效的范围内吸引用户的注意力。设计操作简单直观, 在操作要求方面页面都有相应的提示如密码的长度, 插入图片的规则等。当填写表格格式出现错误时, 系统也会给予相关提示。因为是网上销售管理系统, 因此选择商品图片很重要, 大小要一致格式要正确。图片按照接近真实, 美观可爱的风格选择, 让人一看便垂涎三尺。系统采用了CSS布局方式。在每个页面的中间由表单来显示响应的内容。错误信息的提示方式为JavaScript编写的window窗口。5.3系统页面设计介绍及关系 5.3.1 后台页面说明登录页面: 第六章 详细设计与实现6.1 系统功能模块 6.1.1管理员登录模块管理员在登录页面输入自己的用户名和密码, 点击登录按钮。输入的用户名和密码将被提交到后台中, 查询数据库来检验用户名和密码是否匹配。如果输入的用户名正确将提示登录成功, 登录到主页面。否则, 将提示用户名或者密码输入错误, 请重新输入, 跳转到登录页面。 6.1.2管理员修改密码模块 管理员登录进入页面后能够对对自己原密码进行修改, 在u_admin_paswd.jsp页面中输入原密码和新密码。原密码和新密码按规定输入完成后确定更新。此jsp页面中上午脚本语言运用isValid函数返回页面验证控件的状态。如果全部验证经过, 密码输入两次输入一样其正确是能够提交。当前页面中任何一个验证控件没经过验证不能够提交。填写原密码, 新密码两次输入的要一致, 填写完成后确定更改, 页面跳转到u_admin_paswd2.jsp页面。该页面运用动作获得tp.tp类对象的引用, 经过executeQuery()方法发送查询语句来检查原密码和用户名是否匹配, 若是匹配则经过executeUpdate方法执行更新数据表语句并在页面显示新密码和成功状态, 否则显示您输入的旧密码是错误的密码更改失败。 密码修改流程图6-1如下: 密码修改流程图6-16.1.3会员管理模块管理员有义务对注册会员的信息进行审核删除和对不良或非法注册信息进行修改。此模块就是提供给管理员管理会员信息而设计的。管理员操作此功能是页面读取数据库显示出所有的会员部分信息, 页面中分别使用update、 del、 submit01三个函数来返回执行修改、 删除和查询状态。当管理员在界面中输入会员的姓名或ID号点击查询时, 页面使用该页面运用动作, 经过executeQuery()方法去vip_info会员信息表中查询与输入内容相符合的信息, 在当前页面显示出来; 当管理员点击删除会员页面链接到d_vip.jsp页面此页面要执行javaBeans中的动作获得tp.tp类对象的引用, 然后经过引用变量db调用del属性, 使用executeUpdate( ) 方法执行delete语句更新数据库和sendRedirect( ) 方法重定向到查询会员的主页面; 点击修改会员信息时执行u_1_vip.jsp页面从数据库中读取了原有信息并显示出来, 管理员根据具体情况实施修改, 完成后点击保存并执行u_2_vip.jsp中的内容, 此页面经过JavaBean中的动作运用executeUpdate( ) 方法执行update语句将修改的内容在数据库中进行更新, 更新完成后并关闭数据库。会员管