基于ASP博客网站设计报告.docx
《基于ASP博客网站设计报告.docx》由会员分享，可在线阅读，更多相关《基于ASP博客网站设计报告.docx（10页珍藏版）》请在冰点文库上搜索。
基于ASP博客网站设计报告
asp个人网站设计报告
班级：
计本08-2班
姓名：
小饶
学号：
指导老师：
某某某
目录
1设计概况1
2系统功能1
2.1用户登录功能1
2.2个人日志功能2
2.3个人相册功能2
2.4留言板功能2
3设计步骤2
3.1用户登录功能3
3.2个人主页3
3.3个人相册功能3
3.4留言板功能4
4作品界面5
5设计总结6
6参考文献7
7代码清单7
1设计概况
随着网民数量的飞速增长，个人主页网站也在快速的增加。
目前各大网站都相继推出了博客频道，把个人网站推向了高潮。
个人网站作为一种新的表达方式，它传播大量的智慧、意见和思想。
从某种意义上说，它也是一种新的文化的象征，个人网站的出现和繁荣，真正体现了网络的知识价值，标志着互联网发展迈向更高的阶段。
本课题为Web应用的管理系统，目的在于可以让用户更方便、快捷的发布信息，实现便利、人性化的信息交流平台，运用Access数据库和Dreamweaver8.0开发平台。
DreamweaverV8.0提供了一种基于组件的、可扩展的且易于使用的方法，用于构建、部署和运行供所有在浏览器或移动设备中使用web应用。
Dreamweaver8.0继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。
Access它具有界面友好、易学易用、开发简单、接口灵活等特点，是典型的新一代桌面数据库管理系统。
其个人主页包括用户的登录、注册和个人日志、相册、留言板一共五个模块。
2系统功能
2.1用户登录功能
根据用户提交的用户名和密码判别账号是否合法。
如果账号密码不匹配，转向登录失败页面，否则转向登录成功页面。
在提交前也需要合法性验证，确保用户输入的用户名和密码不为空。
2.2个人日志功能
登录成功后，页面跳转到个人主页界面。
在主页上显示个人日志和相册的框架，点击个人日志即可进入个人日志界面。
可根据显示的目录展开全部的文章。
2.3个人相册功能
登录成功后，页面跳转到个人主页界面。
在主页上显示个人日志和相册的框架，点击个人相册即可进入个人相册界面。
点击图片即通过链接会显示相应相册的图片，可一页页翻动图片，使相册逼真动人。
2.4留言板功能
进入留言板功能，输入名字，和所要留言的内容，确定留言即可在页面上显示刚发表的留言内容，同时会显示个人头像的图片。
3设计步骤
3.1用户登录功能
在登录表单中，要求用户必须输入用户名和密码，才能向服务器提交表单，也就是“用户名称”和“用户密码”文本框不能为空。
用脚本完成验证的功能。
单击“应用程序\服务器行为”面板上左上角的加号（+）按钮，在弹出的菜单中选择“登录用户”对话框，分别在“用户名字段”“密码字段”下拉列表框中选择登录表单中对应用户名和密码的文本框名称，在“使用连接验证”下拉列表框选择数据库连接“connMemSystem”，在“表格”下框中选择用户资料所在的数据表“user”。
3.2个人主页
新建动态ASP网页Default.aspx，在设计视图中，插入表格，在“属性”面板中“背景图像”选择所需要的背景图片。
在单元格中输入标题、内容，在属性中选择超链接，选择所要显示文章的具体位置。
3.3个人相册功能
新建动态ASP网页，在设计视图中，插入表格，在表格中插入图片，选择所需要的照片。
右击图片选择“属性”，选择“创建链接”，选择对应的相册。
则运行时就可看到生动的个人相册。
4作品界面
图4-1用户登录界面
图4-2后台管理界面
图4-3个人博客主界面
5设计总结
本次课程设计的开发过程中，我全面的把web编程方法应用到系统软件的开发过程运用到实践中。
在刚开始编写程序的时候，我看到别人编写的程序运行的界面不但美观，而且内容非常详细。
并且功能非常全面，还利用了各种不同的方法。
而且我总是希望自己也能够编出像他们一样完善的程序。
但是，经过学习和实践后，我发现编写一个优秀的程序绝不是一蹴而就的事情，它需要长时间的积累和丰富的经验才能达到的。
我认清楚自己的能力后，我就特别注意在编程的过程中不贪图大而全，而是根据主键的能力，制定适当的目标，因为学习是一个缓慢的过程，是一点点的积累的过程。
由于知识浅薄，经验不足及阅历颇浅更不用说，因此，在该系统的设计还有很多不足。
比如：
功能过少、功能考虑不够完善、界面不够整齐美观等问题。
我会在今后的学习和使用过程中根据学习的具体要求不断修改、完善，争取使该系统慢慢的趋向完善的状态。
在该课程设计过程和论文编写过程中，很多的老师、朋友和同学都给了我许多无私的帮助，尤其是我的老师给我的程序编写提出了很多宝贵的意见。
在这里我向这些无私的帮助我的人表示衷心的感想。
6参考文献
1.刘端阳，黎卫东，黄炳强.Dreamweaver8+ASP动态网站开发.北京：
人民邮电出版社,2006.7
2.李钦,邵泽才,冯梅.WEB数据库程序设计.北京:
清华大学出版社,2005.6
3.孙素华.Dreamweaver8&&ASP动态网页设计.北京：
中国青年电子出版社,2007.2
4.刘振岩.基于.NET的Web程序设计[M].北京：
电子工业出版社,2006.3
5.魏善沛.Web数据库基础教程.北京：
中国铁道出版社,2009.7
6.龙马工作室.典型网站建设实例精讲.北京：
人民邮电出版社，2005.1
7【代码清单】
（1）用户留言模块代码：
usingSystem;
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.Web;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
publicpartialclassMessageBoard:
System.Web.UI.Page
{
protectedvoidPage_Load（objectsender,EventArgse）
{
}
protectedvoidbtnAddNewLeaveMessage_Click（objectsender,EventArgse）
{
stringface1="";
stringnickName1="";
stringleaveMessage1="";
if（btnface01.Checked）face1="face01.jpg";
elseif（btnface02.Checked）face1="face02.jpg";
elseif（btnface03.Checked）face1="face03.bmp";
elseif（btnface04.Checked）face1="face04.jpg";
elseif（btnface05.Checked）face1="face05.jpg";
elseif（btnface06.Checked）face1="face06.jpg";
elseif（btnface07.Checked）face1="face07.gif";
elseif（btnface08.Checked）face1="face08.bmp";
nickName1=txtNickName.Text;
leaveMessage1=txtLeaveMessageNew.Text;
boolisOk=AccessMainDB.addNewLeaveMessage（face1,nickName1,leaveMessage1）;
if（!
isOk）Response.Write（"没有留言成功"）;
Response.Redirect（"MessageBoard.aspx"）;
}
}
（2）用户登录模块代码
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="Admin_Default"%>
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
桂林理工大学个人博客管理登录页面
--
*{
margin:
0;
padding:
0;
}
body{
background-color:
#3b5998;
}
#loginBox{
background-image:
url（../images/admin/adminLogin.jpg）;
background-repeat:
no-repeat;
height:
400px;
width:
600px;
margin:
0pxauto;
margin-top:
100px;
position:
relative;
}
#loginBox.loginTextBox{
position:
absolute;
height:
100px;
width:
266px;
left:
240px;
top:
166px;
color:
#900;
font-size:
14px;
line-height:
30px;
}
-->
用户名：
TextBoxID="txtUserName"runat="server"Width="144px">
TextBox>
|
密码：
TextBoxID="txtPassword"runat="server"TextMode="Password"Width="144px">
TextBox> |
| | |