APP下载

网站建设的系统设计研究

2014-10-21许芳

计算机光盘软件与应用 2014年24期
关键词:前台后台网页

摘 要:信息化时代拓宽了人们的交往途径与学习手段,同时也对使用者提出了更高的素质要求。网上交流系统可以为大家提供一个公开的交流学习平台,拓宽知识汲取途径,相关单位也可以发布各种活动信息,使用者的留言反馈,也利于彼此的互动交流。可见,计算机网站的系统建设很有必要,这也是本文对网站系统设计做出分析的重要原因。

关键词:网站建设;系统设计

中图分类号:TP393.092

网站在功能上有前台与后台,对应的模块也就是前台模块与后台模块。网站建设需要有着自己的目标,此目标可以通过网络精准测量,如网站中的信息关注度、软件使用情况等。在网站目标完成率有了准确测量之后才能够更好地进行网站推广与完善。

1 主页HTML设计

网站通常都有自己的LOGO作为标示,在含义上,LOGO能够将标志图片、网站性质等加以概括,其中网站上的具体内容可以用Fireworks MX、Flash MX等软件设计完成。

在前台网站的主页设计中,需要注重页面之间的连贯性与整体醒目,網页头部通常Head. asp为主,Foot. asp作为网页页脚设计。色调上头部与页脚以蓝色为主,以便突出重点,中间内容的基色调为白色。

网站分页通过图片或标题加以链接并进一步展开详细内容,在网站主页与一级、二级子页上的内容、风格也要保持一致,以便网站的整体统一的实现。后台网站的主页设计需要与前台有着相同的技术操作,但页面风格可以有所变化,如基调色彩用红色,首页不显示各分页内容,后台网站需要登录之后才能够看到各种内容与操作技巧等。

网页中的交互式页面可以将数据库技术与ASP、Flash等有机结合,以便用户浏览与管理员管理网站。

2 数据库设计

网站的前台与后台采取共同的数据库Sjhhsjb. asp 来实现各自目标,通过.asp把数据库封存,确保数据库安全。在数据库中整理出前台与后台的一定数据库表格,并获取上面的数据项与数据结构,进而设计出用户需要的各种实体,如公告信息、短消息、帖子、用户信息、版主信息、管理员信息等,为后面的逻辑结构设计铺垫,这些实体之间的相互作用形成数据流动。

2.1 数据库的链接代码设计。使用后台数据库数据需要数据库的连接与打开,数据库连接需要ADO对象群的Connection对象。具体方法可以使用Web应用程序中的DSN与数据库之间建立ODBC连接;也可以使用Web应用程序中的非DSN与数据库之间建立连接字符串。

2.2 ASP对象的存取数据库设计。在ASP中,存取数据库对象称为ADO,具体包括Connection(打开与链接数据)、Record(存取数据表)与Command(数据库查询指令)三个对象。

3 功能模块设计

3.1 模块的整体划分。前台用户的注册登录、修改个人信息等形成注册登录模块;用户浏览帖子信息、查看图片等形成浏览模块;用户按照自己需求发布信息、回复信息等形成发帖回帖模块;网站管理员管理信息等形成帖子管理模块。此四类形成前台功能模块。与管理员相关的都是后台模块,如网站设置参数形成的网站设置模块;信息创建修改删除的管理板块模块;删除添加设置权限的管理用户模块。

3.2 各模块之间的关系设计。任何一个模块功能都是需求的真实反映,在对需求精确分析之后还可以形成更加完善的单独模块。在各个模块中还需要有系统框架的整体把握,以便将零散模块串联形成系统。用户决定了管理用户模块与注册登录模块之间的关系,在注册后获得用户资格,登录后证明身份,所有用户接受管理员管理等。如此弄清各模块之间的关系后,便可以清晰地构建出整体框架。

按照系统的不同入口有前台系统与后台系统,前者有注册登录模块、发帖回帖模块、浏览模块、管理帖子模块;后者有管理板块模块与管理用户模块。这样网站系统框架部分设计完成,为以后的数据库结构做铺垫。

