大型企业门户网站设计开发一般性原则和建议

news/2024/4/27 14:09:32/文章来源:https://blog.csdn.net/kbh1983/article/details/1833022
[ 适用范围]
本文所述的原则、建议适用于大型企业信息门户网站的设计和开发,注意不是小型企业网站、一般企业电子商务网站、企业级Web应用系统。

[ 一般性原则]

一、网站设计原则

第一原则:内容丰富、明确
网站主要是为浏览着提供信息服务的,作为大型企业信息门户网站,必须首先提供种类繁多内容丰富的资讯,使不同的访问者都能够访问到自己想要的信息。但是信息多了自然繁杂,因此有针对性地为浏览者提供明确的内容是很重要的。

第二原则:界面设计良好
内容需要良好的界面设计来展现,良好的界面设计能够让浏览者赏心悦目,能够感受到明确的网站风格和主题,甚至感受到企业的文化底蕴,从而留下深刻的记忆,并为他进一步探索发现和使用网站提供的功能提供感官和心理上的意愿。

[题外话:]作为Web应用程序的开发人员,往往不注意这个特点而专注于“功能设计”。

第三原则:功能适用、易用
网站提供的一切功能都是为浏览者服务的,提供强大的而富于特色的功能可以使浏览者更方便的获取他需要的信息和服务。比如提供网上产品订购的服务,提供一个强大的产品检索功能是很必要的。功能也不是越多越好,有可能让浏览者无从选择,就好像现在的手机,可能绝大多数人还是打电话和收发短信,其他一些比如无线上网等功能并不适用。同时,功能如果不易使用,操作繁琐,甚至容易令人误解,那么再强大的功能都是没用的。作为企业信息门户的浏览者可能并不是都能熟练的使用计算机,不能要求他们像企业级Web用户那样去完成复杂的操作,解决一些使用中可能出现的问题,要求任何一个功能都要容易使用,好用。

上诉三原则,为著名的“Web设计三原则”,同时由于三原则的优先级和重要性,像一个金字塔般,因此也叫作“Web设计金字塔”。

 
二、网站结构设计原则
 
合理的导航设计:
在门户的首页需要一个合理的导航设计,比如栏目导航,内容导航,用户功能导航等,具体怎么使用根据网站的功能定位和设计定位决定。页面导航的层次不能太深,一般来说最多让用户点击三次鼠标就能够找到他想要的页面。

良好的目录结构:
一般来说按照网站功能/栏目划分一级目录,子功能/二级栏目划分二级目录,图片可以放在专门的目录等。目录层次不宜过深。搜索引擎一般都是对目录结构的深度来评判网页的价值的,这对于企业网站来说很重要。

网站内容索引:
如果信息量太大,需要对每一个栏目/频道做内容索引,不同于导航设计,内容索引记录了内容摘要、关键词、相关信息等,方便内容检索。比如有的网站的“网站地图”。同时该功能也是搜索引擎最爱访问的地方。


三、网页设计原则:
速度第一
没有人有耐心去打开一个很久才能浏览的网页,故有一个“三秒原则”,如果一个网页在三秒种内都打不开,那么访问者就会失去耐心放弃当前页面的浏览。

页面尽可能小
页面的大小跟访问速度是成正比的,根据速度第一的原则,那么就要做到每一个浏览的页面都要尽可能的小,少占网络带宽,访问速度才可能快。这里的小不仅仅指HTML代码少,也包括图片数量少,单个图片占用磁盘空间少。

使用CSS 
尽管可以直接设置页面元素的表现样式,但网页统一使用CSS可以更容易的统一网站风格,同时减少网页代码大小。

少用Flash和大型图片
别的不说,就是因为他们可能会占用大量带宽。

慎用框架
不能说所有人都在使用最新版本的浏览器,而且不同的浏览器对框架的支持也可能不同,另外不是所有的搜索引擎都能够很好的访问框架页面。

链接清晰
不能让浏览着不知道他在那里,也不能让浏览着找不到回去的路,每一个链接都要明确浏览着想要去的地方和想要访问的功能,更不能有死链接。


四、系统架构原则:
提供快速的系统访问
包括客户端的浏览和服务器端的通讯/数据访问,都只有一个原则,就是“快”。可以采取集群技术,缓存技术,负载均衡技术等 。

稳定的运行
不能出现时不时无法访问或者访问数据很慢。这需要采用上面的技术确保在大容量并发访问的时候系统仍然能够稳定的运行。

安全可靠
确保数据不会丢失、泄密、损坏。如采用多层服务器访问,数据加密技术,安全信道等方式。

 
[ 开发设计建议]
根据上面的“一般性原则”,可以采用本文下面的一些建议。注意这些建议都是一般性的,不是特定的,需要根据实际情况具体运用。

