网站设计方案(精编3篇)

网友 分享 时间:

【路引】由阿拉题库网美丽的网友为您整理分享的“网站设计方案(精编3篇)”文档资料,以供您学习参考之用,希望这篇范文对您有所帮助,喜欢就复制下载支持吧!

网站设计方案范文1

高职院校的电子商务专业目前的课程体系基本是由计算机的一些专业课程加上一些商务的课程共同构成的。各个高职院校会根据学科的偏向而进行一些取舍,有些学校会有更多的计算机专业课程,有些学校会更侧重于商务课程。从高职学生的特点来看,学习较多的计算机专业课程难度较大,因此从实际出发,高职的电子商务专业计算机课程相应地要降低难度,我们对计算机专业类的课程进行了重新的设计和整合,包括课程的标准和课程的内容。计算机专业中的《系统分析与设计》课程主要是对软件系统进行分析与设计,针对电子商务专业,则侧重有所不同,因此将课程更改为《商务网站需求与方案建设》,结合对企业的业务流程调研,归纳出本门课程的典型工作任务,并对课程进行了教学设计。

1、对企业业务流程的调研对从事网站项目建设开发的企业流程调研后,可以归纳出基本的业务流程,描述如下:在承接一个项目后,市场部负责人与美工主要进行需求分析工作,由于需求分析成功与否与后期的工作直接相关,所以主要由负责人与项目委托人沟通,美工要进行首页面的设计,因此要对网站的总体风格和内容有一个准确的把握,所以始终参与需求分析过程。在与委托人进行充分沟通的基础上,了解该项目的行业背景和企业的实际运行情况后,完成需求分析报告,并进行一个方案设计,在项目委托人同意之后开始进行项目的设计。首页面的设计是由美工完成的,这也是一个与委托人反复交流的过程,经过不断地调整修改之后,首页面定稿。此时首页面只是一个效果图片,经过页面的切割和生成工序后,将首页面交给研发部,研发部根据需求分析报告和首页面的内容进行后台代码的编写。同时,美工进行二级页面的设计。设计完成后也交由研发部编写后台代码。代码编写完成后进行网站的测试和。综合上述流程,可得流程图如图1:在了解项目的流程时,我们也同时了解了各个岗位要求的技能,综合来说,每个岗位的人员都应能熟悉电子商务的内涵,不同的岗位在具体的知识技能要求上有所不同。如需求分析人员要求对项目的整体运作非常熟悉,能起到协调项目组和项目委托人的作用,必须具备很好的沟通交流能力,同时要有较强的文字组织能力。美工要具备较好的美术基础、审美眼光和熟练的网页制作知识,同时由于美工要充分与项目委托人沟通,这样才能做出既有特色,同时又能满足委托人要求的页面效果,因此对沟通能力也有相当高的要求。研发部门的岗位则相对要求编程能力和逻辑思维能力强。能充分领悟项目的要求,在给定的时间内完成代码的编写和调试。同时,由于程序文档和使用说明书的编写较为重要,所以也要求有一定的文字表达能力。企业一般还会提供管理咨询和培训等服务,管理咨询和培训主要有提供网站推广的服务,电子商务解决方案的咨询等。这些岗位要求对电子商务的技术有基本的了解并有较强的语言能力,熟悉各种网站推广方法和工具。

2、分析学生必须的知识、技能、素质为了适应相关的工作岗位,学生应能熟悉电子商务的内涵,掌握网站需求调查与分析的基本方法,掌握网站开发的技术,如相应的程序设计语言和网页设计制作知识和方法,具备一定编程能力和逻辑思维能力,熟悉各种网站推广方法和工具。必须具备很好的沟通交流能力,同时要有较强的文字组织能力。一个项目通常是项目组来完成的,所以学生的团队合作能力也必不可少。

3、分析《商务网站需求与方案设计》课程的典型工作任务本门课程对应的岗位为网站需求分析人员,需求分析研人员通常应对整个项目流程非常熟悉,他是项目委托人和开发人员之间的钮带,项目委托人不能理解项目是如何完成的,他们注重的是项目完成时交付的网站是否符合他们的预期,而开发人员的开发工作依赖于需求分析人员提供的需求分析报告,因此,网站的需求分析与方案设计是非常重要的工作任务,对整个项目的质量来说起着关键性的作用。需求分析要完成的是和项目委托人沟通交流,以专业的眼光来看待项目的可行性,为委托人分析及明确需求,在此基础上,进行需求调查与分析,形成需求分析与整体方案设计,提交相应的需求分析报告和方案设计报告。

4、以工作过程为导向设计教学情境

学习情境划分原则企业在承接建站任务时,根据站点的不同会有一些不同的方法进行需求分析,教材的每章都将用一个实际的案例进行说明,并附上完整的需求分析报告。案例的挑选力求能充分说明各种不同类型网站的特色,并在需求调查与分析的方法上体现出来,并为学生的实践作出有效的指导。在此基础上,开始进行具体的情境设计,我们设想以一个项目贯穿整门课程,将项目按工作过程进行划分情境,每个情境完成一个子任务,一门课程结束时,各个子任务可以综合形成一个完整的项目任务。这样,我们就只能以一个典型案例来说明需求分析过程,为了不至于造成其他类型的网站需求分析方法不同,而学生无法了解,在每个情境中设置拓展部分,由于B2C的站点难度适中,且最为常见,因此,教材中以B2C作为案例,其他类型的站点在需求分析时如果有特殊的要求就体现在拓展部分,学生选取的案例中如果涉及到其他类型的站点,那么就可以参考拓展部分,进行自学或查找相应资料来解决问题。

