《企业网站开发与管理》课件第7章 企业网站前后台构建

第7章企业网站前后台构建7.1企业网站设计流程7.2静态页面及构建7.3交互页面及构建7.4网站系统集成7.5网站测试7.6小结7.1企业网站设计流程电子商务是运用现代计算机技术、通信技术、网络技术和数据库技术，进行社会经营的一种形态，其目的是提高生产效率、降低经营成本、优化资源配置，实现社会财富的最大化。进行网站策划时，首先必须了解客户需求，给出可行性分析报告；然后制作网站结构规划，编辑内容，写出网站功能需求分析报告，提供网站所需的软件、硬件系统配置方案，整理相关技术资料和文字资料。7.1企业网站设计流程发网站的基本设计流程：

网站架构的总体策划、可行性分析数据库选取与功能设计检测调试整理文档开发进度发布推广设计开发维护更新软硬环境设置栏目结构设置美工界面设计内容设置图7.1网站设计流程7.2静态页面及构建7.2.1汽贸网站首页及构建7.2.2汽贸网站网络营销模块及构建7.2.3汽贸网站合同约定模块及构建7.2.1汽贸网站首页及构建网页特别是首页将给浏览者带来最直接的视觉感受，也是能否吸引浏览者继续深入浏览企业网站的关键，从设计上来说网页应该是文字与图形、文学与美学的巧妙结合体。首页的设计原则应该是主题鲜明、简洁明快、吸引力强、整合信息能力强、易于导航。

7.2.1汽贸网站首页及构建（1）绿海星汽车贸易公司首页图7.2网站首页版式7.2.1汽贸网站首页及构建（2）构建首页

在打开的FrontPage2003“设计”标签下，选择菜单栏中的“表格”，制作如下图所示的页面结构；图7.3FrontPage2003“设计”标签下制作的表格7.2.1汽贸网站首页及构建在不同的表格的单元格内填入合适的文字和已制作好的图片，添加背景色；隐去表格线；将首页命名为index.asp；将整个结构搭建好之后，便可以在需要处插入脚本程序。7.2.2汽贸网站网络营销模块及构建网络营销是基于Internet的产物，其营销理念就是：由满足市场到满足客户；由单向性满足到交互性满足；由满足新客户到满足老客户；由迎合客户到引导客户。（1）网络营销模块结构作为汽贸公司的网站，它所要介绍的产品是各种车辆或与车辆相关的内容。车辆特别是轿车，目前来说是一种大件、高档、耐用消费品，在宣传上有自身独特的一面。主打方向有概念、流行、高贵、大众以及绿色环保等。7.2.2汽贸网站网络营销模块及构建

网络营销nbusii轿车(待建)商务车(待建)吉普车(待建)旅游车(待建)合同约定shtyd.asp数据库lhx.mdb含表：cz和

hetong图7.4绿海星汽车贸易公司“网络营销”系统结构网上车展wscz.asp二手资讯(待建)在线订购zxdg.asp车辆信息查询(待建)7.2.2汽贸网站网络营销模块及构建（2）网络营销主页面构建网络营销主页面与网站首页的标徽、题头、主菜单、版权标识等保持一致，只是中间部分用采用表格线分割，按策划要求布置版面。（3）网络营销网上车展模块构建网上车展是网络营销项目中的一个模块，其主要功能是介绍和展示各种不同厂家、不同类型、不同型号的车辆，它是汽贸公司车辆展示的平台。7.2.3汽贸网站合同约定模块及构建在本网站中既把合同约定作为网络营销的下一级模块，又把它放在与网络营销同一级的位置，这样可以使浏览者更容易、更快捷地找到合同签约，同时，对于企业来说更加强化了网站的营销能力。（1）合同约定模块结构合同约定页面是企业网站中一帧非常重要的页面，它的完善、清晰、美观和人性化的设计，可以提高网站的可信度，稳定浏览者的购买欲，增强浏览者购买的信心。7.2.3汽贸网站合同约定模块及构建（2）合同约定页面数据处理流程(省略)lhx.mdb表:hetong图7.5“合同约定”页面布局7.2.3汽贸网站合同约定模块及构建客户将合同约定上的数据填写完成，并提交之后，所输入的数据将被保存到Access数据库lhx.mdb的表hetong中，作为“经理查询”的数据来源。（2）合同约定主页面构建根据“合同约定”页面本身的需求和设计者的策划，在这里仍然采用表格布局，制作完成之后隐去表格线。7.3交互页面及构建相对于静态页面，交互页面则完全建立在动态页面技术之上，我们这里应用的主要是ASP技术，此的交互页面主要完成的是在线管理又称远程管理。

