1 设计概况
随着网民数量的飞速增长,个人主页网站也在快速的增加。目前各大网站都相继推出
了博客频道,把个人网站推向了高潮。个人网站作为一种新的表达方式,它传播大量的智
慧、意见和思想。从某种意义上说,它也是一种新的文化的象征,个人网站的出现和繁荣,
真正体现了网络的知识价值,标志着互联网发展迈向更高的阶段。本学期学的 web 数据库
原理,正是数据库和 web 网站技术的结合使用。本课题为 Web 应用的管理系统,目的在于
可以让用户更方便、快捷的发布信息,实现便利、人性化的信息交流平台,运用 Access 数
据库和 Dreamweaver8.0 开发平台。DreamweaverV8.0 提供了一种基于组件的、可扩展的且
易于使用的方法,用于构建、部署和运行供所有在浏览器或移动设备中使用 web 应用。
Dreamweaver8.0 继承了 Fireworks、Flash 和 Shockwave 的集成特性,可以在这些 Web 创作
工具之间自由地切换,轻松地创建美观实用的网页。Access 它具有界面友好、易学易用、
开发简单、接口灵活等特点,是典型的新一代桌面数据库管理系统。其个人主页包括用户
的登录、注册和个人日志、相册、留言板一共五个模块。
2 系统功能
2.1 用户注册功能
将用户注册表单资料提交到数据库中。在写入之前调用验证模块,对用户填写的资料
进行验证。如对两次输入的密码是否一致进行验证,对 E-Mail 地址是否含有@字符进行验
证,如果验证失败,提示出错要求用户重新输入,账号是否已经存在,如果存在,自动转
向到注册失败页面。
1
2.2 用户登录功能
根据用户提交的用户名和密码判别账号是否合法。如果账号密码不匹配,转向登录失
败页面,否则转向登录成功页面。在提交前也需要合法性验证,确保用户输入的用户名和
密码不为空。
2.3 个人日志功能
登录成功后,页面跳转到个人主页界面。在主页上显示个人日志和相册的框架,点击
个人日志即可进入个人日志界面。可根据显示的目录展开全部的文章。
2.4 个人相册功能
登录成功后,页面跳转到个人主页界面。在主页上显示个人日志和相册的框架,点击
个人相册即可进入个人相册界面。点击图片即通过链接会显示 Flash 相册,可一页页翻动
图片,使相册逼真动人。
2.5 留言板功能
进入留言板功能,输入名字,和所要留言的内容,确定留言即可在页面上显示刚发表
的留言内容,同时会显示个人头像的图片。
3 设计步骤
3.1 用户注册功能
在注册表单中必填的字段有账号(m_username)、密码(m_passwd)、确认密码
(m_repass)、和电子邮件(m_email)。比较重要的验证是两次输入密码要一致,而且电
子邮件格式必须正确。选择 check form 插件,在弹出的验证对话框中选择表单中要检验的
控件。在注册数据经过客户端合法性验证之后,就是插入记录。单击“应用程序\服务器行
为”面板上左上角的加号(+)按钮,在弹出的菜单中选择“插入记录”的命令。
2
用户的注册信息提交到服务器端后,这些信息被保存在 tRegister 表中,每一位用户的
注册信息对应数据库中的一条记录,如表 3-1 所示。
表 3-1 tRegister 数据表
字段名 数据类型 长度 必须字段 允许空值 备注
ID
自动编号
Y N
用户编号,主键
UserID
文本
50 Y N
用户账号
Passwd
文本
50 Y N
用户密码
Email
文本
50 Y N
用户 Email
QQ
数字
50 N Y
用户 QQ,可不填
MSN
文本
50 N Y
用户 MSN,可不填
3.2 用户登录功能
在登录表单中,要求用户必须输入用户名和密码,才能向服务器提交表单,也就是“用
户名称”和“用户密码”文本框不能为空。用 VBScript 脚本完成验证的功能。单击“应用程序\
服务器行为”面板上左上角的加号(+)按钮,在弹出的菜单中选择“登录用户”对话框,分
别在“用户名字段”“密码字段”下拉列表框中选择登录表单中对应用户名和密码的文本框名称,
在“使用连接验证”下拉列表框选择数据库连接“connMemSystem”,在“表格”下框中选择用户
资料所在的数据表“tRegister”。
3.3 个人主页
新建动态 ASP 网页 shgy.asp,在设计视图中,插入表格,在“属性”面板中“背景图像”
选择所需要的背景图片。在单元格中输入标题、内容,在属性中选择超链接,选择所要显
示文章的具体位置。
3
3.4 个人相册功能
新建动态 ASP 网页 grxz..asp,在设计视图中,插入表格,在表格中插入图片,选择
所需要的照片。右击图片选择“属性”,选择“创建链接”,选择 Flash 相册。则运行时就可看
到生动的个人相册。
3.5 留言板功能
新建动态 ASP 网页 gwly.asp,在设计视图中,插入表格,构建留言板框架。在代码视
图中输入以下代码:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的个人主页</title>
<link rel="stylesheet" type="text/css" href="css.css" media="screen" />
<script type="text/javascript">
function OnClick(event)
{
if(document.getElementsByName("name")[0].value ==""){
document.getElementsByName("name")[0].value="匿名";
}
if(document.getElementsByName("textName")[0].value ==""){
alert("请输入内容");
return;
}
var table;
var tableList = document.getElementsByTagName("TABLE");
for(var i = 0 ; i < tableList.length ; i++) {
if(tableList[i].name == "tableName") {
table = tableList[i]
break;
}
}
4
- 1
- 2
- 3
- 4
前往页