学习情境的设计我们按照工作过程将课程划分为十个学习情境,分别是外部需求分析、面向用户的需求分析、企业内部需求分析、网站推广需求分析、网站软硬件环境设计、网站功能的概要设计、网站数据库结构设计、网站界面总体设计、网站系统安全性设计和网站测试。

5、课程标准的制定

在学习情境的划分与设计完成之后,我们着手制定课程标准,其中最重要的就是课程的定位及学习目标的制定。这部分我们充分地参考了企业的调研意见,了解企业的网站需求分析人员在具体工作中所需要掌握的知识和能力。并力求能够体现在学习情境的设计中。

课程的定位网站需求与方案设计是电子商务专业网络技术服务方向的一门专业课程,本门课程着重于培养学生用全局的眼光看待网站的设计需求,要求学生具备良好的沟通能力和语言表达能力,能够应用各种调查分析方法和工具,完成电子商务网站的需求分析项目,并能按规范的形式形成各阶段的需求分析报告文档。

学习目标的确定我们分别对本门课程的知识目标、专业能力目标、方法能力目标和社会能力目标进行了分析和归纳。在学习目标方面,十个学习情境分别达到理解以下概念和内容:(1)电子商务的商业模式概念;网站风格、关键字、电子支付、物流配送的概念;(2)面向用户的需求分析使用的调查方法与手段;功能性需求与非功能性需求的概念;(3)网站的盈利模式,网站的存储方式,不同数据库的特性分析比较,非功能性需求概念,网站维护内容;(4)网站的推广策略,推广方法。(5)电子商务网站软硬件环境的组成,网站软硬件设备的选择方法;(6)电子商务建站的基本过程,功能概要设计的基本方法;(7)电子商务网站内容设计的原则,页面设计的原则等;(8)网站的安全性设计方法。(9)网站测试的方法在专业能力方面,我们希望能够达到以下目标:(1)能区分不同的商业模式;进行市场需求分析;能进行同类网站的比较与分析,分析竞争优势、劣势,选择电子支付方式及物流配送模式;(2)能确定网站所面向用户的类型特征;应用各种调查方式对用户进行需求调查;分析调查结果。(3)能明确用户的功能性需求与潜在需求;确定网站的盈利模式、并进行产品分析;(4)能根据外部分析和用户需求以及企业自身定位确定网站的总体风格,语言版本;(5)能确定网站的存储方式,域名,数据库的选用;了解和确定网站维护要求;(6)能分析和确定网站的推广策略。完成相应的需求报告文档。由于本门课程的教学设计是让学生在学习过程中完成一个实际的电子商务网站项目需求分析,因此,学生要从组建项目小组开始,进行选题,到实施整个调查过程,并形成相应的需求分析报告。整个过程都需要对项目进行规划、计划和实施,并在实施过程中报告和反馈,所以对学生的实践能力是很大的考验。相应地,在方法能力方面,我们希望通过本门课程的学习,能够做到:能将所学知进行综合运用;.具有独立进行分析、计划、实施、评价的能力;具有获取、归纳、分析、交流的能力;并具有一定的自学能力、理解能力与表达能力。在社会能力方面,我们希望能够培养学生的团队意识与协作能力,并具有一定的计划组织能力。

6、项目导向的校本教材编写

在课程标准的基础上开始进行校本教材的编写,在选取案例的时候,使用的是企业真实案例,这是一个B2C类型的站点,其业务方式是整合福建范围内的一些茶商,用统一的标识进行网上销售,由于茶叶是福建省的一个重要特色产业,而且网站的一些设想也很有特色,在校本教材中,我们就以该案例进行行动导向的教材编写。

上面内容就是差异网为您整理出来的3篇《网站设计方案》,希望可以对您的写作有一定的参考作用,更多精彩的范文样本、模板格式尽在差异网。

网站设计方案范文2

第一章:诸论………………………………………………………………..1

1.1 设计思想……………………………………………………………………………………1

1.2 开发工具的选用及介绍……………………………………………………………………….1

第二章:网站总体分析与设计 2

2.1网站系统分析………………………………………………………………………………………….2

2.2、主页设计 3

2.3、数据库设计 4

第三章:详细设计 4

3.1 家长学校联络簿………………………………………………4

3.2 网上图书馆 11

网上评优投票系统 20

3.4达级考试在线查分系统与计数器的制作………………………22.

第四部分:系统的使用说明与安装 25

第五部分:参考文献: 26

附录:源文件代码 27

第一章 诸论

在Internet飞速发展的今天,互联网成为人们快速获取、和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。为了更好的办学,提高学校知名度,特构建长沙市工商职业中专学校网站。

1. 1 设计思想

通过网站,全面宣传,展示学校风采、优点与特色,学校的重大活动安排与招生政策,增强家长与学校之间的联系,在Internet上实现完成部分校务,提高办事效率。

开发工具的选用及介绍

ASP的优势:

Active Server Pages:“动态服务器网页”,一般简称为“ASP”,ASP之所以能受到大家的重视与使用的原因,主要在于所产生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE 或Netscape)都可以正确地获得ASP的“执行”结果,并且将这ASP执行的结果直接在浏览器中“浏览”,不像VBScript或 JavaScript是在客户端(Client)的浏览器上执行,若使用VBScript来设计程序,客户端(Client)在IE浏览器中可以显示程序执行的结果,可是,客户端(Client)若使用Netscape浏览器就无法显示VBScript的执行结果。