交互页面的在线管理模块结构一般可以采用两种方式，一种是一一对应的方式，即每一个后台管理项目对应一个前台项目，另一种是归类管理方式，将相关的项目放在同一个管理类中。绿海星汽车贸易公司网站管理系统基本上采取一一对应的管理方法。

7.3交互页面及构建7.3.1汽贸网站主界面及构建7.3.2汽贸网站网络营销管理模块及构建7.3.3汽贸网站合同约定管理模块及构建7.3.4汽贸网站关于我们管理模块及构建7.3.1汽贸网站主界面及构建绿海星汽车贸易公司管理系统的主页面采用框架布局。图7.6绿海星汽车贸易公司管理系统主页面布局7.3.1汽贸网站主界面及构建为保证系统的安全，本系统采用两种自我保护措施：（1）一是系统仅给管理员5次输入密码的机会，5次以后若密码仍不正确，系统将被锁定，这里系统简单使用了ASP的Application对象保护系统。（2）采用session对象，使用语：session(“name”)=rs(“adminname”)，利用session对象对时间的敏感性，限制管理员在一定的时间内，如果没有操作系统，将被拒绝使用，需重新登录。7.3.1汽贸网站主界面及构建修改密码发送邮件系统管理数据库管理公司简介公司文化公司理念公司展望联系我们车辆展示管理车辆添加车辆查询新闻列表添加新闻车迷社区管理购车绿色通道购车常识车主宝典车辆保险招聘情况经理查询图7.7管理系统结构流程管理系统主页面(manage_Index.asp)友情连接管理关于我们管理

帐号密码管理网络营销管理新闻中心管理汽车文化管理客户登记情况合同约定情况7.3.1汽贸网站主界面及构建

系统登录页面Login.asp进入管理系统主页面(调用manage_Index.asp)输出终止页面passerro.asp正确？lhx.mdb用户名、密码、验证码(限制5次输入密码)图7.8管理系统登录流程7.3.2汽贸网站网络营销管理模块及构建网络营销就是通过运用Internet技术和手段，进行网上交易和对市场的循环营销传播，以达到满足消费者需求和企业目的的营销过程。开展网络营销是对企业经营管理的考验，因为这意味着企业经营模式的巨大改变。以网络和网站为中心的业务经营体系要求企业的组织机构设置、人员配备、职能分布、业务流程以及经营机制必须采用现代化管理方式，进行业务流程的重组和组织机构与人员调整。

7.3.2汽贸网站网络营销管理模块及构建

车辆展示管理网络营销管理cz.asp车辆添加车辆查询按汽车名称按图片地址按详细介绍修改删除系统管理lhx.mdb表：cz图7.9网络营销管理模块结构流程7.3.3汽贸网站合同约定管理模块及构建合同约定管理的页面主要含有查看“合同约定”详情和删除指定合同项的功能。

图7.10合同约定管理页面7.3.3汽贸网站合同约定管理模块及构建合同约定管理的页面结构流程图如下，数据库采用Access，数据库表为hetong。删除lhx.mdb表：hetong详情合同约定default.asp经理查询/合同约定情况绿海星汽贸公司购车合同view.asp7.3.4汽贸网站关于我们管理模块及构建关于我们管理模块没有使用数据库，而是采用文件系统，使用FileSystemObject脚本组件。图7.11“关于我们”前台页面7.3.4汽贸网站关于我们管理模块及构建在后台由“关于我们”管理生成程序abouth.asp，生成“关于我们”前台页面白色框中的内容，生成的新文件被前台程序about.asp调用，形成“关于我们”页面，其结构流程如下：关于我们about.asp关于我们管理abouth.asp查看效果新文件about.htm调用前台about.asp图7.12“关于我们”管理结构流程7.4网站系统集成Web数据库的设计与一般的数据库的设计没有本质的区别，通常我们按规范化的设计方法将设计分为四个阶段：（1）需求分析阶段在数据库设计之初必须准确了解与分析用户的需求。（2）概念结构设计阶段使用描述概念模型的工具E-R图对用户的需求进行综合、归纳和抽象，形成一个独立与具体的数据库管理系统的概念模型。7.4网站系统集成（3）逻辑结构设计阶段逻辑结构设计阶段的任务就是把概念结构设计阶段所得到的E-R图转换为关系数据模式。（4）物理设计阶段物理设计阶段的主要任务是设计数据库存储结构和物理实现方法。7.4网站系统集成7.4.1汽贸网站客户端系统7.4.2汽贸网站服务器端系统7.4.3系统结构与环境配置7.4.1汽贸网站客户端系统下表详细地列出了客户端系统:文件夹描述包含文件Comm共用文件dj.asp、ht_conn.asp、qt_conn.asp、sql_conn.asp、itle1.css、title1.jsHbroth合作伙伴ylink.aspHomepage首页about.asp、Brand.js、down.asp、index.asp、login.asp、right.asp、search.asp、search.htm、top.aspNbusii网络营销shtyd.asp、zxdg.asp、nbusii.asp、wscz.asp、wscz2.htm、scroll.js、scrollimg_pic.htm、make_scroll.htm、scolling.htm表7.1前台系统文件夹及文件清单7.4.1汽贸网站客户端系统文件夹描述包含文件Qcwh汽车文化clbx.asp、cmsq.asp、czbd.asp、gccs.asp、lstd.asp、qcwh.aspRjob人才招聘rjob.aspSercent服务中心custom.asp、service.asp、sfile.asp、sonli.asp、sousuo.aspXnews新闻中心view_news.asp、xnews.aspimages0首页图片image02网络营销图片image03服务中心图片image08在线订购图片表7.2前台系统文件夹及文件清单7.4.2汽贸网站服务器端系统与客户端的环境要求不同，服务器端的文件必须运行在服务器上，所以我们集成调试本系统时，必须要保证在前面客户端环境下的系统中正确地安装好IIS，构建一个运行正常的Web服务器，这样才能保证Web数据库的顺利调用。Access数据库的使用和移动、安装较为简单，和通常一般文件的使用相同。SQLServer2005数据库的管理、使用就复杂得多，我们必须备份、还原或分离、附加它，才能正常使用。7.4.2汽贸网站服务器端系统下表给出了服务器端，即后台系统的所有文件，以及各文件所属的文件夹。文件夹描述包含文件Comm共用文件buding.aspData数据库lhx.mdb、lhx.MDFHomepage管理系统页面about.htm、abouth.asp、admin_style.css、ADOVBS.inc、default.asp、link.asp、login.asp、loginout.asp、manage_admin.asp、manage_dbase.asp、

