ASP博客网站研发设计方案研究报告.docx
- 文档编号:27725219
- 上传时间:2023-07-04
- 格式:DOCX
- 页数:10
- 大小:426.51KB
ASP博客网站研发设计方案研究报告.docx
《ASP博客网站研发设计方案研究报告.docx》由会员分享,可在线阅读,更多相关《ASP博客网站研发设计方案研究报告.docx(10页珍藏版)》请在冰豆网上搜索。
ASP博客网站研发设计方案研究报告
asp个人网站设计报告
班级:
计本08-2班
姓名:
小饶
学号:
3081817223
指导老师:
某某某
目录
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""">
--
*{
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>