ASP的特点:

任何开发工具皆可发展ASP

只要使用一般的文书编辑程序,如Windows记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、 FrontPage等也都可以;不过还是建议你用记事本来写,既省钱又方便,若是使用那些所见即所得的网页编辑来写ASP,可能会发生一些意想不到的离奇状态。

通吃各家浏览由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器。

语言相容性高

ASP与所有的ActiveX Script语言都相容,除了可结合HTML,VBScript、Java Script、Active X服务器组件来设计外,并可经由“plug-In(外挂组件模组)的方式,使用其他厂商(Third Party)所提供的语言。

隐密安全性高

如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML文件,原始的ASP程序代码是看不到的!这是因杰ASP程序先于网站服务(Web Server)端执行后,将结果转换成标准HTML文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。

易于操控数据库

ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Acess、Foxpro、dBase、Oracle等等,另外,ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。

面向对象学习容易

ASP具备有面向对象(Object-Oriented)功能,学习容易,ASP提供了五种方便能力强大的内建对象:Request、Response、Sever、Application以及Session,同时,若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。

ASP的六大内部对象

对象名称 功能描述

RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息,该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理

所以我选择了ASP结合Frontpage架构长沙市工商职业中专学校网站

第二章 网站总体分析与设计

2.1网站系统分析

根据前面的设计思想进行分析,按照系统开发的基本观点对网站进行分解,从内容上可对网站作如下划分:

l 学校风采 通过学校概括、教师风采、校园之星及部分图片等内容来展现。

l 优点特色 通过新闻、生动活泼的教育教学栏目来展现。

l 信息 通过公告栏、信息查询等栏目来实现,内容有招生政策、

活动安排等。

l 部分校务 根据校务的公开程度与参与人数的多少,特选择图书管

理、评优、考试查分、家校联系四大校务在网上实现。

主页设计

网站主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现学校的勃勃生气,静态主页方式介绍学校风采、优点特色、信息,对于四大校务,就得利用ASP与数据库结合的技术建立数据库查询管理系统,采用交互式的动态的web画面来实现。

主页结构图

注:带下划线的表示是链接方式

2.3数据库设计

采用的 数据库是Microsoft Access ,拟建立库文件,包含如下几个表文件:

allmessage 留言信息表

Libbooks 图书信息表

Libcategories 图书类别信息表

Libemps 图书馆用户信息表;

stud 学生信息表

第三章 详细设计

3.1 家长学校联络簿

3.1.1功能:

利用SQL语法过滤特定的家长留言意见,让老师可以针对某位特定学生家长所发表的意见作出独立的回答,同时,家长在发表个人意见时,若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私,都可用“悄悄话”的方式发言,这些“悄悄话”将不会被显示出来让大家看到,当然,老师拥有管理的能力,只要以密码登录管理模式,就可以进行各个学生家长的单独意见回复,而且还能看到家长们所留下的“悄悄话”。

3.1.2组成构造

共分成六大部分:

1, 意见留言结果网页:用来显示家长发言与老师回复内容,同时还具备一般模式与管理模式两种显示方法。

2, 家长发言表单网页:让学生家长填写发言内容并选择发言性质。

3, 家长发言数据处理ASP程序:处理家长发表的意见数据,同时将这些意见数据记录起来并将网页显示转向至意见留言结果网页。

4, 老师回复表单网页:让老师针对某位特定学生家长所发表的意见作出独立的回答。

5, 老师回复数据处理ASP程序:处理老师回复的数据内容,同时将这些意见数据起来并将网页显示转向至意见留言结果网页。

6, 数据表文件allmessage:用来储存家长发言数据与老师回复数据的Access类型数据库文件。

“数据表文件”负责存放家长发言数据与老师回复内容的数据记录,为Access类型的库文件,将它定名为:“”。

下图为家庭联络簿的组成与流程图:

老师回复

家长留言

读入 写入

写入

3.1.3数据库结构设计

数据库文件”“中的数据表” allmessage“的栏目设置,如下图:

字段名 字段类型

3.1.4界面设计与重点、难点代码的设计

数据库与留言显示程序网页

家长发言与老师回复的内容数据全部储存在数据库中,要在网页中显示目前的家长发言与老师回复数据,必须先进行数据库的链接与打开,要链接数据库我们必须使用ADO对象群的Connection对象;而要打开数据库则必须使用ADO对象群的Recordset对象,程序:

set=("")

"filedsn=c:\program files\common files\odbc\data sources\ms access "

set rs=("")

sql="select * from allmessage order by 留言时间 desc"

sql,1,1

Recordset对象是负责浏览与操作从数据库取出来的数据,Connection对象只负责与数据库进行链接的动作,并不能使用数据库内的数据,因此必须建立一个可以存取数据库数据的Recordset对象,

使用方法存取””数据库

SQL,CN,1,1

使用open方法来打开数据表或执行Select指令参数设置如下:

1, 参数一(SOURCE):为欲打开的数据表或SQL指令。

2, 参数二(ActionConnection):指定一个已打开的数据库对象,将此参数设为链接我们已经建立好的Connection对象“CN”。

3, 参数三( CursorType):指定Recordset的打开类型,1为可读写且可自由移动。

4, 参数四(LockType):指定锁定类型,1为只读。

