毕业答辩论文基于ASPNET技术的摄影之家网站设计样本.doc

毕业答辩论文基于ASPNET技术的摄影之家网站设计

学号________________
密级________________

毕业论文

基于ASP技术的摄影之家网站设计

院（系）名 称：
专 业 名 称 ：
学 生 姓 名 ：
指 导 教 师 ：

二○**年**月

目 录

1． 硬件及软件的需求准备；………………………………………………………………第3页
1． 1 硬件的基本要求； …………………………………………………………第3页
1． 2 软件平台的需求； …………………………………………………………第3页
2． Asp及office access数据库等软件的简要介绍；…………………………第3页
2． 1 对html的简要介绍； ………………………………………………………第4页
2． 2 网页的组织与安排；…………………………………………………………第4页
2． 3 对asp的简要介绍；…………………………………………………………第4页
2． 4 对IIS的运用；………………………………………………………………第5页
2. 4. 1 IIS的简要介绍；…………………………………………………………………第5页
2. 4. 2 IIS的安装；………………………………………………………………………第5页
2． 5 数据库office access的简要介绍；………………………………………第6页
2. 5. 1 Access 组件介绍； ………………………………………………………………第7页
2. 5. 2 创建数Access据库介绍； ………………………………………………………第7页
2. 5. 3 通过ADO连接并操作WEB数据库的步骤；………………………………………第14页
3． 对摄影之家网站的大体要求，对网站结构功能模块的详细设计；………第15页
3． 1 摄影之家的主要功能介绍；…………………………………………………第15页
3． 2 本网站数据库结构介绍；……………………………………………………第23页
4． 网站的实现与运行 ………………………………………………………………第25页
5． 总结 …………………………………………………………………………………第25页

参考文献 ……………………………………………………………………………………第26页
致谢 …………………………………………………………………………………………第26页

基于ASP技术的摄影之家网站设计

[论文摘要]:现在asp的发展也已经有好几年的历史了，走在前面的人也已经作了许许多多的工作，通过大家的努力asp技术是越来越完善了，功能也已经是越来越强大了，也已经是一个相当成熟的软件开发工具了，，是从asp发展而来得。，但是asp更受到初学者们的喜爱，因为它在容易上手方面有其独到的一面。本篇论文主要讲述的是asp前台与office access数据库的操作，可以实行最基本的功能如，试题的更新，考试的执行，以及自动评分的功能。

[关键词]：asp、office access 数据库、对象、IIS、Vb脚本语言、J脚本语言

前 言

当今的社会，随着科技的进步，时代的发展，计算机信息行业的逐步壮大，人们也越来越离不开各种各样的信息了，人们对信息的追求也越来越迫切了。因此计算机信息的发展也必须适应这一朝流。
最近，为了满足人们各自兴趣如网上交流摄影心得，抑或参考别人的好的作品的要求，社会上有不少的知名的与不知名的各类摄影网站，摄影论坛等来帮助人们提高摄影水平所以我就有了学习建设个人摄影网站用于同共同爱好者进行交流的愿望。这对我自己对我的几个朋友也有很大的好处。建设这个个人的网站既满足了自己的爱好，又可以学到自己需要的知识。其中有必要留下留言本什么的用于了解大家对网站的意见，不然的话，本网站又如何来使大家的水平有所提高呢？
我作的摄影之家的课题也可以说是专门聊天室的一种，用来摄影爱好者相互交流心得体会的平台，前台的制作利用asp及其脚本语言vbsript，而后台则是用了微软的office access数据库用ado对象进行连接。
由于本人的知识水平有限，实际的经验也不足，所以所制作出来的作品有许多的不足和漏洞，希望大家提出宝贵的意见和批评。

1、硬件及软件的需求准备

对于硬件的要求，现在已经是2004年了，目前的个人电脑基本上都符合这个程序的浏览与运行，就是说浏览器端的电脑，目前只要是上得了英特网的就可以了，这个也是体现了asp的好处，浏览端只是提出一个要求，服务端根据浏览器的要求得到答案，并返回给浏览端。
服务器端的电脑硬件的要求，基本上是可以运行microsoft windows 2000 server就可以了。

