当前位置：网学 > 设计下载 > ASP类作品 > 正文

基于ASP个人主页的设计

来源：http://myeducs.cn 联系QQ：

作者：用户投稿来源：网络发布时间： 13/05/07

鉴于大家对ASP类作品十分关注，我们编辑小组在此为大家搜集整理了“基于ASP个人主页的设计”一文，供大家参考学习

客服咨询，网学网竭诚为您服务，本站永久域名：myeducs.cn

4.2建立数据库表

此个人主页使用ASP的只由留言板块，利用数据库原理相关知识，对数据库设计和每个模块、每个界面的具体设计。此系统采用的数据库软件是Microsoft Access。

进行分析设计后，应该用Access建立17张表。各表结构信息具体见如下表1——表17。

字段名	数据类型	说明
id	自动编号	管理员的自动编号
admin	文本	管理员的姓名
password	文本	管理员的密码

表1 管理员表

字段名	数据类型	说明
ID	自动编号	自动编号
userweb	文本	网站名称
url	文本	网站网址
username	文本	站长姓名
mail	文本	站长信箱
maxsize	数字	每页显示留言数
booktime	数字	发贴间隔时间

表2 配置表

字段名	数据类型	说明
ID	文本	编号
user	文本	姓名
sex	文本	性别
adress	文本	访问地区
face	文本	头像
QQ	文本	QQ
mail	文本	访问邮箱
url	文本	个人主页
em	文本	表情
title	文本	留言标题
content	备注	留言内容
IP	文本	访问客IP
hide	是/否	是否悄悄话
time1	日期/时间	留言日期
replytitle	文本	回复主题
reply	备注	回复
time2	日期/时间	回复日期

表3 个人信息表

字段名	数据类型	说明
ID	自动编号	自动编号
IP	文本	被封IP
content	文本	被封原因
locktime	日期/时间	被封日期

表4 封锁IP表

然后是根据对该系统做出的整体的分析和设计，开始在FRONTPAGE环境下使用HTML、VBScript、JavaScript等语言相互嵌套进行系统开发设计，通过ADO——ActiveX Data Objects，将程序语言ASP与数据库ACCESS建立连接，以实现相关功能。另外辅助使用Photoshop等处理软件做界面的优化设计工作。

第五章 开发个人主页

本个人主页主体上可以分为由html编写的静态页面和用asp编写的留言板块。

5.1 HTML页面的实现

5.1.1 首页

主页(如下图)

这是由FRONTPAGE编写的HTML页面，可以通过该页面进入各个板块，这些都由超连接实现。

实现超连接的代码如下：

<tr>

<td width="12%"><div align="center"><a href="liuyanben\index.asp" target="_blank">雨晴留言本</a></div></td>

</tr>

5.1.2 收藏板块

点击雨晴收集进入收藏板块，该板块收藏的有许多精品文章，如下图：

点击一具体文章，则进入该文章，如下图：

该个人主页都使用了样式表，使整个个人主页的风格一致。

样式表的代码如下：

<!--

a:link { color: #000000; text-decoration: none}

a:visited { color: #000000; text-decoration: none}

a:hover { color: #009966; text-decoration: underline}

td { font-size: 9pt}

body { font-size: 9pt}

.hight { color: #000000; margin-top: 8px; ; ; cursor: hand}

.input1 { font-size: 12px;; width: 100px; background-color: #BDB28C; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

.hight2 { line-height: 15pt}

.whitea:link { color: #FFFFFF; font-weight: bold}

.l16{ line-height: 15pt}

-->

</style>

5.1.3 图库板块

点击雨晴图库进入图库板块，该板块收藏的有许多精美的图片，如下图：

点击一具体图片，则可以查看该图的原始大小图片，如下图：

图片链接的实现代码如下：

<tr>

</td>

</td>