数★★据排序与SQL指令

1. Select 指令的筛选语句:

格式: Select…From

在SQL语言中:“Select”数据表“中选取某些“栏位”的数据。

2.如果要选取的数据表数据包含了一个以上的栏位,则我们可以利用“,”逗号来栏位名称隔开。

3. 如果要选取的数据表数据包含了全部的栏位,则可以利用万用字符“*”来代表全部的栏位。

可排序数据的Select指令

1. 当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时,只要将这些排序依据的栏位摆放在“Order By“保留字之后,然后将这处排序的语句连接在”Select…From“后面就行了。

2. “Order By“默认的排序方式是“由小排到大”,但若是希望排序方式是“由大排到小”,则我们可在栏位名称后再加上“Desc“保留字!将排序方式改为”由大排到小“。

在“显示留言意见”网页中的打开数据库ASP程序中的语句:

SELECT*From allmessage order by 留言日期 Desc

功能为:从数据表“allmessage“中取出所有栏位的数据,并将取出的数据记录内容依照”留言日期“栏位使用的”由大排到小“排序方式进行排序。

留言显示网页的管理模式

“显示留言意见”的网页就必须具备显示模式选择的功能,当显示模式在一般情况时要能显示家长们的一般性发言,同时还得将“悄悄话“的发言隐藏起来。当老师以密码登录成为管理模式时,则必须将一般性发言与悄悄话发言的数据全部显示出来,同时还得让老师们可以针对某位特定学生家长所发表的意见作出独立的回答。

这两个情况是通过密码登录管理模式的ASP程序实现的:

]]>

]]>

密码: nbsp

]]>

在这段网页语句中,利用Session对象来记录目前的工作模式。当我们第一次进入“显示留言意见”网页的时候,我们所见的网页画面一定是一般!因为Session尚未被建立,因此它的“变量”值一定不会是“yes”,所以网页中会出现一个输入密码进入“教师管理”模式的栏位,只有当我们输入密码按下“教师管理”的按钮组织上发ASP程序中的进入管理模式语句后,Session对象才会被建立,同时,“checkedit“Session对象变量值被设置为“yes“,所以我们就进入了能将一般性发言与悄悄话发言的数据全部显示出来,同时还让教师们可以针对某位特定学生家长所发表的意见作出独立回答的管理模式页面。

留言显示网页的分页

当家长的发言与老师回复的数据笔数太多时,一次要将全部 的数据内容显示在网页中,等待网页下载的时间太长了,因此采用固定笔数分页浏览方式来显示网页。

要进行分页显示,得先知道目前有多少笔的留言数据,而留言数据笔数可以通过Recordset对象的“Recordcount“(记录个数)属性得知,我们将每10笔数据为一单位分页显示:

count=

if count/10>(count\10) then

totalpage=(count\10)+1

else totalpage=(count\10)

end if

“/”为浮点数除法,“\”为整数除法。

跳页选择的ASP程序语句

所有的发言数据采用固定笔数分页浏览的方式来显示后,还要提供一个跳页链接显示的功能,让浏览者可以选择希望浏览的页次进得浏览,ASP程序语句:

pagecount=0

if ("topage")<>"" then pagecount=cint(("topage"))

if pagecount<=0 then pagecount=1

if pagecount>totalpage then pagecount=totalpage

(pagecount-1)*10

发言表单网页制作

inse tu3

表单的参数

表单的Action参数:Action参数是用来指定Server端处理此一表单数据内容的程序,此处表单处理ASP程序为““,

表单的Mothed参数:要将表单传送至Server端的方式有两种,设置值分别为GET及POST,若设置为POST,则浏览器会等Server端来读取数据,若设置为GET,则当我们按下送出按钮时,浏览器会立即将表单中的数据内传送出去。利用POST方法,在传送的数据上将不受限制,利用GET方法传送的数据量则大约只有2K左右。

留言处理程序

要将家长发言数据作后续处理及将这些数据内容存入数据库,须利用添加数据记录的Insert Into 指令,然后再写入数据库文件中:

Inset into 指令语句格式:

Insert into 数据表名 (栏目名) values(栏目值)

sql="insert into allmessage(家长姓名,留言主题,联络信箱,留言内容,私人公开,留言时间,班级) values("

sql=sql&"'"& parent&"',"

sql=sql&"'"&subject&"',"

sql=sql&"'"&email&"',"

sql=sql&"'"&memo&"',"

sql=sql&"'"&personal&"',"

sql=sql&"'"&now&"',"

sql=sql&"'"&bj&"')"

sql

回复表单程序网页

必须让老师们可以针对某位特定学生家长所发表的意见作出独立的回答,

使用Select…From…Where筛选语句

sql="select * from allmessage where(编号="&ID&")"

sql,1,3

然后将特定的家长发言数据放在表单,方法是将数据库中的数据取出来,然后放在表单栏位中:

“家长姓名“栏位网页语句标签

]]>

“留言主题“栏位网页语句标签

]]>

“留言内容“栏位网页语句标签

]]>

老师在回复栏位中所填入的数据,必须送给处理老师回复数据的ASP程序””来记录以及处理这些回复数据。当老师填写好回复发言的数据后按下“送出回复”按钮后,表单中的数据内容就会以“POST”的方式由SEVER端读取,然后将数据内容交由处理老师回复数据的ASP程序“”来将数据内容写入数据库。

3.2网上图书馆