3.3 信息分类模块设计。通过树状菜单或图片大小来显示不同信息,并分别查询出每个大类所对应的小分类信息,再通过

标记和JavaScript自定义函数实现
结点的显示和隐藏。

4 网站的发布、浏览与调试

4.1 采取Mozilla来调试网站,此软件在实现网页浏览编辑的同时,还有着强大的调试功能,能够高效方便地对站点网页JavaScript纠错、Cookie管理、源代码查看、DOM 查看和页面信息查询等。在网页编写中使用JavaScript是司空见惯的事情了,当JavaScript出现问题时,我们就可以利用Mozilla来解决。Mozilla所拥有的“JavaScript控制台”,能够将JavaScript 错误提示信息进行记录,这样方便找到出现问题的原因,能够最佳及时有效地修改网页问题。在“JavaScript控制台”来快速定位问题过程中,通过Mozilla 浏览器做出网站调试,点击顺序依次是工具-Web开发- JavaScript控制台,然后“JavaScript控制台”对话框便出现,在对话框中有着网页JavaScript出错信息的详细记录,并且具体出错的文件名称、错误所在的具体上下文位置等能够清晰可见,如此,找到JavaScript出错位置和错误原因便非常容易。与此同时,对于错误项目还可以右键点击,再出现的菜单项目中选择“复制”,将JavaScript出错信息复制保存到剪贴板中,以便以后使用时方便查询。需要注意的是:虽然Mozilla有着强的JavaScript控制台,但也有自身缺陷,一旦不能将出现错误项目的所有JavaScript文件保存的话,便需要一句句手工操作存储。

4.2 网站模式要严格管理,确保网页“流畅”运行。在网页调试过程中,除了上文分析的JavaScript错误信息之外,有时还会出现“严格的JavaScript警告”信息之类的出错信息,这种“JavaScript警告”虽然不像JavaScript错误信息那般严重,但它的出现也会严重地影响到网页的显示速度于浏览水平,要实现网站的完美运行,此类错误警告信息也必须时刻注意,一旦出现,务必解决。通常情况下,Mozilla对“严格的JavaScript警告”信息是不记录的,这就需要我们手工激活该功能。在Mozilla浏览器主窗口中,点击“编辑→首选项”后,便出现首选项对话框,然后进入到“调试”项目栏,点击“显示严格的JavaScript警告信息”选项,最后“确定”。如此,“JavaScript控制台”便会将这些警告信息存储保存,方便用户查找JavaScript问题所在,优化网页,提高网页运行效率。

5 结束语

网站系统设计就是为了方便用户对信息资源的获取与管理员对信息与用户的有效管理,良好的网站系统能够实现对信息的发布与查询,网络管理员也可以进入到网站维护界面来增加删改信息等以便用户浏览;会员注册能够确保用户享受网站对应服务,确保信息资源安全;帖子的回复交流也有利于用户之间、用户与管理员之间的互动合作等,可见,完善的网站系统设计能够确保网站的高效稳定运行与高质量的浏览品质。

参考文献:

[1]肖志刚.ASP动态网页设计应用培训教程[M].北京:电子工业出版社,2004.

[2]苗雪兰.数据库系统原理及应用教程[M].北京:机械工业出版社,2001.

作者简介:许芳(1980.11-),女,河南济源人,信息中心工程师,硕士研究生,研究方向:信息化建设。

作者单位:武警后勤信息中心,北京 100089

猜你喜欢

前台后台网页
基于CSS的网页导航栏的设计
公路电助力 从幕后走向前台
孟晚舟:从前台打杂到华为副总裁
后台暗恋
基于URL和网页类型的网页信息采集研究
前台、后台精彩花絮停不了
网站前台设计分包合同中应注意的问题
网页制作在英语教学中的应用
以“后台”的名义节省电池用量
10个必知的网页设计术语