1．2软件的基本平台
软件平台需要服务器上的操作系统为microsoft windows 2000 server。因为asp的开发平台首选是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同样现在的浏览器是微软一家独大，使用的浏览器是微软的explorer，网站的数据库使用了同样是microsoft的office access数据库，因为一个数据不是很庞大的个人网站没有必要使用ocacle等大型数据库系统，同时access数据库结构比较的简单，使用起来比较简单好用。

2．Asp及office access数据库的简要介绍

2．1 Html简介
HOMEPAGE（主页）是可以通过WWW查询的Internet上WWW站点的首页。从某种角度来看可以说是 电子广告板、信息板，它包含了大量的信息。由于Internet一直以异乎寻常的速度发展，WWW在 信息交换查询中的地位得到了很大提高，这就使HOMEPAGE的编写变得十分重要。HOMEPAGE是以HTML格式写成的，HTML不是WYSIWYG(所见即所得)的，不过HTML非常易学易用， 它以标签（TAG）标示及排列各对象。而标签本身则以"<"和">"号标识，标签内的内容称为
(ELEMENT),元素代表了标签的意义。一般格式为：
<ELEMENT>OBJECT</ELEMENT>
<ELEMENT ATTRIBUTE=ARGUMENT>OBJECT</ELEMENT>, 或者
<ELEMENT>
元素是与大小写无关的。它很类似与工业标准的SGML（标准广义标置语言），它的结构可以归为SGML文档类型定义（DTD）。。 Navigator,。HTML写HOME PAGE的方法可以参考相关的书籍。Web presentation Web表述，Web表述是包含许多连接在一起的用于表达某一目的的网页的总称。它是一个体系结构。Web pages 网页就是可以被浏览器访问的单个HTML文件。Home Page 主页是Web站点的首页。即被访问站点的第一个网页。WWW-- World Wide Web 全球资讯网SGML -- Standard Generalized Marked Language 标准广义标记语言。
DTD-- Document Type Definition 文件类型定义。DTD和SGML的关系，就象C++和计算机语言的关系。
HTML -- HyperText Markup Language 超文本标记语言。
HTML is a SGML DTD.
超文本标记语言是一种标准标记文件的定义。而在全球资讯网中所阅读的文章，正是依照种这种标准。

网页的组织与安排
在我们要在网上发布信息和建立网页之前首先注意以下几个原则和建议，可能会有助与今后网页的制作。在写HomePage之前最好要明确写HomePage的目的是什么，是个人信息、公司介绍、在线文档、 购物目录还是别的什么。有一个明确的目的对于Web presentation的组织很有好处。当然这并不是说没有一个明确的目的就不能写主页。也可以在制作中建立目的。只是那样工作量会比较大。会有一些重复的工作。
　　你可以用你所熟悉的文字编辑器来编辑它，例如EDIT、VI、WS、Word等，(但一定要以纯文本方式保存，浏览器只识别纯文本格式的文件)不一定要用其它的新颖编辑器。只要通过一些简单的标注，就可以让文章生动和活泼起来，这就是HTML的特色。

Asp简介
Active Server Pages（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。使用 ASP 可以组合 HTML页、VBScript脚本命令和JavaScript脚本命令等，以创建交互的 Web 页和基于 Web 的功能强大的应用程序。
由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本：Web 服务器已经完成了所有脚本的处理，并将标准的 HTML 页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。
a. ASP的运行环境：
　　ASP只能用于下列Web Server
　　·IIS
　　·Microsoft Personal Web Server
b. ASP的编程语言：　　
　　ASP可以使用VBScript和JavaScript进行程序编写。
c. ASP文件
　　，以区别于同样可以包含Script的HTML 文件。，
可以包括下列元素的任意组合：
　　·文本（text）
　　·HTML标志（tags）
　　·Script命令
d. ASP： 不需要任何HTML的tag,保存在文件中，起个好听的名字，文件名的后缀一定要改为 .asp ，然后上传到服务器上一个有执行权的目录下（例如wwwroot)，接下来的问题是，怎么执行这个ASP程序。