网上图书馆将学校图书馆图书放到网络上供人借阅,这样不仅方便了校内的学生与教职员工使用图书馆的资源,还为图书馆管理员提供了一种简便地管理图书馆的方法。

3.2.1功能

网上图书馆系统可以进行图书的出借和归还。还可以在系统中按照多种字段对图书进行查找,还可以浏览某个种类的所有图书。该应用程序也为图书馆管理员提供了一些功能,如添加、编辑以及删除图书等,或者在分类层次结构中添加新的种类。

3.2.2系统的层次结构

下图的每个方框代表校园图书馆网站中的一个页面。除了只包含HTML的Search页面外,其他的均为ASP页面。因为每个图书的页面都不同,所以大多数的页面实际上都是多页面。

数据库设计

本系统共使用3个数据表:

LibBooks表包含与图书有关的所有数据。该表中的字段内容的图书的通用信息。另外,对于已经出借的图书,该表中还包含借阅该图书的用户的ID号,以及图书的状态。

表视图如下:

字段名 意义 字段类型 字段名 意义 字段类型

bookid 书号(主键) 数字 (no null) status 状态 文本

title 书名 文本 checkedoutto 用户id 数字

author 著者 文本 reservedby 用户学号 数字

Subject 主题 文本 description 描述 文本

Isbn Isbn号 文本 keywords 关键字 文本

LibCategories 表包含Library中的所有类别,在访问者浏览图书列表时将会用到这些类别。每个类别都可以作为另外类别的父类别。有一个特殊的类别,Top-Level,没有出现在类别列表中,但是可以作为其他任何类别的父类别。

字段名 意义 字段类型

Categoryname 类别 文本(noll)

parentcategory 父类别 文本(noll)

LibEmps表包含可以访问图书馆网站的用户信息。该表包含一些通用的信息字段,比如用于进入图书馆的用户密码等。

字段名 意义 字段类型 字段名 意义 字段类型

empid 用户id (主键no null) 数字 password 用户密码 文本

Empname 用户姓名 文本 manager 管理员代号 数字

emailaddress 用户邮箱 文本

图书馆数据库的数据关系如图9-22所示。其中表LibEmps和表Lib Categories与表LibBooks之间都是一对多的关系。每个雇员都可以借阅多本图书,每个类别都可以包含多本图书。

界面设计与重点代码的设计

网上图书馆系统有两种用户,一是管理员。另一种是只允许使用图书馆系统,而没有管理功能的一般用户。访问者进入网站,首先要进行登录,如下图所示。登录页面()

访问者输入E-mail地址和密码来登录,然后单击“登录”按钮。输入的数据提交后与数据库中的用户表进行匹配。

须创建一个记录来保存基于访问者登录的用户信息

set RSFindEmp = ("select EmpID, Manager from LibEmps where " _

& "EmailAddress = '" & ("EmailAddress") & "' and " _

& "Password = '" & ( "Password") & "'")

if then

TheMessage = "密码或email地址不对。"

else

Session("EmpID") = RSFindEmp("EmpID")

Session("Manager") = RSFindEmp("Manager")

"../"

end if

表单域EmailAddress和Password 用于Where了句中来获取一个记录。如果访问者输入了一个无效的用户名,则记录集中将不会返回匹配的记录。我们可以通过查看EOF标记来判断一个记录集是否为空。为空,则访问者将被拒绝进入该系统。不为空,则访问者的EmpID值和Manager值将从记录集中返回。写入Session 变量, 变量将在整个网站的所有网页中都是有效的。这些变量的存在与否及其取值将用于确定是否允许进入一个特定的网页,同时也用于访问者进行书目的归还和借阅操作。

图书馆菜单页面

图书馆菜单页面包含指向其他4个页面的链接:管理页面、搜索页面、图书列表页面和主页面。还有一个可显示用户所借书籍的按纽。如果访问者是图书馆管理员,则菜单界面如图所示。如果访问者不是图书馆管理员,则看到如图所示的界面。非管理员的访问者的界面上没有指向管理员菜单页面的链接。

实现办法:访问者登录时在登录页面上的创建的会话变量Session 用于从数据库中获取访问者的有关信息,表示它是否是管理员。如果值为1,就表明访问者是一个管理员,则用如下代码写入一个指向管理员页面的链接:

]]>

管理员菜单

]]>

通过按纽B1是否为空来判断要不要显示用户所借图书,利用一个记录集来获取访问者已经借出了的所有图书的列表。

if NOT isempty(("B1")) then

set RSBooks = ("select BookID, Title from LibBooks where " _

& "CheckedOutTo = " & Session("EmpID"))

end if

再用循环语句将所借书以表格形式显示出来。

Do Until %>]]>

]]>

loop

end if

%>]]>

循环将遍历Rsbooks记录集中的每个记录,直到该记录集结束:

该网站中的所有ASP页面都会在访问者访问之前对其进行登录检查。这样就可以避免访问者通过输入某个页面地址然后在没有登录的情况下直接进入该页面的情况发生。此外,每个管理页面都要确认访问者是管理员。

管理菜单页面

管理菜单页面有一个HTML表单,根据选择的按钮的不同,可以进行5种不同的操作:图书的归还、图书的编辑、图书的删除、图书的添加和类别的添加。不管选择了哪一个按钮,该表单都提交人其自身进行处理。

要进行图书的归还、图书的编辑、图书的删除三种操作,须先进行搜索,找到该书后,由图书返回一个链接:

]]>

]]>

