电子商务系统分析与设计-网站结构设计教案

《电子商务系统分析与设计-网站结构设计教案》由会员分享，可在线阅读，更多相关《电子商务系统分析与设计-网站结构设计教案（68页珍藏版）》请在金锄头文库上搜索。

1、电子商务系统分析与设计网站结构设计 主讲人：黎旭宏网站的结构n网站的结构可以分为网站的物理结构和 逻辑链接结构 n网站的物理结构是指网站文件的物理存 储结构，也就是网站文件在服务器上存 储的方式。 n逻辑链接结构是网站在运行时抽象出来 的拓扑结构，它建立在网站物理结构之 上而又跨越物理结构。 网站的物理结构 n网站的物理结构体现为网站在服务器上的目录结 构。 n网站的物理结构不应十分复杂，层次也不应太多 ，应该根据网站文件的功能、地位和大致的逻辑 结构来建立树状的目录结构。例如主页的HTML 文件一般直接放于服务器虚拟路径的根上，与之 相关联的资源(如图片、声音等）作为一个一级 目录，其他的一

2、级页面构成各个一级目录，而在 一级页面的目录里又有与之相关的资源和上级页 面构成二级目录，类似地再往下分为三级目录等 。 建立目录结构的建议n不要将所有文件都存放在根目录下。 n文件管理混乱。你常常搞不清哪些文件需要 编辑和更新，哪些无用的文件可以删除，哪 些是相关联的文件。 n上传速度慢。服务器一般都会为根目录建立 一个文件索引。当你将所有文件都放在根目 录下，那么即使你只上传更新一个文件，服 务器也需要将所有文件再检索一遍，建立新 的索引文件。很明显，文件量越大，等待的 时间也将越长。 建立目录结构的建议n按栏目内容建立子目录 n所有程序一般都存放在特定目录。 n所有需要下载的内容也最好放

3、在一个目 录下。 n在每个主目录下建立独立的images目录 。 n目录的层次不要太深。目录的层次建议 不要超过3层。 n全局的资源应该放在根目录下的Global 目录中。 其他注意事项 n不要使用中文目录。因为编码的差异以及 异地服务器解释程序的差异可能使中文目 录网址的正确显示造成困难。 n不要使用过长的目录。尽管服务器支持长 文件名，但是太长的目录名不便于记忆。 n尽量使用意义明确的目录。上面的例子中 ，你可以用Flash、Dhim1，JavaScript来建 立目录，也可以用1、2、3建立目录，但是 当然是前者更便于记忆。管理。 网站的逻辑连接结构 n网站的链接结构是指页面之间相互链接

4、的 拓扑结构，它建立在目录结构基础之上， 但可以跨越目录结构 。n形象的说：每个页面都是一个固定点，链 接则是在两个固定点之间的连线，一个点 可以和一个点连接，也可以和多个点连接 。 n更重要的是，这些点并不是分布在一个平 面上，而是存在于一个立体的空间中。 建立网站的链接结构 两种基本方式。 n树状链接结构（一对一） n类似DOS的目录结构，首页链接指向一级页 面，一级页面链接指向二级页面。立体结构 看起来就像蒲公英。这样的链接结构浏览时 ，一级级进入，一级级退出。优点是条理清 晰，访问者明确知道自己在什么位置，不容 易“迷路”。缺点是浏览效率低，一个栏目 下的子页面到另一个栏目下的子页面，

5、必须 绕经首页。 建立网站的链接结构 两种基本方式。n星状链接结构（一对多） n类似网络服务器的链接，每个页面相互之间 都建立有链接。这种链接结构的优点是浏览 方便，随时可以到达自己喜欢的页面。缺点 是链接太多，页面之间的层次结构不清晰， 容易使访问者“迷路”，搞不清自己所在的 位置，也不能确定自己已经浏览过的内容。 网站的链接结构n最好的办法是：首页和一级页面之间用星状 链接结构，一级和二级页面之间用树状链接 结构。 n关于链接结构的设计，在实际的网页制作中 是非常重要的一环。采用什么样的链接结构 直接影响到版面的布局。 页面流程设计 n页面流程相对于结构设计来说，是一个 动态的概念。网站结

6、构是一个静态的概 念，它反映的是网站的静态布局，而页 面流程反映了访问者在浏览网站时的访 问经历，设计者为访问者设计这些浏览 经历的工作就是页面流程的设计。n 页面流程和网站结构的区别 n页面流程是用来反映访问者浏览网站经 历的，它的特点是以访问者角度去观察 网站的构造。 n页面流程是局部。具体地设计网站的阶 段，而网站结构设计是对网站全局性的 定位。 n页面流程是动态地观察网站，而网站结 构是静态的策划，网页流程是基于网站 结构的。页面流程的设计1、划分网站页面 n网站功能确定了网站页面，因此在设计页面流程时应 该先将网站页面按照功能组别以及功能调用关系进行 划分。n第一步应该对网站的功能进

7、行细分，划分网站功能模 块。 2、功能模块的划分 n网站的功能模块是指完成一个独立功能的一个或多个 网页，所谓的独立功能，就是指这部分的功能可以完 成一定的任务而不需要其他功能模块的支持，也就是 说只需要功能模块中的页面来完成而没有必要运行其 他的页面。 功能模块与页面之间 的区别与联系一个页面可以帮助完成几种功能，它可 以存在于几个不同的功能模块中，可以把 它比喻为功能模块中的组成部分，一个功 能模块可以包含一个或多个页面，它是页 面的载体，页面的功能最终是为它所在的 功能模块服务。注意，这里所讲的页面是 指利用ASP等编写的动态页面，而不是指一 般的静态html页面，它们的内容是可以根 据

8、传入参数的不同而不同的。网站的功能模块划分的 三种方法 n按流程划分n按网站的目录结构划分n按流程与按目录结构相结合的方法 按流程划分功能模块n这种划分方法是根据用户访问网站的过 程来划分网站的功能模块的。n这种划分法以用户的访问足迹为线索， 每一个功能模块就像线索上的结点。 n一般来说，以用户登录服务为主题的用 户社区类型网站，就大多采取这类划分 法。 流程划分的应用实例我们以一个提供免费邮箱服务的网站为例， 根据用户访问的流程来示范划分的过程：n当用户登录到提供免费邮箱服务网站的首页 （首页服务功能模块）时，会见到一个登录 框，如果用户初次申请，不能在登录框中输 入密码进行登录，就必须申请

9、新账号而进入 申请功能模块。n如果用户已经在该网站申请到了合法ID，就 可以在登录框中填入用户名与数据，进入登 录功能模块。流程划分的应用实例n用户登录后，就进入了自己的信箱，进入了信箱文 件夹列表功能模块，列出了收件箱，发件箱、回收 站等文件夹。n假设用户想收邮件，将会点击收件箱链接进入收件 箱中，从而进入另一个功能模块信件列表。收 到新信件，用户当然想阅读一下，这时它们点击选 中的信件，查看信件的内容，又进入了另外一个叫 显示信件内容的功能模块。n阅读完后，用户要回信，它们在原来信件的显示页 面上写上自己恢复的内容，就可以按“回信”按钮 而调用信件回复的功能模块。流程划分的应用实例n同样原

10、理，如果用户进入其他文件夹进行其他操作，同 样可以划分其他分支流程的功能模块。n按用户访问流程这种划分功能模块的方法，能清晰的反 映用户访问网站的整个过程，设计者能很好地体会到用 户在访问过程中的感受，从而把网站设计的更体贴，更 符合用户的习惯。n但是这种划分方法指从用户角度来设计，如果用户访问 过程中，分支流程太多，整个网站的设计就会显得凌乱 ，甚至造成功能模块的重复，而浪费了网络资源。此时 就应该考虑采用另外的分类方法。按网站的目录结构划分 n这种划分方法从网站的目录结构，也就 是按网站的内容分类来确定功能模块的 分类。n按这种划分法设计的网站，把网站向访 问者提供的功能分类，一般都是每种

11、功 能分成一个功能模块。n如果一个网站的交互性不高，那么就没 有必要从户访问的流程未划分，这种网 站用按目录结构的分法是最合适不过的 。 流程划分与功能划分相结合 n基于ASP一类技术的交互网站，很多情况 下不同操作会调用相同的页面（只是入 口参数不同） 。n两种方法结合起来才是真正有前途的方 法。这种结合应该是互相渗透的，而不 是互相排斥的，可以在按流程划分的功 能模块中按目录分类，又可以在按目录 分类的大功能模块中按流程来分类。 流程划分与功能划分相结合的 应用实例大型的商业网站必然提供多种多样的服务 ，例如以提供免费邮箱以及其他各方面信息 服务的21世纪网站（），就分 成“新闻”、“娱乐

12、”、“财经”、“旅游 ”、“计算机”、“广告服务”、“邮箱登 录”等很多种大功能模块，在这些功能模块 中，又可以嵌套另外的划分方法。比如在“ 邮箱服务”的功能中就是按流程分类的，这 个分类过程在上面已经详细讲过，而在登录 邮箱之后选择各个文件夹选项操作这个过程 ，又是按目录结构来划分的。如何将两种方法结合？那么在具体功能分块中应如何选择这两 种分法以及把它们集合起来呢？首先看网站 提供多少种不同类的服务，每种服务可以把 它分成一个大类，归到一个目录中，在每种 交互性的服务中，再看服务提供的过程是怎 样实现的，按实现的步骤来再细分，在细分 后，再根据需要进行不同的划分。当然，这 里划分方法的运用

13、是灵活的，要按照实际情 况作决定。 根据功能模块划分网站页面 n分好了功能模块之后，可以进一步把功 能细分到网站页面上，通过页面来实现 每个模块的功能。 n网站页面功能分配可以看成是一种函数 调用，基于目录分类的网页，在一个功 能中，每个页面都是并列的，而基于流 程分类的网页，就要按照功能调用的顺 序，把页面按次序的显示出来。 根据功能模块划分网站页面n在网页流程中，每个网页都要处理一些参数， 包括输入参数与输出参数，说得形象一些，就 是从输入参数中知道要做什么和通过输出参数 告诉下一个被调用页面要接着做什么。 n页面要获得的输入参数常常是通过上一个页面 产生的，如果这个页面在上一个页面没有被

14、调 用就开始运行，那么它根本没有可能得到参数 或者正确的参数，也就没有办法继续运行下去 。n所以，确定功能模块中页面的流程非常重要。 设计功能中的流程图 n大部分具有交互性的网站功能，都包括一 个流程。 n我们来分析一下注册流程：新用户注册流程进入显示注册的注意事项或者网站管理法规 接受？N返回上级页面正式注册 页面提交？进入内部处理页面按类分配页面n另外一类分配页面功能的方法就是纯粹 的按类分配。在每一个功能模块中按类 划分子功能模块，然后再在其中把功能 细分，直到所有的功能都被分到每一个 页面中。n这种分类方法主要用来划分网站中的大 功能模块，把各不相同的功能分到不同 目录之下，或用在实现

15、起来比较简单的 个人网页中。 一个网站例子“H营销网”的 页面划分 n网站分为前台公众访问以及后台网站管理部分 ，两个部分是相互独立的，所以分别对这两个 部分作介绍。 n划分网站公众页面 n页面的划分主要以功能为单位。一组联系紧密的 或功能相关的页面组构成了一个功能。 n为了实现网站目标中确定的功能，首先要定义好 功能的使用过程、方式、界面等因素。 确定公众部分的目标n用户注册。n新用户的注册n已经注册用户的身份识别。 n新闻浏览。 n发表评论。n社区讨论。 新用户注册 n网站显眼的地方提供访问者进入新用户注 册功能的接口 。n由新用户填写自己的注册账号。 n填写密码等相关资料。 n根据登录的

16、结果返回访问者信息并回到首 页。 n采用了分开处理账号和资料的方法。更优 化的方案是将密码的填写也作为独立的一 步划分出来，以方便错误的即时回应。不同的处理流程不同的处理流程统一的分支序列 整理后的用户注册分支序列划分的页面组结果n新用户注册接口（一个嵌入在首页和导 航系统中的链接） n注册用户账号页面ApplyName.asp（页面 上给出注册规则的提示） n账号合法性检查页面CheckName.asp（ 操作性页面，含有账号非法时的异常信 息）n填写用户密码页面FillPassword.asp（页 面上给出注册规则的提示） 划分的页面组结果n密码合法性检查页面CheckPassword.asp （操作性页面，含有密码非法异常信息 ） n填写个人资料页面Register.asp） n资料合法性检查及注册账号插入数据库 页面userUpdate.asp（操作性页面，含 有资料非法的异常信息以及注册成功信 息，提供返回首页的链接） 划分的页面组结果n注意：没有增设显示服务器操作结果的操作 性页面（即在注册资料都通过后并完全成功 地存入数据库时返回