IIS的运用
IIS简介
IIS是Internet Information Server的缩写，它是微软公司主推的Web服务器， 最新的版本是Windows2000里面包含的IIS ，IIS与WindowNT Server完全集成在一起， 因而用户能够利用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性， 建立强大、灵活而安全的Internet和Intranet站点。 IIS的一个重要特性是支持ASP。IIS ，可以很容易的张贴动态内容和开发基于Web的应用程序。IIS的安装，管理和配置都相当简单。
IIS的安装
安装步骤：
：【开始】->【设置】->【控制面板】->【添加/删除程序】，打开“添加/删除程序”对话框。
b. 点击左边菜单栏中“添加/删除Windows组件”项，打开“Windows组件向导”对话框（这个过程可能要花几十秒钟），在对话框“组件”列表中，选中“Internet 信息服务（IIS）”项。

“Windows 2000”安装盘放入光驱中，然后点击“下一步”。这个步骤可能会花几分钟。
d. 点击“完成”按钮，完成IIS的安装。

简单数据库office access的简要介绍
Access数据库是集成在microsoft公司开发的产品更新换代office系统中的集成软件。
Access是一个数据库管理系统，它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统（如Visual FoxPro）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，Access的功能足够强大，足以应付一般的数据管理及处理需要。
ODBC（Open Database Connectivity开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，当然也包括了Access。
ASP访问数据库的几种方式：在ASP脚本中可以通过三种方式访问数据库：
a. IDC（Internet Database Connector）方式;
b. ADO（ActiveX Data Objects）方式;
c. RDS（Remote Data Service）方式;
这三种访问方式对数据库的访问是由Internet Information Server来完成的。Web浏览器用HTTP协议向Internet信息服务器（IIS）递交请求。Internet信息服务器执行访问数据库的操作，并以一个HTML格式的文档作为回答。在本程序中我使用的是第二种方式，即ADO方式。
Access 组件介绍
Access组件使得我们能够轻而易举地通过ActiexX Data Objects(ADO),它是一种功能强大的数据访问编程模式,从而使得大部分数据源可编程的属性得以直接扩展到Active Datase Connetivity(ODBC)兼容的数据库和OLE DB兼容的数据源,这样ASP程序员就可以访问任何与ODBC兼容的数据库,包括MS SQL SERVER Avccess ,那将发现ADO命令语句并不复杂而且容易掌握,同样地,如果您是一个经验丰富的数据库编程人员,,内存需要更小.
创建数据库介绍
用MICTOSOFT ACCESS 来创建数据库，最简单的是通过它提供的的一个“向导”，在启动这个软件以后，屏幕上就会出现如下图所示的对话框，用来引导我们完成建立数据库文件的操作。

下面是我们利用“向导”来创建一份数据库文件的具体操作步骤：
1)选择“ACCESS数据库向导、数据页和项目”单选按扭，然后单击“确定”按钮，就会弹出如下图示的对话框：

若选择MICROSOFT ACCESS对话框中的“空ACCESS数据库”单选项按钮，就会建立一个空的数据库了，数据库里面的信息需要手工来添加，若选择“打开已有文件”单选按钮则可以从下方的列表中选择打开已经存在的数据库。
2）在弹出的“新建”对话框中，我们可以选择一个模板来快速建立数据库，我们就先选择个“定单管理”看看，然后单击“确定”按扭，就会看到下面的对话框：

3）“文件新建数据库”对话框的功能是，指定数据文件名，以及保存它的文件夹。我们就以它的初始文件名“定单入口1”吧，单击“创建”安扭后，新建的数据库文件就将被指定保存到MICROSOFT ACCESS默认的文件夹下了，或我们给它指定一个新的也行，这样一来，一份新的数据库就建立好了，屏幕上也将显示“数据库向导”对话框，如下图：

4） “下一步”按钮，弹出如下图的对话框：

5）以上“数据库向导”对话框分为左右两部分，左边的窗口是用来选择“数据库中的表”，右边的窗口是用来选择“表中的字段”。选择好所需要的数据库中的表和表中的字段之后，就单击下一步按钮，会弹出如下图所示的对话框：