而管理者页面通过下列语句

]]>

这样就将所找到的书的书号BookID、书名Title传递管理者页面。再进行所须操作。共有3个不同的铵纽,可以进行3种操作。若单击“修改”钮:

则重定向到编辑图书页面,同时把Bookid 传递给该页面。

"./edit_?BOOKID="&request("BOOKID1")

将其他的情况需要建立到数据库的连接:

set conn = ("")

("FILEDSN=c:\Program Files\Common Files\ODBC\Data Sources\ms access ")

if NOT isempty(("Delete")) and request("BOOKID1")<>"" then

"delete from LibBooks where BOOKID ="&request("BOOKID1")

end if

if (NOT isempty(("checkin"))) and request("BOOKID1")<>"" then

"update LibBooks set checkedoutto= 0, status= 'Available' where BookID="&Request("BOOKID1")

end if

页面中的添加新的种类部分包含一个文本控件和一个选择控件。其中选择控件是用所有已经存在的类别列表进行填充的,包括特殊类别 Top level ,该类别表明当前类别是处于类别层次结构中的最顶层。代码如下:

先用一个记录集来填充父类别选择控件:

set RSCategories = ("select CategoryName from LibCategories order by CategoryName")

再用下列循环语句:

Do Until

%>]]>

Loop

%>]]>

遍历RSCategories记录集中的每个记录,并作为一个选项添加到列表中,而记录集中CategoryName 同时作为显示值和传递值:

本页面还包含一个指向添加图书页面的链接。

搜索结果页面

搜索页面的代码获取与访问者查找规则相匹配的图书,然后将这些图书显示给访问者。

搜索页面上的表单包含一个选择控件和一个文本控件。选择控件中的选项是用可搜索 的字段填充的:

需要用一个记录集来保存与访问者的查找规则相匹配的记录:

set RSBooks = ("select BookID, Author, Title, Subject from LibBooks where " _

& ("SearchField") & " Like '%" & ("SearchCriteria") & "%'")

注 意:,符号%表示的是一个广义搜索。这一点类似于ACCESS中的符号*。

然后将所找到的书以表格形式显示出来。代码如下:

]]>

书名:

著者: <% RSBooks("Author") %>

主题: <% RSBooks("Subject") %>

Loop %>]]>

图书页面

图书页面的代码显示图书的有关信息,以及管理图书的出借操作。

该页面通过Querystring 传递BookID

if isempty(("BookID")) then

"./"

end if

如果其中不存在,则访问者将被重定向到搜索页面:

如果同时传递表单中包含的变量Action不为空,则表明访问者正借阅该图书:

if Not isempty(("Action")) then

在这种情况下,需要将图书状态改为 Checkout, 同时需要将Checkedoutto 字段修改为该访问者:

"update LibBooks set Status = 'Checked Out', " _

& "CheckedOutTo = " & Session("EmpID") & " where BookID = " _

& ("BookID")

"./library_"

end if

然后将该访问者重定到图书馆菜单页面:

下一步,利用图书的状态来确定不同的链接

未借出时链接如下:

if RSBooks("status") = "Available" then

LinkText = "& ("BookID") & """>借这本书"

如果图书已经借出,就创建一个不同的消息,并将链接设置为指向Library menu 页面:

LinkText = "图书已出借,返回主菜单。"

最后根据是否是管理员,显示管理员菜单链接。

]]>

网上评优投票系统

功能:

能实现全校性的评选,快捷、公平,且有效,不允许做票。

组成构造

这个系统由3个部分组成——投票页面 ,处理投票结果的脚本,显示投票页面 。

3.3.3数据表的设计:

3.3.4界面设计与重点、难点代码设计

投票页面

该页面是一个纯HTML文件,它让用户选择自己想选举的候选人,并填写自己的详细资料,以确认投票的有效性。页面显示如图所示。

表单处理脚本

在中各项数据都填写完毕后,单击确定投票按钮,表单的数据就被提交,

本次评优共有4个候选人,但只能选两个。故用复选框。

投票的有效性通过是否是本校学生,且是否投过票来判断。

if request("passno")<>"" then

sql="select * from stud where password="&"'"&request("passno")&"'" &"and yitu=0"

set rs=(sql)

if then%>

]]>

本设计允许少选,不允许多选。通过判断Vote投票界面传递过来的复选按纽值的长度看是否多选。

vo=request("cand")

if len(vo)>4 then%>

]]>

然后根据所投的票将对应候选人的投票结果字段加1,同时将该投票人的已投字段置为1。

sqq="update stud set yitu=1 where password="&"'"&request("passno")&"'"

(sqq)

if instr(vo,"1") then

("update stud set result=result+1 where name='李宁'")

end if

if instr(vo,"2") then

("update stud set result=result+1 where name='杨兰'")

end if

if instr(vo,"3") then

("update stud set result=result+1 where name='江道明'")

end if

if instr(vo,"4") then

("update stud set result=result+1 where name='段启文'")

end if%>

显示当前投票情况

由于投票处理页面已经完成了绝大部分的工作,所以 显示结果页面就很简单了,其功能是从 Stud表文件中读取候选人所得票数,显示在页面上。

页面显示如图

值得注意的代码主要有以下几处:

该页面有自动刷新功能,使在线用户可以尽快的看到最新的选举情况。我们这里设定每隔30秒钟自动刷新一次。