限于篇幅,本文主要说一下在采用.NET开发企业信息门户网站所要注意的问题。

一、网页设计相关:

1,做好页面布局和内容规划,只放置合适的内容,并尽可能使页面设计的最小。

2,使用好的网页编辑器,如DW,FP,不要用VS自带的编辑器,因为它会产生很多无用的沉余代码,而且设计的界面也不是很好看。

3,小图片采用GIF格式,下载速度最快,大一点的采用jpg,占用磁盘空间小。

4,尽可能使用CSS,这既是原则也是方法,可以使整个网站浏览速度提高3%以上,有的甚至能够提高30% 。

5,尽量不要使用框架,在需要的地方也要有替代措施。

6,不要只针对IE写客户端脚本。

7,客户端的事情尽量在客户端处理。现在客户端设备已经很强了,许多原来在服务器端才能做的事情现在都能在客户端做,而服务器端反而成了访问的瓶颈。

8,少用Flash。Flash一般都会占较大的网络带宽,在需要的时候也要注意不要做得太大用的太多。

9,  避免使用弹出式对话框,因为现在好多浏览器都被装上了“弹出窗口拦截”插件。说服用户解决这个问题有时是很恼火的,因为他们不是都能熟练的使用计算机。

二、.NET设计相关
 

1,能用Label的地方不用TextBox,因为Label比起TextBox来说是轻量级的控件。

2,尽量使用Repeater 控件绑定列表数据,有两个原因,一是可以保留美工原始的界面设计效果,二是比起DataGrid控件,性能可以提升70%(有专门的测试案例)。

3,如果页面仅仅是浏览不用回送服务器端继续处理,那么不要使用页面视图ViewState。如果一个界面上有很多控件那么视图将会占去一半的页面大小。其他情况也要尽量少用页面视图。

4,采用缓存技术。从缓存位置可以分为客户端缓存、代理缓存、服务器端缓存;从具体页面来说可以分为整页缓存、局部缓存、数据缓存。缓存技术可以极大地提高Web服务器的处理能力,是最经济有效的提高访问速度的措施。

5,静态页面生成技术。如果采用缓存不能起到很好的作用那么可以将经常访问的页面生成静态页面。像三大门户网站都采用了这个技术,很多CMS也都采用了该技术。

6,服务器处理数据,客户端负责展现。把客户端的事件放到服务器端去处理在互联网上不是好注意,不能想象这是一个企业内部的Web应用程序。

7,少用Session。如果要在页面之间传递参数,可以采用URL方式或者页面视图方式,如果是跨页面的数据传递,那么也最好使用Cookie 。Web访问的特点决定了这个多用户并发访问环境,Session会占用很多服务器资源,如果访问量很大这个资源占用是很高的。

8,合理使用Application 。不同于缓存对象,它能够提供更好的全局数据访问,适合于需要长时间缓存频繁的公共数据。

9,注意Cookie 问题,有的浏览器可能不支持使用Cookie 访问你的站点,在使用Cookie 之前一定要检测客户端是否支持并采用相应的策略。

10,            只访问需要的数据,现在Ajax技术可以很好的处理这类问题,它让页面处理速度更快表现力更丰富。


三、数据访问相关
 

1,优化数据库结构设计。这是数据访问效率和编程复杂程度的关键。没有良好的数据库结构设计其它都谈不上。包括字段类型的选择,表的结构,索引的使用,表的关系等。

2,优化数据库物理设计。这里关注的是数据库容量,日志,磁盘使用,数据备份机制,数据访问机制,安全等数据库物理结构相关的问题。

3,合理设计“主键”:在不同的场合需要采用不同的主键设计策略,在互联网大容量并发访问的环境中,建议主键采用整形自增字段。主键使用还应该遵循“无意义”原则。

4,采用最佳的数据访问接口,如专门针对SQL Server的数据访问对象。

5,“只要需要的数据”:如果一行有大容量字段,那么读取一整行效率是非常低的(数据瓶颈)。

6,最迟打开,最早关闭的原则。使用数据库后一定要及时关闭连接,它们是系统昂贵的资源。

7,采用“数据缓存”技术,将经常使用数据集缓存在磁盘或者内存中,尽量减少对数据库的直接访问。

8,使用存储过程。可能在一般的应用系统中存储过程可以被简单的查询替代,因而更“通用”,但是我们现在讨论的是大型企业信息门户网站的问题。作为一个互联网应用系统,处理速度和网络带宽无疑是最重要的。系统的瓶颈往往是磁盘IO和网络IO,合理使用存储过程使得分布式系统结构效率大大提升。但也要注意合理使用,比如避免一般的分页过程,由于查询会有很多,使得这样的存储过程太多而管理混乱。