manage_fahui.asp、manage_Index.asp、manage_IndexLeft.asp、manage_Index、Images

Main.asp、manage_IndexTop.asp、passerro.asp表7.3后台管理系统文件夹及文件清单7.4.2汽贸网站服务器端系统文件夹描述包含文件

Nbusii网络营销cz.asp、default.asp、view.asp、zxdg.aspRjob人才招聘default.aspSercent服务中心default.aspXnews新闻中心addnews.asp、delnews.asp表7.4后台管理系统文件夹及文件清单7.4.3系统结构与环境配置通过前面的学习和努力，由策划、分析，设计、编程，我们已经完成了绿海星汽车贸易公司网站的建设，最后的工作是集成整个系统，在网络上调试站点的各项专属功能，并将文档整理造册。系统集成是将这些文件上传到服务器上，形成我的网站系统。上传之后，网站上的每一个链接最好都重新做一次测试，绝对不可以出现错误链接或断开的链接。

7.4.3系统结构与环境配置按照绿海星汽车贸易公司的系统结构、和系统需求，其生成的结构图如下：文件夹文件夹绿海星汽贸公司(lhx)CommHbrothHomepageNbusiiQcwhRjobSercentXnewsimages0image02image03image08CommDataHomepageImagesNbusiiRjobSercentXnews图7.13文件系统结构客户端系统(qt)服务器端系统(ht)7.5网站测试7.5.1功能测试7.5.2性能测试7.5.3可用性测试7.5.4兼容性测试7.5.5安全测试7.5.1功能测试（1）链接测试链接测试可分为三个方面：

测试所有链接是否能按设计要求，链接到指定页面；测试所链接的页面是否存在；保证Web网站上没有孤立的页面。链接测试必须在集成测试阶段完成，即在整个Web网站系统的所有页面开发完成之后进行链接测试。7.5.1功能测试（2）表单测试当用户通过页面向网站提交信息时，一般都使用表单操作，如用户注册、登录等。此时，必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。（3）Cookies测试如果Web网站使用了Cookies，就必须检查Cookies是否能正常工作。测试的内容可包括Cookies是否起作用，是否按预定的时间进行保存，刷新对Cookies有什么影响等。

7.5.1功能测试（4）设计语言测试Web设计语言版本的差异可以引发客户端或服务器端的严重问题，例如使用哪种版本的HTML等。在分布式环境开发时，这个问题显得尤为突出。还有如果使用了不同的脚本语言，如ActiveX、Java、JavaScript、VBScript或Perl等均需测试。（5）数据库测试Web网站中最常用的是关系型数据库，一般情况下，可能发生两种错误，一种是数据一致性错误，另一种是输出错误。7.5.2性能测试（1）连接速度测试用户在使访问一个页面时不可能等过久的时间,而且，连接速度太慢，还可能引起数据丢失，使用户得不到真实的页面。（2）负载测试负载测试是测量Web网站在某一负载级别上的性能，以保证Web站点在需求范围内能正常工作。（3）压力测试压力测试的内容包括表单、登录和其他信息传输页面等。其测试是指当Web