回答”栏目 有了客户提供的资料,当然就应该有在网页中显示这些资料的栏目,以实现本站最主要 -5- 的信息服务的目的。
1.5 网站项目的可行性分析 通过对各种客户的各个方面进行了具体的了解之后,现对本网站开发项目的可行性进行分析。
技术上可行:本网站所需硬件设备,市场上销售且价格较低,甚至可以使用网吧的设备,软件上,操作系统采用 Windows 系列操作系统,开发工具使用 Macromedia Dreamweaver MX2004,数据库管理系统采用 Microsoft
Access,这些软件在网站的开发中已被大量应用,技术上都比较成熟。
因此在技术上是可行的。
经济上可行:由于网站开发的硬件要求都不高,软件也是随手可得,其他方面的开销也不是很大,所以在初期的开发经费上完全没有问题。
管理上可行:根据网站的功能和提供的服务,由网站程序已经完成大量的工作,其他方面只需要完成资料核查,后期完善等部分工作,所以对于网站的管理上需要的人员不是很多,几个人完全能够胜任,所以在管理上也是可行的。
综上所述,开发房屋出租信息网站在技术上、经济上、管理上都是可行的。
1.6 确定网站的功能及页面结构 通过上一步的讨论,网站的主要内容和基本栏目都已经确定,这一步需要完成的是根据本站提供的服务和栏目结构确定网站的整体功能结构,经过策划,本站的具体页面及其实现的功能如下: -6- 开 始 信息查询首页 会员登陆 分类浏览 信息高级查询 常见问题页面 管理员登陆页面1.7 确定网站的 VI(整体视觉形象)方案 所谓 VIVisual Identity,意思是通过视觉来统一企业的形象。
一个成功的网站,和实体公司一样,需要整体的形象包装和设计。
准确的,有创意的 VI 设计,对网站的宣传推广有事半功倍的效果。
具体的做法是: 1.7.1 设计网站的标志logo 就如同商标一样,标志是网站特色和内涵的集中体现,只要看见标志就会联想起我 们的站点。
标志的设计创意来自网站的名称和内容,经过讨论,我们最终决定用网站名 称“新世纪房屋信息网”的第一个汉字的特殊字体作为本站的 LOGO,这样即具有代表 性,又容易识别。
1.7.2 设计网站的标准色彩(主色调) 网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。
不同 的色彩搭配产生不同的效果,并可能影响到访问者的情绪。
不同性质的网站需要不同的 标准色彩,以达到不同的视觉效果。
quot网站的标准色彩quot是指能体现网站形象和延伸内涵 的色彩。
一般来说,一个网站的标准色彩不超过 3 种,太多则让人眼花缭乱。
标准色彩 要用于网站的标志,标题,主菜单和主色块。
给人以整体统一的感觉。
至于其它色彩也 可以使用,只是作为点缀和衬托,绝不能喧宾夺主。
本站是以房屋出租为主,所以色彩 搭配一定要给人一种稳重,大方,干净的感觉,因此在整体颜色上我选择以浅灰色为第 一标准色彩,而网站的客户主要是以青年为主,光用灰色显得有些沉闷,需要用另外一 -7- 种“活跃”一点的颜色来点缀一下整个页面,在这里我们选择用包含激情的红色,使整 体页面给人一种干净而又有活力,稳重而又不沉闷的视觉效果。
1.7.3 设计网站的标准字体 和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。
为了体现网 站稳重,大方的特点,本站选用的是标准字体宋体。
1.7.4 设计网站的宣传标语 也可以说是网站的精神,网站的目标。
用一句话甚至一个词来高度概括。
本站的目 的是做最好的服务,所以本站的宣传标语也应该和本站的目标相一致---全力打造贵州 最大房屋信息网。
1.8 收集和整理网站的内容素材 在开始全面的制作过程之前,必须把所需要的资料素材都准备好,这样在制作的过程中才不会东翻西找,一来影响网站的开发进度,二来打断了网站开发人员的制作思路,得不偿失。
在这里我们需要收集和整理的资料是房屋出租中租房者和房屋出租者经常遇到的一些问题的解决方法、房屋出租双方的合同样本、贵阳划分的区域名称、各个路段的名称等一些技术资料。
1.9 制订网站开发进度表 第一周:网站策划、确定网站的面向对象 第二周:客户需求分析 第三周:确定网站的内容以及栏目结构、网站项目的可行性分析、确定网站的功能、 确定网站的 VI(整体视觉形象)方案 第四周:静态页面的设计与制作、开发语言的选择、制作工具的选择 第五周:数据库的设计与建立、网站主页面的制作 第六周:资料修改页面、详细信息显示页面和其他相关页面的设计与制作 第七周:网站整体测试、制作完成 -8- 25 20 15 完成百分比 10 5 0 第一周 第二周 第三周 第四周 第五周 第六周 第七周 第二章 网站的整体开发2.1 静态页面的设计与制作 静态页面的设计就是把前面“网站的内容、栏目结构”和“网站的 VI 设计方案”等页面内容讨论的结果应用与实际的设计当中,确定静态页面的框架、栏目、内容和排版的整体结构的过程,经过整理排版,网站的整体模板设计如下图: -9-2.2 开发语言 开发语言我们选择的是 Active Server Pages:“动态服务器网页”,简称为“ASP”。
选择 ASP 的原因很多,简单的来说有: 在前端方面 ● 统一标准易用的浏览器界面。
●用户只需学习简单的 Web 页面操作。
●大大降低了学习障碍和培训成本。
在 Web 开发者方面 ●用户端不需要特殊设置与软件安装。
●应用软件集中在服务器端开发管理。
●减少构建维护成本,加快联机过程。
系统环境 ●前端可使用任何浏览器(IE、Netscape)。
●后段可存取任何数据库(SQL、
Access、Oracle)。
●可使用任何脚本语言(VBScript、JavaScript、Perl)。
2.3 开发工具 随着 INTERNET 的发展迅速,首先面临的困难是传统开发网站应用程序过于冗长,而网站所需要的功能日渐复杂,所以当前开发应用程序的节奏已经跟不上市场需求的脉动,因此许多网页程序设计师无不追求更方便、更快速的方法来解决这个问题。
一,标准化的流程 Dreamweaver MX 将网页中与数据库的互动流程标准化,您不需要学习正统的程序 语法,即能经过一定程序的设置与编辑,开发出适当的互动程序。
即使您是一个不会 深奥语法的网页制作者,还是可以借助适当的训练,化身成一个高级的程序设计师。
二,跨足不同的平台与程序语法 Dreamweaver MX 并不自限与一技一艺,他能在同一个设计环境中自动产生 ASP、JSP、 - 10 - CFML 的程序代码,让您按照自己的工作平台迅速开发应用程序。
三,支持多种不同的数据库 Dreamweaver MX 能够支持市面上大部分的数据库格式,包括了 MicrosofrAccess、 Microsoft SQL Server、MySQL、Oracle、Lnformix 等主流产品,您可以利用 ODBC、 JDBC 及 ADO 等方式来连接数据库,应用到网页中。
四,即时的产生结果 以外的工程师在写完程序代码以后,都必须要使用浏览器与服务器软件(或真实上传 服务器)来测试结果,有时不但费时而且麻烦。
在 Dreamweaver MX 中您只需要设置好 应用程序服务器与网站服务器软件,即能在原来的编辑画面中看到执行的结果,方便 又迅速。
五,在可视化环境中编辑,并能控制源程序代码 原来就已经熟悉编辑程序代码的高手,可以享受可视化的编辑过程,并在源代码窗口 中掌握酥油的程序代码。
所以您可以通过源代码的修改或是编辑让您的网页更加完美, 并可以加入 Dreamweaver MX 没有的功能。
六,个性化的编辑画面 您可以使用扩充功能来修改 Dreamweaver MX 中选项、指令、组件等,只要您熟悉 JavaScript、XML 等程序语言,都可以自行修改 Dreamweaver MX 中的组件。
七,借助强大的服务器行为来实现互动功能 Dreamweaver MX 中内建有许多功能强大的服务器行为,让您更容易操控连接的数据库。
您不需要撰写深奥的程序代码,也不用因为复杂的参数而烦恼,即能在服务器行为的 交互搭配上,完成一项又一项高手都望尘莫及的任务。
2.4 数据库的设计
Access 是一个数据库管理系统,在此我们之所以选择 MS
Access 作为我们的数据库系 - 11 -统,是因为 MS
Access 相比其他数据库系统更加简单易学,一个普通的计算机用户即可掌握并使用它。
而且最重要的一点是,
Access 的功能足够强大,足以应付一般的数据管理及处理需要。
本系统所涉及到的主要实体有一个数据库和五个数据表:Member(房主资料数据表):主要记录房主的个人联系资料和出租房屋的详细信息 :主要记录房屋求租者个人联系资料和求租房屋信息Member2(房屋求租者资料数据表)Member_temp(房主资料待审查临时存放数据表):为了避免一些用户输入一些错误信息来破坏本站的正常运行程序,特建立一个用户注册资料临时存放表,待后台管理人员对用户资料进行确认后即可加入房租资料数据表中 :记录具有管理权限的管理员资料H_admin(管理员数据表) :为了便于管理和后期升级完善,特把某些信息字段单独建立数据Info(信息字段数据表)表,这样在后期的升级维护中修改管理将更为方便。
其中各表的物理结构如下图所示: 管理员数据表 H_admin 信息字段数据表 Info - 12 - 房主资料数据表 Member由于 Member2、Member_temp 数据表的物理结构和 Member 的结构基本相同,这里不再重复 本数据库的设计比较符合实际应用中的操作,特别是房主的数据临时存放功能极大的避免了重复与错误的信息,保证了数据的真实性与可靠性,是本站的一大亮点。
虽然对工作人员而言增加了工作量,但是对客户而言,其信息的可靠性更为重要,也符合我们的客户至上的宗旨。
- 13 -2.5 详细页面的制作2.5.1 网站首页 index.asp 的制作 本页面是整个网站的首页,也就是网站的入口,其主要功能有: 1 显示本网站的重要通知 2 房主资料修改登陆 3 房屋出租信息分类显示 4 房屋信息高级查询 5 客户注册,常见问题查询等栏目的进入接口 在制作此页面的过程中,重点和难点主要就是房屋信息的高级查询部分,根据用户的不同要求,会用多种多样的查询方式,如何来满足用户的各种需求呢?这就需要我们提供更高级的信息查询方式,提供多种选择来方便用户的查询。
在此我是用 SQL 语句来实现数据库的查询,具体代码(运行于 search_result.asp 查询结果页面)如下:SELECT date area road mianji buju1 buju2 money1 IDFROM memberWHERE road like VarRoad AND buju1 like VarBuju1 AND buju2 likeVarBuju2 AND mianji like VarMianji AND money1 BETWEEN VarMm1AND VarMm2 , 其中“VarRoad”“VarRoad”,……是临时设置的 ASP 程序的数据转换变量。
通过简单的 SQL 代码和 ASP 的变量设置既可以同时满足用户多种信息查询要求,也可以满足其中某一项的单一查询要求。
- 14 - 网站首页效果图2.5.2 资料修改页面 用户在注册完资料以后会发现自己的资料有错误,或者是房屋信息有新的变动,这样就需要修改自己的注册信息,此页面的功能就是动态获取用户已经填写的注册信息,用户在此页面可以看到自己注册时候填写的资料,修改的时候直接在此页面上输入正确的信息,然后把信息“提交”给服务器即可存入数据库。
在这个页面的制作过程中,重点就是表单各元件动态化的设置,文本区、复选框、单选框、菜单……都需实现交互性,自动从数据库获取资料,然后显示出来。
由于 DreamweaverMX 内置了许多强大的服务器行为,所以非常方.
上一篇:
【精品】VisualC#数据库编程实战
下一篇:
经济民主一种关于劳动的政治经济学