1、网站开发概述及设计方案本章脉络网站开发流程1.需求方给出总体需求文档，网站建设方确认需求文档内容。2.网站建设方根据网站需求方提供的需求文档进行网站产品设计。3.网站建设方根据网站产品经理的网站策划文档，安排美工设计人员进行网站美工设计。4.网站建设方技术总监进行数据库系统架构与网站系统框架设计，服务器系统架构。5.网站建设方页面制作人员根据页面美工设计人员的平面图进行HTML页面制作，CSS网站样式编写等，JS程序编写等。6.程序员需要完成由网站建设方技术总监分配下来的各网站模块开发任务。7.由网站建设方网站测试人员对网站单元进单项功能测试，然后再整体测试。8.网站项目交由需求方验收，项目从
2、此进入运维期。网站开发流程网站开发流程比较软件生命周期问题定义可行性分析需求分析总体设计详细设计编 码综合测试维 护站点策划站点形象功能需求内容编辑资料收集层次结构 相当于软件开发的需求分析和系统设计阶段设计制作 静态网页的设计制作。包括:v构思草图v图形图像的制作v网页效果图制作v页面制作 软件：vFirworksvFlashvDreamweavervFrontPagev 网站图片制作 图像切割、转换作品赏析作品赏析作品赏析栏目和版面设计 栏目是网站的大纲索引，要明确显示网站的主题，便于浏览查询。板块比栏目概念大，每个板块都有栏目。如果要设立板块，要考虑相对独立，相互关联，内容要围绕主题。栏
3、目安排要紧扣主题，可以考虑设立“最近更新”的指南栏目，设立可双向交流的栏目，设立一个下载或常见问题回答栏目。其他功能设计：客户留言设计。搜索引擎设计。聊天室设计。邮件功能设计。虚拟社区设计。动态编程 语言选择ASP、JSP、ASP.net、PHP、J2EE、XML、AJAX、网页设计技术。数据库技术。表单回收技术。邮件列表技术。全文检索技术。搜索引擎技术。电子商务技术。主要工作：v设计数据库v功能模块开发v编写程序代码前台和后台 前台：展现给用户的页面显示，前台讲究的是效率和交互。后台：主要由管理员进行操作，管理整个网站，后台是功能的实现。1)网站规划阶段：对网站的功能、目标受众、内容、栏目进
4、行规划。2)后台模块划分和版面设计：程序员要和美工兵分两路分头行动。后台模块划分如果做好了，后面的效率会高一些。优秀网站的标准 安全快速访问。足够的带宽是快速访问的保证，（服务器放在自己单位不一定好）。及时更新信息。及时更新才能吸引浏览者。完善检索能力。网站信息交互能力。交互是网站最大特点。方便客户访问购买。制造强烈印象，减少干扰信息，避免冗长说明，提供可视化线索，显示产品，激发欲望，提供方便购物车。课程设计第一阶段任务 撰写项目开发文档;实现教材项目（提供部分代码）;项目阶段性考核。新闻发布系统电子商城系统企业办公自动化系统项目实现步骤(1)完成如下任务：分析网站需求进行站点策划项目实现步骤
5、(2)总体设计 系统层次模块图 工作流程图 系统流程图项目实现步骤(3)详细设计；动态编程；网站评价指标 1.项目功能的完成情况，包括必须实现的功能与选做功能；2.项目完成时间；3.项目开发遵循的标准与过程；4.界面美观；5.合理的类设计、程序构造及优化；6.组员分工情况及对项目的掌握情况；7.表达能力；8.回答问题的应变能力；9.团队合作意识。谢谢综合应用开发项目本章脉络功能需求 各栏目最新新闻的首页显示；新闻分类查询；新闻人物投票；新闻人物投票结果显示；友情链接；普通管理员设置，包括普通管理员资料的添加、删除和修改；总管理员密码修改；新闻管理，包括新闻内容的添加、浏览、修改和删除；链接管理
6、，包括链接内容的添加、浏览、修改和删除；退出后台，注销管理员登录，关闭后台页面。总体设计系统前台功能结构图系统后台功能结构图数据库设计 tb_Link（链接信息表），用来保存友情链接信息。tb_manager(管理员信息表)，用来保存管理员信息。tb_news（新闻内容信息表），用来保存新闻内容信息。tb_newsType（新闻类型信息表），用来新闻一级类型信息。tb_Style（新闻详细类型信息表），用来保存新闻详细类型信息。tb_Vote（新闻人物投票信息表），用来保存新闻人物资料及票选信息。网站前台首页区域名称说明对应文件1站内导航网站logo及新闻类型列表top.jsp2导航模块提供新
7、闻查询表单、友情链接、新闻人物投票入口链接left.jsp3最新新闻显示各种新闻类型的最新3条新闻进行标题显示main.jsp4主页面使用框架技术组合主页的几个文件index.jsp本系统首页文件是index.jsp，该文件视图如图所示，其由多个文件组成，首页各部分组成说明如下表所示：后台登录模块设计实现 manager_main.jsp managerCheck.jsp AdminCheck.java managerCheckSuccess.jsp managerCheckFail.jsp 总管理员设置管理员管理文件功能列表说明文件列表文件类型功能adminSelect.jspJSP浏览普通
8、管理员信息，提供修改、删除链接adminUpdate.jspJSP修改信息页面UpdateManager.javaServlet修改管理员信息updateManagerRight.jspJSP修改正确跳转页面DeleteManager.javaServlet删除管理员adminChangerPassword.jspJSP输入原管理员密码页面AdminCheckPassword.javaServlet验证原管理员密码changerPassword.jspJSP管理员密码正确跳转，输入新密码adminChangerPasswordWrong.jspJSP管理员密码错误跳转页面AdminUpdate
9、Password.javaServlet更新管理员密码adminPasswordRight.jspJSP更新管理员密码成功跳转页面新闻管理链接管理新闻人物管理退出后台 if(window!=window.top)top.location.href=location.href;window.close();代码导读注销session，原先放入session的对象将解绑定，等待垃圾回收以释放资源。一段JavaScript脚本程序，负责关闭窗口，如果网页不是框架页面，则调用window.close()脚本关闭窗口。本系统采用了框架页面，就不能简单调用此语句。关闭框架页面的代码为：if(window!
10、=window.top)top.location.href=location.href;window.close();或者window.top.close();谢谢电子商城系统本章脉络功能需求 商品按类别显示；商品分类查询；会员注册、登录及个人信息的填写维护；网上购物，订单确认、电子支付；新品展示、特价商品展示；商品销售排行；商品的后台管理；订单的后台管理；会员的后台管理。总体设计前台会员注册个人信息，会员登录后，具有的功能有：个人资料维护、商品浏览、商品查询、购物下订单，订单结帐，退出登录。系统的后台功能结构如图3-2所示，后台管理员首先进行登录，具有的功能有：商品管理，会员管理，订单管理，
11、公告管理、退出后台。会员登录资料维护商品浏览购物订单订单结帐退出登录商品搜索后台登录商品管理会员管理公告管理订单结帐退出后台订单管理系统前台功能结构图 系统后台功能结构图数据库设计db_shop表名说明tb_BBS（公告信息表）用来保存商城的公告信息。tb_goods(商品信息表)用来保存商品信息。tb_manager（管理员信息表）用来保存管理员信息。tb_member（会员信息表）用来存储所注册的会员的信息。tb_order（订单信息主表）用来保存订单的概要信息。tb_order_detail（订单明细表）用来保存订单的详细信息。tb_rebate（折扣表），用来保存顾客购买商品时的折扣信
12、息。tb_subType（商品小分类信息表）用来保存商品类别中小的类别信息。tb_superType（商品大分类信息表）用来保存商品类别中大的类别信息。视图(1)V_goods视图结构图V_Member视图结构图视图(2)V_order_detail视图结构图V_Type视图结构图JavaBean组件设计网站前台首页设计区域名称说明对应文件1网站导航站内导航条、网站logo旗帜广告index_navigation.jsp2商品分类按类别展示商品信息index_left.jsp3商品搜索按照商品分类、价格、关键字联合模糊商品查询index_left.jsp4销售排行商城销售量最好的5种商品ind
13、ex_left.jsp5新品轮播展示轮播展示最新商品index_right.jsp6商城公告网站最新公告index_right.jsp7版权信息网站版权信息copyright.jsp8网站首页显示全部商品、特价商品、最新上架index.jsp会员登录注册实现 login_user.html login_user_check.jsp register_deal.jsp 账户管理实现 account.jsp 关键代码导读Stringsql=select*fromV_memberwhereMemberName=+username+;ResultSetrs=conn.executeQuery(sql)
14、;通过获取session里保存的用户名查询用户消费信息，信息结果集为rs，涉及的数据表为V_member MemberGrade=rs.getInt(MemberGrade);遍历结果集rs，获取用户等级信息创建关闭数据库连接的方法close。购物车模块设计实现商品管理模块设计实现superType.jsp superType_deal.jsp superType_Del_deal.jsp super_add.jsp goods_show.jsp goods_show_deal.jsp goods_add.jsp 会员管理模块设计实现member_manage.jsp member_freez
15、e.jsp member_thaw.jsp v对于经常失信的会员予以冻结或解冻管理，在会员信息表Tb_member中，除了包括用户基本信息字段外，还包括了一个标记会员信息是否被冻结的字段freeze，该字段为bit型，默认值为1数据库显示为true，还有另外一个值为0数据库显示为false，0表示未被冻结，1表示已经被冻结。订单管理模块设计实现 order_manage.jsp order_detail.jsp order_enforce.jspv 1分页显示订单概要信息v 2查看订单的详细信息v 3执行订单公告管理模块设计实现 placard_manage.jsp placard_add.j
16、sp placard_add_deal.jsp placard_del_deal.jsp商品展示管理模块设计实现单击后台导航条的“商品展示管理-查看展示商品”即可进入到商品展示管理页面，商品展示管理主要包括修改展示商品、显示当前展示商品信息。修改展示商品是选择下拉哐里的商品，下拉框显示的商品是读取数据库的最新商品，当选择完按修改按钮时，当前页面会显示你选择要展示商品的信息，此时前台展示的商品就是你选择的商品。退出系统模块设计实现 当管理员对网站维护工作完成后，必须退出系统，实现退出网站后台只需要单击“退出后台”超级链接，进入logout.jsp页面即可。logout.jsp页面主要是将保存有管
17、理员信息的session变量清空，并将页面重定向到网站前台首页。谢谢微博网本章脉络功能需求 用户登录功能 用户注册模块 微博用户搜索 微博浏览功能 微博发表功能 个人微博管理功能 用户私信及管理功能 用户管理功能 文章类别管理 功能管理 微博相册管理 微博首页图片展示管理功能 用户管理功能总体设计前台功能注册登录用户搜索微博浏览微博发布微博管理用户私信我的相册资料修改后台功能博文管理公告管理微博相册管理页图片展示管理用户管理退出后台数据库设计db_BlodMay 表名说明tb_article（微博文章表）用来保存博客文章信息。tb_articleType(微博文章类型)用来保存博文类型信息。t
18、b_comments（微博评论表）用来保存微博评论信息。tb_consumer（用户信息表）用来保存用户注册信息。tb_consumer_attention（关注表）用来保存关注用户的数据表。tb_consumer_Dynamic（微博表）用来保存微博用户的微博内容。tb_discuss（微博文章表）用来保存微博文章内容的数据表。tb_occasionally（私信表）用来保存微博用户传达的私信内容。tb_photo（微博相册表）保存微博相册图片信息。tb_photo_user（微博用户相册）保存每个微博用户的相册信息。tb_picture_show（微博前台图片展示主题表）保存主题展示的信息
19、。微博用户主页 区域名称说明对应文件1主页面使用框架技术组合主页的几个文件account.jsp2顶部导航微博图标，重新登录，私信查看，用户信息显示index_top.jsp3全部微博全部微博显示，包括自己，自己关注的用户微博user_dynamic.jsp4恋空微博导航恋空微博，微博说明，微博文章，微博公告，微博相册，微博邮箱，日历，投票，友情链接index_right.jsp5推荐关注用户可以查看、关注注册用户user_recommend.jsp6新信息提醒新粉丝，用户收到的新评论提醒user_information_remind.jsp用户私信 user_occasionally_vie
20、w.jsp 登录注册 registered.jsp validate.js ConsumerServlet.java dealwith.jsp Chinese.java 微博发表、用户搜索微博发表用户搜索全部微博、推荐关注、用户提醒、编辑头像全部微博推荐关注用户提醒编辑头像我的微博 我的微博：account_dynamic.jsp 关注模块 1加关注：user_attention.jsp 2取消关注：dealwith.jsp 我的相册 1相册浏览：user_photo_manage.jsp 2.照片分享：dealwith.jsp 微博文章管理页面设计:article_add.jsp，内嵌文档编
21、辑器插件。文章添加:ArticleServlet.java 文章管理:article_main.jsp删除文章:ArticleServlet.java 微博相册管理代码导读 这里引入了一个开源的上传文件软件ckfinder的js文件，在ckfinder.js中有很多内部方法可以调用，开源软件ckfinder在网上可直接下载，也有对应的方法说明，这里不再赘述调用了ckfinder.js中一个上传文件的方法BrowseServer(,photo)，当点击浏览按钮时将会跳转至ckfinder的主页面，在主页面中可选择所需文件，上传新文件或对文件的一系列操作，参数photo对应的名字是一个文本输入框，
22、在ckfinder的主页面选择某个文件时，在名字为photo的文本框中会显示选中的文件名称首页图片展示 1添加展示主题:picture_show_add.jsp、dealwith.jsp 2更换展示主题图片：picture_show.jsp、dealwith.jsp 谢谢电子商城的SSH架构实现SSH架构分析（1）Struts显示层配置 ActionFormBean接收网页中表单提交的数据，然后通过Action进行处理，再Forward到对应的网页。（2）Spring业务逻辑层配置Service为Action提供统计的调用接口，封装持久层的DAO，并集成了Hibernate，Spring可对J
23、avaBean和事物进行统一管理。（3）Hibernate数据逻辑层配置Hibernate负责持久化层，完成数据库的CRUD操作。数据库连接配置jdbc.driver=com.microsoft.sqlserver.jdbc.SQLServerDriverjdbc.url=jdbc:sqlserver:/localhost:1433;DatabaseName=db_shopjdbc.username=sajdbc.password=123456hibernate.dialect=org.hibernate.dialect.SQLServerDialecthibernate.show_sql=t
24、rueStruts配置文件struts.xml三个xml文件：eshop-action.xml、manage-action.xml、user-default.xml，放置在“configstruts”子目录下 技术细节struts.xml文件是Struts 2最核心的配置文件，该文件主要负责管理Struts 2框架的业务控制器Action。Struts 2支持多个配置文件的定义方式，这在实际开发中，便于程序员分开维护，将相关模块的配置xml文件使用include指令加入到默认struts.xml文件中即可。Spring核心配置文件applicationContext.xml 技术细节appli
25、cationContext.xml是Spring的核心配置文件，其定义节点，并定义子节点和类的映射。使用指令可以引入入不同模块对应的Spring配置文件。输入校验配置 true 不能为空！0 20 长度介于$minLength到$maxLength个字符!代码导读 对字段no进行校验；必填字符串校验器，要求必须有值且长度大于0；字段为空的错误提示字符；字符串长度校验器，要求检验字符长度必须在指定范围内；字符串的最少字符数；字符串的最多字符数；错误提示字符串。软件开发包说明序号软件包包功能说明1com.eshop.action电子商城操作处理.2com.eshop.auth电子商城认证授权.3c
26、om.eshop.dao电子商城数据访问接口定义.4com.eshop.dao.impl电子商城数据访问接口实现.5com.eshop.entity电子商城实体定义.6com.eshop.service电子商城服务接口定义.7com.eshop.service.impl电子商城服务接口实现.8com.eshop.util电子商城常用工具.9com.ssh.actionSSH框架操作处理mon.beanSSH框架公共对象mon.utilSSH框架常用工具.12com.ssh.daoSSH框架数据访问接口定义.13com.ssh.dao.implSSH框架数据访问接口实现.14com.ssh.en
27、titySSH框架数据实体定义.15com.ssh.hibernateSSH框架Hibernate扩展.16com.ssh.serviceSSH框架服务接口定义.17com.ssh.service.implSSH框架服务接口实现.18com.ssh.servletSSH框架Servlet操作.创建持久化类 持久化对象是简单的POJO对象，是一个与数据库表对应的包含有若干属性，以及属性对应的getXxx()和setXxx()方法的类的实例。这个对象由Hibernate来进行管理，一个数据库表对应着一个映射配置文件和一个JavaBean类（是一个POJO类）。JavaBean与数据库表的对应关系通
28、过映射配置文件来定义。实体类（Plain and Old Java Object，POJO）JavaBean的要求如下：只有getter，setter，没有业务方法；什么样的对象需要映射；要有主键字段；可序列化。Hibernate的配置 Hibernate使用Java编写，是一个高度可配置的软件包，通过两种配置文件格式进行配置。（1）hibernate.cfg.xml：启动时，Hibernate查询这个XML的属性进行操作，如数据库连接字符串和密码、数据库方言，以及映射文件位置等。Hibernate在类路径中查找这个文件。（2）*.hbm.xml：映射描述文件，告诉Hibernate如何将特定
29、的Java类和一个或多个数据库表格中的数据进行映射。Hibernate会话工厂类Hibernate实现分为如下几个步骤，其示例代码如下：1加载配置和驱动等Configuration config=new Configuration().configure();2生成Session 工厂(相当于连接池或DriverManager)SessionFactory sessionFactory=config.buildSessionFactory();3打开 sessionSession session=sessionFactory.openSession();4打开事务(Transaction)or
30、g.hibernate.Transaction tran=session.beginTransaction();5生成实体类User bean=new User();6给Bean赋值bean.setUsername(zhangsan);7保存或更新(并没有立即保存到数据)session.save(bean);8提交事务(真正的保存或更新数据)mit();9做查询,首先创建查询对象String queryString=from User;/HSQL 操作的是实体,不是数据库表格Query query=getSession().createQuery(queryString);10读取查询结果ja
31、va.util.List result=query.list();Spring业务层实现软件包com.eshop.dao放置了电子商城数据访问的业务接口，其文件列表如下：AttachmentDao：附件对象操作接口 BbsDao：公告板操作接口 CategoryDao：商品大类操作接口 DiscountDao：折扣实体类操作接口 GoodsDao：商品实体操作接口 ManagerDao：管理员实体操作接口 MemberDao：会员实体操作接口 OrderDao：订单对象操作接口 OrderDetailDao：订单明细操作接口 TypeDao：商品小类操作接口软件包com.eshop.servi
32、ce放置了电子商城服务的业务接口，其文件列表如下：BbsService：公告信息服务接口：公告信息服务接口 DiscountService：折扣信息服务接口：折扣信息服务接口 GoodsService：商品信息服务接口：商品信息服务接口 ManagerService：管理员服务接口：管理员服务接口 MemberService：会员服务接口：会员服务接口 OrderService：订单服务接口：订单服务接口 TypeService：类型服务接口：类型服务接口业务功能实现（一）电子商城数据访问业务功能对应的文件列表如下，该层服务功能文件在com.eshop.dao.impl包中，文件列表如下：At
33、tachmentDaoImpl：附件对象操作接口实现 BbsDaoImpl：公告板操作接口实现 CategoryDaoImpl：商品大类操作接口实现 DiscountDaoImpl：折扣实体类操作接口实现 GoodsDaoImpl：商品实体操作接口实现 ManagerDaoImpl：管理员实体操作接口实现 MemberDaoImpl：会员实体操作接口实现 OrderDaoImpl：订单对象操作接口实现 OrderDetailDaoImpl：订单明细操作接口实现 TypeDaoImpl：商品小类操作接口实现业务功能实现（二）电子商城服务接口业务功能对应的文件列表如下，该层服务功能文件在com.e
34、shop.service.impl包中，文件列表如下：BbsServiceImpl：公告信息服务接口实现 DiscountServiceImpl：折扣信息服务接口实现 GoodsServiceImpl：商品信息服务接口实现 ManagerServiceImpl：管理员服务接口实现 MemberServiceImpl：会员服务接口实现 OrderServiceImpl：订单服务接口实现 TypeServiceImpl：类型服务接口实现Spring配置Spring的Bean 技术细节Spring的BeanSpring的实现是通过XML来管理Bean，在Spring中，所有的组件都会被认为是一个Be
35、an，Bean是容器管理的一个基本单位。Bean可以是标准的JavaBean，但在大多数情况下，Bean是一些数据源（如Hibernate的SessionFactory）或任何一个Java对象。管理一个Bean在大部分情况下是要在一个XML配置文件中配置信息的，例如如下配置代码build.xml。fxcBean通常必须具有的两个属性为：id和class，Bean的实例化可以通过BeanFactory的getBean()方法得到。Spring配置Spring的Bean注意Spring的Bean与传统的JavaBean不同，主要表现在：用处不同，传统的JavaBean适用于值的传递。而Spring
36、的Bean则没有固定的要求，可以有很多其他用处。写法不同，传统的JavaBean需要使用getter()和setter()方法，而Spring的Bean只需要使用setter()方法就可以了。Spring的Bean的值域包含5种：Singleton、Proterty、Request、Session、全局。只需要指定配置文件中的scope属性即可，默认是singeton。Singleton：单一实例，在容器中初始化一次，以后不变，每次调用的是同一个。Proterty：每次调用都生成一个新的。Request：Web应用才需要，每次Request请求时初始化一次，对于不同的Request，Bean也
37、不相同。Session：与Web中的httpSession同生命周期。全局：这个是固定的常量。Spring与Struts整合配置 配置文件web.xml需要加入Struts 2的过滤器之外，还需要配置并启动Spring的Web容器，并指定哪些配置文件需要被加载。S2S3H3技巧可以在web.xml文件中加载多个配置文件，文件之间用“，”分隔并初始化Spring容器，但参数名必须是contextConfigLocation，例如：contextConfigLocation/WEB-INF/applicationContext*.xml,classpath*:applicationContext*.xml如果要加载多个配置文件，在applicationContext.xml配置文件中使用标签也能实现。Spring与Hibernate整合配置 Spring与Hibernate的整合配置文件：applicationContext-hibernate.xml，谢谢