6）以上“数据库向导”对话框是用来确定屏幕的显示样式，我们就采用标准样式吧，单击下一步按钮，会弹出如下图的对话框：

7）以上“数据库向导”对话框是用来确定打印报表的样式的，我们可以选择如“组织”样式，然后单击下一步按钮，会弹出如下图的对话框：

8）以上“数据库向导”对话框的作用是确定数据库的标题和是否在所有报表上加一幅图片，我们就先设定数据库的标题为“定单入口”，并不在所有报表上加图片，然后单击下一步按钮，会弹出如下图的对话框：

9）单击以上“数据库向导”对话框的“完成”按钮，就完成了创建数据库的工作了。
10）象这个数据库在使用之前还会弹出“我的公司信息”对话框，当然，不同的模板是不相同的，象这个就是要求输入公司的名称和地址信息，如下图所示，关闭这个对话框，系统将自动保存信息；

11）关闭“我的公司信息”对话框后，会弹出“主切换面板”对话框。位于“主切换面板”对话框后面的是“定单入口1”窗体，如下图所示：

通过这两个窗体即可对新创建的数据库进行各种操作了。
无论什么时候使用“数据库向导”新建数据库，MICROSOFT ACCESS都将自动新建一个切换面板，这个面板对浏览数据库都是很有帮助的，“切换面板”中有一些按钮，单击它们可以打开相应的窗体和报表，或打开其他窗体和报表的切换面板、退出MICROSOFT ACCESS或字定义切换面。
2. 5. 3 通过ADO连接并操作WEB数据库的步骤
让我们来认识一下利用ASP的Database Access组件通过ADO连接并操作WEB数据库的步骤吧，第一步是，要指定想要连接的数据库，有DSN和DSN-LESS两种方法；
DSN（Data Source Name 数据源名称）：建立一个系统数据源名称，方法如下：
1. 单击“开始”，选择设置控制面板；
2. 双击图标“32位ODBC”，将弹出的一个对话框，选择标签System DSN;
3. 单击Add 添加一个DSN入口，选择Microsoft Access Drive并确认；
4. 在Data Source Name 栏里输入希望指定的DSN，然后单击Select选择数据库存放的位置，可以按 Browse来选择；
5. 以上步骤完成后在ASP程序中指定DSN，如下列所示：
<%connstr=”DSN”%>
DSN-less:是另一种通过在ASP文件里直接指定数据库文件所在位置,而无需建立DSN的方法,由于许多公司没有自己的WEB服务器,他们的网站往往是存放在远端的虚拟服务器上的,因此要建立和修改DSN的设置比较麻烦,而使用DSN-LESS方法直接指定远端数据库所在位置恰恰解决了这一个问题,方法如下:
<%
connstr=”DBQ=”+(”database/”)+”;DefauleDir=;DRIVER={Microsoft Access Driver(*,mdb)};DriverId=25;FIL=MS Access;ImplicitCommitSync=Yes;MaxBufferSize=512;MaxScanRows=8;PageTimeout=5;SafeTransactions=0;Threads=3;UserCommitSync=Yes;”
%>
在指定了想要连接的数据库后,就可以通过以下方法连接并打开数据库:
<%Set Conn=(””) constr
%>
第二步是指定想要执行的SQL指令,可以使用RexordSet;
当连接了数据库后就可以对数据库进行操作了，比如查询、删除、更新等，这些操作都通过SQL指令来完成的，如下例在数据库表datebase中查询所有姓名中有A的记录：
<%
sql=”select*from database where name like ’A%%’”
Setrs=(sql)
%>
尽管Connection对象简化了连接数据库和查询任务，但Connection对象仍然有许多不足，确切的说，检索和显示数据库信息的Connection对象不能用于创建脚本，必须确切知道要对数据库做出的更改，然后才能使用查询功能实现更改，对于检索数据、检查结果、更改数据库，ADO提供了Recordset对象。正如它的名称所暗示的那样，Recordset对象有许多可以使用的特性，根据查询限制，检索并且显示一组数据库行，即记录。Recordset对象保持查询返回的记录的位置，允许用户一次一项逐步扫描结果。根据Recordset对象的指针类型属性设置，可以滚动和更新记录。数据库指针可以在一组记录中定位到特定的项。指针还用语检索和检查记录，然后在这些记录的基础上执行操作。Recordset对象有一些属性，可用于精确的控制指针的行为，提高你检查和更新结果的能力。
Recordset的使用方法如下：
Setrs =(””)
SQL 指令，Conn,1,1’读取 或
SQL 指令，Conn,1,3’新增、修改或删除；
第三步是：使用Recordset属性和方法，并显示执行的结果。
通过以上指令，创建了一个包含了数据的游标（Recordset）“rs”，事实上游标是存储在活动内存中的类似记录和字段的数组的东西，当通过Recordset组件创建一个游标时，它从数据提供者那里得到一个数据集，并用它来充实游标，可以想象ADO产生的Recordset是一个象电子表格的记录，它有一行行的记录，在任何时候都有一行是它的当前行，而Recordset的字段是用Recordset的FIELD集合表示的。下面列出了所要创建的Recordset对象即游标的一些属性及方法：
: Recordset对象的字段总数。
rs(i).Name:第I个字段的名称，。
rs(i):读取第i个字段的数据，。
rs(“字段名称”):读取指定字段的数据。
:游标中的数据记录总数。
:是否已经指定到最后一条记录。
:将指标移到下一笔记录。
: 将指标移到上一笔记录。
: 将指标移到第一笔记录。
: 将指标移到最后一笔记录。
rs,Close:关闭Recordset对象。