显示投票时,我们采用了while循环,把候选人及其得票数,整齐地显示在一个表格中,这种技术在数据库查询结果的显示中也经常用到。代码如下:

]]>

]]>

]]>

]]>

3.4达级考试在线查分系统与计数器的制作

3.4.1功能:

它提供了在线查看成绩。考生可以在网上使用这一系统,通过输入准考证编号来查询达级考试的结果。

3.4.2数据表的设计

与评优系统共用STUd表,表设计同上。

3.4.3界面设计与重点难点代码的设计

该模块需要查询者输入准考证号后来查看结果。若I D1不为空时,表示有表单输入,开始查询数据库。使用 SELECT的SQL指令查询数据库的数据。先设定SQL指令,查询ID符合准考证编号("ID1")的数据,下个“Execute”指令,即可开始执行存取、查询数据的动作了。并将查询结果储存到Recordsets组件RS中。

IF ("ID1")<>"" THEN

Set Conn = ("")

("FILEDSN=c:\Program Files\Common Files\ODBC\Data Sources\ms access ")

SQL = "SELECT name,id,score FROM stud WHERE id='" & ("ID1") & "'"

Set RS = (SQL)

若考试通过,则显示考试的结果,包括姓名、准考证编号、总分和考试结果,分别由RecordSets 组件的RS(0)、RS(1)、RS(2)、RS(3)得到。表示RecordSets组件的域的总数,由“for I=0 to -1”,取得RS(I)各域的数据。配合 表格的HTML语法,将结果填入表格的各单元格中。 若还有下一个数据,就使用 移到下一个位置。

页面访问计数器的制作

利用文件处理组件FILESYSTEM的强大功能来制作,比用Application对象计数器要好,Application计数器当有20分钟没有人连上该网页或关机时,计数器会被归零。而文件计数器却不会因时间而消失。我用存放访问人次。代码如下:

whichfile=("pic\")

set myfile=("") 创建一个

set thisfile=(whichfile) 组件对象

visit=

读取计数器数据文件中的计数数据

visit=visit+1 记录自加一次

length=len(visit)

for i=1 to length

"

set thisfile=(whichfile,1) 将新计数数据写入文件(visit)

set myfile=nothing

数字图片我利用PHOTOSHOP中的文字特效制作了9个立方数字:

四.系统的使用说明与安装

4.1运行环境要求

Windows98

Personal Web Server (PWS)

Microsoft? Access 2000 ()

4.2安装设置

A. 将本网站拷贝到硬盘上的某一目录下,如:拷贝至c:\y1下。

B. 运行PWS,将默认的Web站点主目录设置为该目录,如上例应为c:\y1;

具体步骤:

a. 选择“高级”项;

b. 单击“编辑属性”按钮,在出现的“编辑属性”对话框中的“目录”项中填入“c:\y1”,其他不变,确定;

C. 设置启动默认文档为:

致谢

通过这次毕业设计,使我感到高科技、新知识的力量。这次毕业设计过程中,得到了长沙市工商职业中专学校的大力支持,给我提供了舒适的工作学习环境,也得到了科大老师、教授的精心指导,在此表示衷心的感谢!

五.参考文献

[1]李世杰 Active Server Pages(ASP) 网页设计手册 北京:清华大学出版社 1999

网站设计方案范文3

关键词课程网站;网站设计;应用实例

1、网站设计概念和内容

当今世界已经走入了一个信息爆炸式发展的时代,各种科技产品与各种媒体平台相互搭配合作,带给人们越来越便捷、快餐化的生活。人们通过最常使用网络类媒体了解事实,在一个房间里就能轻松达到“足不出户知天下”。

网站是网络媒体的信息平台,是展示政府、企业、机构、产品、学校、等的网络窗口。在网站设计的时候,必须有明确的网站主题、站点目的和用户需求。在了解情况之后,设计师根据受众需求、市场状况以及网站所有者自身情况综合分析研究,以受众人群为中心对网站进行规划设计。

2、网站设计的基本法则

网站设计就是依据网站宗旨,把造型、结构、信息、色彩等视觉元素有机地统一在网站中,并对网站风格等进行整体设计。根据艺术历史学家迈尔・夏皮罗的观点,风格是“某个个人或群体的艺术作品经久不变的形式,有时则是持久不变的要素和表现”。其目的主要是利用造型的原则和规律,合理的分配和排列文字、图形等视觉元素,以便准确、系统、有效地传达信息。

3、网站设计目标与用户的需求

在设计规划网站之前,我们需要考虑五点。①网站的建设目的是什么?②网站的主要受众人群是针对哪一类?③网站能为受众提供什么?④网站适合什么样表现方式?

以《图案设计与应用》课程网站为例:(1)网站的建设的主要目的是通过网络宣传、展示《图案设计与应用》课程内容,同时让课程受众人群能在网上接受课外教育。(2)《图案设计与应用》课程网站的受众群体则是在校艺术类大学生以及高校专业老师。(3)课程网站提供课程教学相关参考资料,展示课程工学结合成果,建立师生作品展示平台以及教学互动。(4)课程网站的受众多数为在校艺术类大学生,这类人群对网络有很强的依赖性,喜欢轻松、明快、简洁、个性的艺术风格。课程网站在设计上需要迎合这些特点。

首先,在外观上需要采用简洁明快的主题设计方案,尽可能减少繁复累赘的设计,使网站在视觉效果上富有朝气。然后,在版式上需要合理布局,年轻的视觉心理特征,布局必须能清晰表达主题以及资料分布,使其能让浏览者观看方便,容易被吸引。其次,色彩也是网站的重要视觉要素之一,在色彩的选择上,第一看的是网站主题,第二则是受众色彩心理。适当的色彩对比以及一些留白与色彩间隔等不同的色彩穿插方式,可以充分的表达网站的思想内涵意境。再次,人性化的界面设计需求,也在随着受众人群的素质提高而增加,所以人性化设计是在设计中对人的心理生理需求和精神追求的尊重和满足,是设计中的人文关怀,是对人性的尊重。

4、课程网站界面设计相关数码技术的应用分析

课程介绍

《基础图案》课程作为桂林旅专视觉艺术系的基础设计课程,始于1988年,最初作为旅游工艺品设计专业的专业基础课程进行开设。随着系部专业的拓展、完善与更新,《基础图案》更名为《装饰图案》,并成为装饰艺术设计、公共艺术设计等多个专业的专业基础必修课之一。

2009年,《装饰图案》通过校级评审,成为校级精品课程。在之后的教学中,课程名称更名为《图案设计与应用》,并进行了一系列教学改革,构建新型课程体系。《图案设计与应用》是一门建立在造型学和色彩学基础上,连接艺术类基础课程和设计课程的桥梁课程。本课程以图案设计与应用的一般工作流程为主线,着力从图案的理论基础、图案的设计实践与图案的应用拓展等三大模块出发,围绕着五个教学情境来培养学生的良好图案审美素养、高超的图案艺术表现及综合职业能力,以适应不断发展的行业岗位要求。

课程网站设计目标

《图案设计与应用》课程网站是展示课程教学的一个直观窗口。在这门网站的建设中,要做到以下几点:

(1)网站界面能有效地展现“图案设计”这一主题内容,让浏览者在观看网站界面的同时就能认同了解《图案设计与应用》这门学科的概况。

(2)《图案设计与应用》网站中含有丰富的信息资料。丰富的各类相关资料应当满足课堂内外的相应的知识、技能以及学科参考与补充帮助,从网络上拉近学生与课堂的距离。

(3)通过浏览网站,受众在浏览网站的过程中对《图案设计与应用》这门课程有一个全面的认识,并让其对网站有深刻的印象。与此同时,在网站中还需要表现桂林旅游高等专科学校视觉艺术系在课程教学中的教学理念,让更多的浏览者了解课程的重要性,认可课程教学方式。

课程网站设计突出艺术性、助学性和互动性。通过网上丰富的教学资源、课程论坛、课程知识库、课程练习、课程评价等栏目为学生的自主性学习搭建了一个信息化平台,充分发挥了现代化教学手段在教学中的作用。同时,学生可以在网上通过在线交流进行学习探讨,互动性强,有利地促进了教与学的改革,促进了教学效果的进一步提高。

课程网站制作过程

(1)沟通与资料收集是网站设计的第一步。在《图案设计与应用》课程网站中,首先要与课题小组人员沟通,了解网站所表达的课程内涵,以确定界面设计指导思路。收集各类网站板式、色彩、主题等设计元素资料,参照受众心理,并进行多方对比整合以及综合考虑,确定界面设计风格。

课程网站的主要视觉风格将定位在以图案为装饰主题,明快简洁大方为主要设计风格,网站图形设计的要求就是简洁、明了的传达信息,而不是将其弄的复杂化、模糊化。这样的设计思路既能抓住“图案”这一主题,又能体现现代流行的简约设计风格。网站以绿调为主,绿色给人清新、有活力、快乐的感受,符合当代大学生内心向上的心理感受,也符合当代校园的青春气息。

(2)总结此类网站的特点以及最新动态。同类型的网站是否受到受众的欢迎,是否能有效的对课堂进行帮助,是否能提高学生的学习积极性,是否能及时有效地更新学业、行业信息,是否能有效地促进教学效果的提高,都是在比对同类型网站之后所需要总结考虑的。在为同类型网站做调研的时候,还需要了解网站的信息动态,比对信息的新旧程度,过旧的信息会让受众有网站过期的想法,不利于增加网站点击、浏览量。知己知彼百战百胜,这是中国一句古话,同样的也可以用在我们的网站设计中。

(3)数字技术在网站设计与制作中的综合应用。网站设计是一个团队工作,而制作过程需要统筹安排制作时间,避免时间浪费。使用各类数码软件对制作工艺进行分工,可以有效的提高网站制作效率。同时多种数码技术手段的综合运用,可使网站在视觉丰富多彩。使用Photoshop设计静态外观,使用Visual studio制作网站构架,动态信息与静态页面的结合,使得网站富有节奏感,也让整体效果更有趣味性与吸引力。

《图案设计与应用》课程网站获得良好反应

《图案设计与应用》课程网站正式挂到校内精品课程网站中后,获得了师生们的好评。通过对浏览者抽样调查,下发调查问卷,发现浏览者对于课程网站系统构架非常满意,对其信息的数量以及信息更新的速度还有待逐步提高。在调查中发现,网站能帮助在校学生了解相关行业行情,可以为今后工作目标做出良好的参考。对于高校同行,网站提供了横向参考价值,在浏览过程中,可以了解到学校教学资源状况以及学生学习情况等做为参考,调整自身相关计划。对于相关企业,网站反映了一个学校,一个系部对于教学的态度,反映了学生在校的专业素养,对于毕业之后,企业选聘相关人才做出了参考信息。

参考文献

38 596133
");