9,慎用游标。数据库的游标执行效率一般都比较低,一般都可以使用复杂的查询语句代替,合理的数据库结构设计也可以避免这个问题。

10,            合理使用触发器。大部分人觉得触发器使得数据关系不明确,即屏蔽了数据的关系,但是当一个系统非常复杂的时候,数据关系更是复杂,这时候使用触发器来维护数据的一致性和数据同步的功能,可以有效地屏蔽数据关系的复杂性,减少程序代码。

11,            合理使用事务:如果不是需要连续处理的或者需要特别安全的数据处理,不要使用事务,因为事务的使用会影响数据库的并发性能。单纯的查询过程也使用事务更不可取。

12,            安全的数据访问:目前十分常见SQL注入式攻击,需要注意数据库系统安全设置和Web程序编码问题引起的安全漏洞。

总结:数据访问的性能决定性的影响了系统的整体性能,数据库结构的设计也会极大地影响到程序代码的复杂性。现在有的人认为在网络速度和磁盘容量大大提高的情况下还来考虑数据访问的问题有点不切实际,但是他们忘了我们现在面对的是成千上万的用户。

 
四、系统架构相关
这个比较复杂,这里只是简单的说说需要注意的问题,具体请参考相关资料。

软件架构:
采用ASP.NET+IIS+SQLSERVER 三层结构,或者说表现层+业务逻辑层+数据访问层 的三层结构,其中业务逻辑层又可以在拆分处多个层次,从而整个系统成为一个“多层结构”模式。在业务层和数据访问层又可以采用缓存技术等。

硬件架构:
l         多Web服务器负载均衡

l         多DNS解析

l         服务器集群 

l         多层防火墙

 

一般的企业网站出于自身资金的原因很难用到上面的全部技术/结构,但是处于一般的性能和安全考虑,至少采用下面的硬件架构:

一台Web服务器+ 一台数据库服务器+一个硬件防火墙,其中数据库服务器最好能有第二层防火墙并且不用TCP/IP和Web服务器直接连接。Web服务器内存至少1G以上,数据库服务器内存2G以上,每个服务器最好能够有2个以上的CPU。 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_899470.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

大型网站技术架构

架构演变第一步:物理分离webserver和数据库 最开始,由于某些想法,于是在互联网上搭建了一个网站,这个时候甚至有可能主机都是租借的,但由于这篇文章我们只关注架构的演变历程,因此就假设这个时候已经是托管…

在服务器上搭建wordpress网站

开始之前先要知道如下几个linux命令,如果不会自行百度 1.mv命令 2.vim命令 3.zip解压命令 4.apt-get install 安装命令 5. cd 命令 写一份简约版走起! 0.首先在购置好服务器(腾讯云阿里云都行)后,选一个常用的系统,…

Java网站视频资源加密

----------------------------------------------------------分享此文章,只为让版权能够得到更多的保护---------------------------------------------------------------------------- 目前公司是做线上视频教育的,教育视频资源一直被盗取&#xff0c…

网站怎么做才能够真正的留住用户?

当今已是互联网的时代,各种网站层出不穷,各种网站优化的方式也千变万化,每个站长都希望自己能吸引的用户能越来越多,关注度能越来越高,能将越来越多的用户留在自己的网站,最好能将自己的网站变成一个“黑洞…

做网站如何怎么做到吸引用户和留住用户的运营思路

一直做产品,从未做运营,但这并不妨碍我谈谈对运营的理解。因为在互联网领域,产品和运营都是相通的,产品是要给用户提供价值,运营是让用户认识这种价值,它们相互依存,战略目标是一致的。任何运营…

前端程序猿常用网站总结

第一PPT 优品PPT 油猴 PPT超级市场 极简简历 简信 书签地球 https://www.bookmarkearth.com/ 小图标 fontasome 精灵图在线编译 https://css.spritegen.com/ 在线转ico图标 https://www.bitbug.net/ 阿里图标库 蓝湖 摩客 解压缩文件 7.zip 站长素材 字体免费、 …

介绍几个练习机试的网站