，对网站结构功能模块的详细设计

3．1摄影之家的主要功能介绍
摄影之家的主页面构图如下：首页中包含了导航栏目：如浏览、影事快讯、协会专栏、数码天地、影友论坛，一些共享软件的下载、大家平时一些摄影作品的欣赏、一些网友可以用来发表意见的给我留言栏目、一些关于我们大家的信息等等。
其中影事快讯中主要的是给大家一些新上市的数码摄影设备视屏广告等，顺便提供一些其它摄影网站评测意见，给大家一些参考的建议；
协会专栏：发布一些协会的规章制度，其中主要是传达一些活动情况，大家何时何地一起参加野外活动，最近有哪些展会活动什么的；
数码天地：主要介绍一些摄影的设备，一些经典的数码产品，对一些使用数码过程中一些问题的预防、一些简单故障的维护、以及对设备平日里的维护和保养；
影友论坛：提供网友之间的经验交流，平时一些拍摄技巧什么的；
友情连接：提供一些著名摄影网站的连接；
软件下载：一些共享的制图的，什么对图片修补的软件；
好图欣赏：放一些自己认为比较好的摄影作品提供给网友们看看用的；
以下为首页效果：

首页上最后搞一个赛事什么的以一个月时间将一个月内的比较好的图片排列在页面上，让大家可以评比一下那几幅照片是好的，那几幅是不太好需要改进的。
首页的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Frameset//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>磐安摄影</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
=innerWidth; =innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!= || innerHeight!=) ();
}
MM_reloadPage(true);
//-->
</script>
</head>
<frameset rows="80,*" cols="*" frameborder="NO" border="0" framespacing="0">
<frame src="" name="topFrame" scrolling="NO" noresize >
<frameset rows="*" cols="146,*" framespacing="0" frameborder="NO" border="0">
<frame src="" name="leftFrame" scrolling="NO" noresize>
<frame src="" name="mainFrame">
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
以下为摄影之家的主要的功能模块的设计和编码：

。管理员需要时常地对网页的更新，对网友上传图片的整理什么的。
网站维护管理界面如下:

用于管理员进行网站的日常维护工作，管理员通过登录，密码输入同时需要附加码。附加码的作用是防止远程攻击，用户名、密码以及附加码完全输入正确之后，进入维护的界面。
其代码为：
<html>
<head>
<title>磐安摄影--管理控制面板</title>
<style type=text/css>
A:link,A:active,A:visited{TEXT-DECORATION:none ;Color:#000000}A:hover{TEXT-DECORATION: underline;Color:#4455aa}
BODY{FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: 宋体;
scrollbar-face-color: #DEE3E7;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #DEE3E7;scrollbar-3dlight-color: #D1D7DC;scrollbar-arrow-color: #006699;scrollbar-track-color: #EFEFEF;scrollbar-darkshadow-color: #98AAB1;}
font{line-height : normal ;}
TD{font-family: 宋体;font-size: 12px;line-height : 15px ;}
th{background-image: url(skins/default/css/default/);background-color: #4455aa;color: white;font-size: 12px;font-weight:bold;}
{background-color: #E4E8EF;}
{background-color: #FFFFFF;line-height : normal ;}
{background-color: #E4E8EF;line-height : normal ;}
{background-image: url(skins/default/css/default/);}
{background-image: url(skins/default/css/default/);}
{background-image: url(skins/default/css/default/);}
{background-color:#FFFFFF}
.tableBorder1{width:97%;border: 1px; background-color: #6595D6;}
.tableBorder2{width:97%;border: 1px #DEDEDE solid; background-color: #EFEFEF;}
#TableTitleLink A:link, #TableTitleLink A:visited, #TableTitleLink A:active {COLOR: #FFFFFF; TEXT-DECORATION: none;}#TableTitleLink A:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline;}
input,select,Textarea,option{font-family:Tahoma,Verdana,"宋体"; font-size: 12px; line-height: 15px;COLOR: #000000;}
.normalTextSmall { font-size : 11px; color : #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}
.menuskin {
BORDER: #666666 1px solid; VISIBILITY: hidden; FONT: 12px Verdana;
POSITION: absolute;
BACKGROUND-COLOR:#EFEFEF;
background-image:url("skins/default/");
background-repeat : repeat-y;
}
.menuskin A {
PADDING-RIGHT: 10px; PADDING-LEFT: 25px; COLOR: black; TEXT-DECORATION: none; behavior:url(inc/);
}
#mouseoverstyle {
BACKGROUND-COLOR: #C9D5E7; margin:2px; padding:0px; border:#597DB5 1px solid;
}
#mouseoverstyle A {
COLOR: black
}
.menuitems{
margin:2px;padding:1px;word-break:keep-all;
}

:link {color: #000000; text-decoration:none}
:visited {color: #000000; text-decoration:none }
:hover {color: #003399; text-decoration:none }
.BrightClass{background-color: #D7D7D7; }
/*

编辑器特效CSS样式
*/
{margin:5px 20px;border:1px solid #CCCCCC;padding:5px;background:#F3F3F3 ;line-height : normal ;
}
{margin:5px 20px;border:1px solid #CCCCCC;padding:5px; background:#FDFDDF ;
font-size:14px;font-family:Tahoma;font-style : oblique;line-height : normal ;font-weight:bold;
}
</style>
</head>
<body leftmargin=0 bottommargin=0 rightmargin=0 topmargin=0 marginheight=0 marginwidth=0>
<p>&nbsp;</p>
<p>&nbsp;</p>
<form action="" method=post>
<table cellpadding="1" cellspacing="0" border="0" align=center style="border: outset 3px;width:0;">
<tr><td>
<table style="width:500" border=0 cellspacing=0 cellpadding=3 align=center class=tablefoot>
<tr>
<th valign=middle colspan=2 height=25>磐安摄影管理登录</th>
</tr>
</table>
<table style="width:500" border=0 cellspacing=0 cellpadding=3 align=center class=tablefoot>
<tr>
<td valign=middle colspan=2 align=center class=forumRowHighlight style="background-image: url();" height="75">
<table border="0" width="100%" height="100%">

</table>
<img src="../images/" width="200" height="80"></td>
</tr>
</table>
<table style="width:500" border=0 cellspacing=0 cellpadding=3 align=center>
<tr>
<td valign=middle colspan=2 align=center class=forumRowHighlight height=4></td>
</tr>
<tr>
<td valign=middle class=forumRow width="30%" align=right><b>用户名：</b></td>
<td valign=middle class=forumRow><INPUT name=username type=text></td></tr>