《{项目管理项目报告}第4章网上书店项目的架构和设计》由会员分享，可在线阅读，更多相关《{项目管理项目报告}第4章网上书店项目的架构和设计（44页珍藏版）》请在金锄头文库上搜索。
1、第4章 网上书店项目的架构和设计,网上书店的架构,搭建项目框架,注册、登录和注销功能开发,4.1 网上书店的架构,4.1.1 功能需求和展示 1主界面 网上书店购书界面如图4.1所示。,4.1.1 功能需求和展示,2功能模块 网上书店是一个典型的基于Web网站的Java EE软件系统，集成了诸多的功能模块，主要包括： （1）显示图书分类。 （2）用户可以根据分类浏览某一类图书列表。 （3）用户可以查看具体某一本书的简介。 （4）在图书浏览页只要单击【购买】按钮，就可把选定的图书加入购物车中。 （5）用户可以随时单击 ，查看车中已购图书的信息。 （6）已登录的用户可以单击【结账】按钮下订单。 （
2、7）使用需先注册，在注册页填写个人信息，确认有效后成为新用户。 （8）用户在登录页填写用户名和密码，确认正确后才可结账。,4.1.1 功能需求和展示,各功能模块的划分如图4.2所示。,4.1.2 业务层的引入：多框架整合（含Service层）,1添加Spring核心容器 2添加Hibernate并持久化user表 3添加Struts 2框架 4Struts 2与Spring集成 添加Spring支持包。 配置web.xml文件。 打开web.xml文件，增加Spring的配置，代码所示。 创建struts.properties。 在src目录下创建struts.properties文件，把St
3、ruts 2的类的生成交给Spring完成： struts.objectFactory=spring;,4.1.2 业务层的引入：多框架整合（含Service层）,5开发DAO层 BaseDAO代码如下： package org.easybooks.bookstore.dao; import org.hibernate.SessionFactory; import org.hibernate.Session; public class BaseDAO private SessionFactory sessionFactory; public SessionFactory getSessionF
4、actory() return sessionFactory; public void setSessionFactory(SessionFactory sessionFactory) this.sessionFactory=sessionFactory; public Session getSession() Session session=sessionFactory.openSession(); return session; ,4.1.2 业务层的引入：多框架整合（含Service层）,IUserDAO接口代码如下： package org.easybooks.bookstore.da
5、o; import org.easybooks.bookstore.vo.User; public interface IUserDAO public User validateUser(String username,String password); public void saveUser(User user); UserDAO类代码所示。,4.1.2 业务层的引入：多框架整合（含Service层）,6开发业务层 在src目录下建立包org.easybooks.bookstore.service，包中安置一个IUserService接口。 IUserService接口代码如下： pack
6、age org.easybooks.bookstore.service; import org.easybooks.bookstore.vo.User; public interface IUserService public User validateUser(String username,String password); public User registerUser(User user);/实现（注册登录）的Service UserService类代码所示。,4.1.2 业务层的引入：多框架整合（含Service层）,7开发Action控制块 LoginAction.java代码所
7、示。 struts.xml文件内容如下： /error.jsp /welcome.jsp /error.jsp /welcome.jsp ,4.1.2 业务层的引入：多框架整合（含Service层）,8注册组件 applicationContext.xml文件代码所示。 9编写JSP文件 login.jsp的代码如下： 登录页面 用户登录 姓名: 密码: 注册 ,4.1.2 业务层的引入：多框架整合（含Service层）,register.jsp的代码如下： 注册页面 用户注册 用户名: 密码: ,4.1.2 业务层的引入：多框架整合（含Service层）,welcome.jsp的代码如下：
8、成功页面 ，您好！欢迎光临叮当书店。 error.jsp的代码如下： 失败页面 登录失败！ ,4.1.2 业务层的引入：多框架整合（含Service层）,10部署运行 部署项目、启动Tomcat服务器。在浏览器中输入http:/localhost:8080/jsp_struts2_ spring_service_dao_hibernate/并回车，出现如图4.3所示的登录首页。,4.1.2 业务层的引入：多框架整合（含Service层）,单击【登录】按钮提交表单，跳转到如图4.4所示的成功页面。,4.1.2 业务层的引入：多框架整合（含Service层）,后退到登录首页，如图4.5所示，用鼠标
9、单击页面上的“注册”链接，进入如图4.6所示的注册页面。,4.1.2 业务层的引入：多框架整合（含Service层）,此时控制器会调用IUserService接口里的“注册登录”服务（registerUser()方法），该服务又先后调用DAO层的saveUser()方法和validateUser()方法，实现新用户注册后立即用新账号登录的功能，本例将跳转到如图4.7所示的页面。,4.1.3 系统架构：原理与实施,1分层模型 总结前述的知识，轻量级的Java EE系统最适合采用分层的方式架构，下面给出其分层模型，如图4.8所示。,4.1.3 系统架构：原理与实施,2实施方案 这里将讨论一个使用3
10、种开源框架的解决方案，如图4.9所示。,4.2 搭建项目框架,1创建Web项目 在MyEclipse中创建一个新的Web Project，命名为bookstore。 2创建源代码包 在项目src目录下创建如图4.10所示的包。,4.2 搭建项目框架,3创建数据库 网上书店有以下5个实体：用户、图书分类、图书、订单、订单项，因此，本系统的数据库设计如图4.11所示。,4.2 搭建项目框架,根据图4.11所示的设计模型，用CASE工具生成SQL语句，代码所示。 最终生成的表如图4.12所示，每个实体对应一个表，总共5个表。,4.2 搭建项目框架,向catalog表输入记录的SQL语句： INSER
11、T INTO catalog VALUES(1, C语言程序设计); INSERT INTO catalog VALUES(2, Java开发); INSERT INTO catalog VALUES(3, 数据库); INSERT INTO catalog VALUES(4, 网页编程);,4.2 搭建项目框架,向book表输入记录： INSERT INTO book VALUES(1, 4, ASP.NET 3.5实用教程, 38, ASP.NET3.5.jpg); INSERT INTO book VALUES(2, 1, C#实用教程, 43, CSharp.jpg); INSERT
12、INTO book VALUES(3, 1, C实用教程, 36, C.jpg); INSERT INTO book VALUES(4, 1, C+实用教程, 40, C+.jpg); INSERT INTO book VALUES(5, 4, Flex 4开发实践, 45, Flex4.jpg); INSERT INTO book VALUES(6, 2, Java EE基础实用教程, 35, JavaEEBasic.jpg); INSERT INTO book VALUES(7, 2, Java EE实用教程, 39, JavaEE.jpg); INSERT INTO book VALUE
13、S(8, 2, Java实用教程（第2版）, 50, Java.jpg); INSERT INTO book VALUES(9, 4, JSP编程教程, 30, JSP.jpg); INSERT INTO book VALUES(10, 3, MySQL实用教程, 37, MySQL.jpg); INSERT INTO book VALUES(11, 3, Oracle实用教程（第3版）, 29, Oracle.jpg); INSERT INTO book VALUES(12, 4, PHP实用教程, 35, PHP.jpg); INSERT INTO book VALUES(13, 3, S
14、QL Server实用教程（第3版）, 25, SQL Server.jpg); INSERT INTO book VALUES(14, 1, Visual C+教程（第2版）, 25, VC+.jpg);,4.2 搭建项目框架,4添加SSH2多框架 要注意添加的次序： （1）添加Spring核心容器。 （2）添加Hibernate框架。 （3）添加Struts 2框架。 （4）Struts 2与Spring集成。 具体操作同4.1.2小节，在第（2）步添加了Hibernate后，要一并将bookstore中的5个表全都用“反向工程”法生成持久化对象及映射文件，生成项全部置于先前创建的org.
15、easybooks.bookstore.vo包中，如图4.13所示。,4.3 注册、登录和注销功能开发,4.3.1 表示层页面设计 1页面布局 在WebRoot下建立文件夹css，在其中创建bookstore.css文件。 编写CSS代码所示。,4.3.1 表示层页面设计,2知识点：CSS样式表 例如，在CSS定义了a标签的样式如下： a font-family: 宋体; color: #000000; 那么在页面中若出现： 链接 而类样式则不同，定义一个样式的类格式如下： .name 该类样式的属性 在页面标签中加入“class=name”属性，该标签就可以使用CSS中.name定义的样式。
16、例如： ,4.3.1 表示层页面设计,3设计主界面 主页面的框架由index.jsp实现，代码所示。 4分块子页面设计 （1）网页头设计。 首先在主界面的上方是网页头（对应head.jsp），代码所示。 （2）登录页设计。 登录页对应login.jsp，代码所示。 （3）注册页设计。 注册页对应register.jsp，代码所示。 （4）网页尾设计。 foot.jsp为整个页面的尾部，其代码非常简单，一般是版权说明等内容，代码所示。,4.3.1 表示层页面设计,5效果展示 （1）主界面。 在浏览器地址栏输入http:/localhost:8080/bookstore/index.jsp并回车，显示主界面如图4.14所示。,4.3.1 表示层页面设计,（2）登录页。 单击“登录”链接，如图4.15所示，进入登录页。,4.3.1 表示层页面设计,（3）注册页。 单击“注册”链接，进入注册页，页面上出现如图4.16所示的供用户填写个人信息的表单。,4.3.2 持久层接口设计,DAO层所涉及的类、接口如图4.17所示。,4.3.2