竟然好久没有没有写博客了,最近为了考研复试在练习机试,九度OJ关闭了好可惜,但是我还找到几个比较不错的网址,放上来供参考一下。 牛客网 链接到的是考研专题(感觉对考研复试比较有针对性所以放最前面了,…

看SEO老鸟如何用一篇文章教会你写作

相信对于很多站长来说,建站发外链,搞点事件营销不在话下,甚至可以说信手拈来,但是一提到写文章。我估计很多站长都会立即没了精神头,倒不是说写文章很难,但是对于大部分技术宅的我们来说写文章的确是一件痛…

网站性能提升之采用FreeMarker实现网页静态化

摘要 众所周知,随着网站的访问量增加,如何给用户以良好的访问体验就显得尤为重要。提升网站性能便成为一些网站面临的一大难题,像hao123这样的导航网站要提升网站的性能只要部署的web服务器数量足够就可以承载超大规模的访问量,如…

RHCE-Day18(2)-LNMP搭建网站

RHCE-Day18(2)-LNMP搭建网站 使用LNMP架构部署动态网站环 1.源码包程序 使用源码包来安装服务程序具有两个优势。 源码包的可移植性非常好,几乎可以在任何Linux系统中安装使用,而RPM软件包是针对特定系统和架构编写的指令集,必须严格地符合…

网站站长必备的六款网页负载、网速性能测试工具

转自:http://www.cnplugins.com/zhuanti/sixwebmastertestplugins.html 有大数据表明,一个网页打开的速度超过4秒,用户就会关掉页面,对于网站来说就是流失到一个潜在的客户。有什么一些开发者插件可以帮助我们站在来及时的检测自己…

大型网站技术架构

作者:xlzd 链接:https://www.zhihu.com/question/20657269/answer/101795180 来源:知乎 著作权归作者所有,转载请联系作者获得授权。 1. 初始阶段的网站架构 一般来讲,大型网站都是从小型网站发展而来,一开…

Java开发牛人十大必备网站

本文由 ImportNew - 张文太 翻译自 programcreek。如需转载本文,请先参见文章末尾处的转载要求。 ImportNew注:如果你也对Java技术翻译分享感兴趣,欢迎加入我们的 Java开发 小组。参与方式请查看小组简介。 以下是我收集的Java开发牛人必备…

Java开发牛人十大必备网站

本文由 ImportNew - 张文太 翻译自 programcreek。如需转载本文,请先参见文章末尾处的转载要求。 ImportNew注:如果你也对Java技术翻译分享感兴趣,欢迎加入我们的 Java开发 小组。参与方式请查看小组简介。 以下是我收集的Java开发牛人必…

Python Django windows 环境配置---(网站开发)

学习做网站纯属个人的兴趣,就选择了Python对网站的开发。 下载Python 可以在Python官方网站下载下载完成以后就可以进行环境配置。环境配置路径就不做详细介绍了,可以在网上搜索出来。安装Django 在配置完Python以后就可以在Django官网下载程序包了&a…

java网上商城 购物网站 在线商品销售系统设计与实现 项目源代码下载 javaweb jsp ssm ssh mysql

1 前端商城界面 1.1 商城首页 首页分为三个部分,分别显示热销推荐、特价促销、新品上架三个推荐类目的商品列表 以上这三类推荐商品可以分别在后台管理中设置 点击商品图片或商品标题可以进入商品详情页面 点击【加入购物车】按钮会将次商品加入购物车 1.2 商品…

java农场商城 生鲜超市 水果蔬菜电商网站平台系统设计与实现 项目源代码下载 javaweb jsp ssm mysql

1 前端商城界面 1.1 商城首页 首页导航上有五个按钮,分别显示产品分类、商城首页、今日推荐、热销排行、新品上市,五个推荐类目的商品列表 首页很长说明书中1和2页均是首页,分六个部分,分别是今日推荐、热销排行、生态果蔬、肉禽…

java服装商城 男装女装童装鞋帽超市 购物网站系统设计与实现 项目源代码下载 javaweb jsp ssm mysql

1 前端商城界面 1.1 商城首页 首页分为三个部分,分别显示女装、男装、童装三个推荐类目的商品列表,以上这三类推荐商品可以分别在后台管理中设置,点击商品图片或商品标题可以进入商品详情页面 1.2 搜索功能 鼠标进入导航条上方的红色文本框…

dedecms 实现两个网站调用一个数据库

近年来移动端的流量上升,让我们不得不把眼光放在移动端上,程序猿都知道dedecms的wap不中用,标签少的可怜,没有静态化的功能,想调点数据,自己写sql语句,这东东如果用。于是,半路出家的…

搭建一个大型网站架构的实验环境(Squid缓存服务器篇)

squid缓存服务器的配置 squid缓存服务器在这个实验环境中有两台(192.168.10.30,192.168.10.31)做成squid集群,我们首先安装一台,然后复制一台,再做配置,这样省事,哈! squ…