个人博客设计报告
软件需求说明书
1、 引言
a) 编写目的
对ASP.NET网页设计有个大概的理解和运用,能掌握一些简单的网页制作方法。熟悉C#语言。
b) 背景
软件名称:个人博客。胶原蛋白排行榜
2、 正文
用户登录博客后,可以查看个人资料;可以查看已经发表过的文章和评价;可以发表新的文章和新的评论;可以修改文章的内容;还可以删除文章和评论。
该博客使用固定的用户名和密码,用户名为:admin;密码为admin。
该博客除了上述功能外,我们还可以添加其他功能,如:
(1)、添加留言板,更多的和读者交流;
(2)、添加音乐盒,让你在更新你的个人博客的同时聆听音乐;
(3)、添加最近访问人的名单,告诉你最近有几个人访问了你的个人博客;
(平安夜各种暖心话4)、为每个文章添加相关文章,方便其他读者进行链接阅读;
(5)、相册,用于存放相片等。
3、 任务概要
a) 目标
提供用户一个简单的博客,能够实现发布文章、修改文章和删除文章;还有能够实现对文章的评价以及删除评价等功能。
b) 约束
对发表文章进行约束,只有登录后才能进行发表文章和查看个人资料;对用户输入的Email进行约束,当用户所输入的Email格式不正确时提醒用户。
c) 绑定
将数据信息存入数据库中,在博客上用代码将表格与数据库的信息进行绑定,用以实现数据的显示功能。
4、 需求规定
a) 功能
该博客的主要功能有:用户登录、发表文章、修改或删除文章、发表评价、删除评价等。
[1]:登录个人博客的账号和密码是固定的,其用户名为:admin,密码为:kgma转mp3admin。
[2]:只有登录博客后才可以对该博客进行文章的添加和修改。
[3]:不论是否登录博客,都可以对文章进行评价,但是要删除评价只能登录博客后才能进行。
[4]:个人信息的显示只有登录博客后才能看到。
b) 基本数据
i. 文章的主要数据类型
数据库中文章所在表的名称为:Notes。
文章ID: NoteID 数字类型(自动编号)
文章标题: Title 文本类型
文章内容: Contents 备注类型
张贴时间: DataTime 日期/时间类型
ii. 评价的主要数据类型
数据库中评价所在的表的名称为:Comments。
评价ID: CommentID 数字类型(自动编号)
对应文章ID: NoteID 数字类型
游客名称: Author 文本类型
Email地址: Email 文本类型
评价内容: Comment 备注类型
发布时间: DataTime 日期/时间类型
c) 灵活性
该博客的灵活性良好,其基本功能都能在同一个网页上执行,步骤简单。当用户未登录博客时,能提醒用户登录后可以查看个人资料,还可以进行更多的管理。当用户输入的Email
地址有误时,会提示用户输入正确的Email地址。
d) 输出方式
该博客需要在IE6以上的浏览器使用。
5、 开发环境规定
个人博客运用Microsoft Visual Studio 2005编写,其数据库使用ACCESS。
使用说明书
1、 编辑软件
该博客使用的编辑软件是Microsoft Visual Studio 2005。
2、 数据库
该博客使用的数据库是ACCESS。
3、 路径
请将文件夹1080417435放在该路径F盘,使文件中数据库的路径为:F:\1080417435\Blog\App_Data\Blog.mdb
或则将文件多媒体是什么意思fig中的Data Source的路径改成数据库所在的位置的路径。
4、 密码
使用博客是请打开登录网页Login.aspx,用户名和密码都为:admin。
概要设计说明书
1、 引言
a) 编写目的
对ASP.NET网页设计有个大概的理解和运用,能掌握一些简单的网页制作方法。熟悉C#语言。
b) 背景
软件名称:个人博客。
2、 总体设计
a) 需求规定
该博客的主要功能有:用户登录、发表文章、修改或删除文章、发表评价、删除评价等。
文件夹权限[1]:登录个人博客的账号和密码是固定的,其用户名为:admin,密码为:admin。
[2]:只有登录博客后才可以对该博客进行文章的添加和修改。
[3]:不论是否登录博客,都可以对文章进行评价,但是要删除评价只能登录博客后才能进行。
[4]:个人信息的显示只有登录博客后才能看到。
b) 运行环境
个人博客运用Microsoft Visual Studio 2005编写,其数据库使用ACCESS。
c) 基本设计概念和处理流程
根据其需求规定先建立数据库,在根据数据库和需求规定进行编写网页。
i. 登录系统:
判断用户名和密码是否正确。如不正确,提示用户并让用户重新登录。如果正确,登录到博客主页面,并提供用户显示个人资料、添加、修改、删除文章和评价等功能。
ii. 发表文章
用户只有在登录成功后才可以发表文章。发表的文章必须输入标题,如果没有输入,则提示用户标题不能为空,让用户重新输入。
iii. 修改文章
用户只有在登录成功后才可以对文章进行修改和删除。在删除文章时,其对应的评价一并删除。
iv. 发表评价
发表评价在登录前和登录后都能进行评价,评价是必须输入游客名,如游客名为空,则提示用户游客名不能为空,让用户重新输入。
3、 设计和运行结果
a) 登录
i. 新建一个网页命名为 Login.aspx 。在主界面插入一个层,并添加背景图片。
ii. 在层内插入4行2列的表格,添加文字和文本使其显示如下图登录界面:
用户名文本ID为:boxcontent;
密码文本ID为Password,类型为TextMode="Password";
Cookie标签2寸照片多大ID为Persistent,类型CssClass="boxcontent",其功能为保存用户名。
按钮登录ID为LoginUser,行为OnClick="LoginUser_Click"。
iii. 在表格下方添加一个Lable,内容为“用户名或者密码不正确,请重新登录!”。文本颜红,不可见。其属性为:ID="InvalidLogin"、ForeColor="Red" 、Visible="False"。
iv. 在代码文件Login.aspx.cs中添加代码如下控制登录:
protected void Page_Load (object sender, EventArgs e) {
if (!IsPostBack)
if (Request.Params["logout"] == "true")
FormsAuthentication.SignOut ();
}
protected void LoginUser_Click (object sender, EventArgs e) {
// 检查用户名和密码
if (FormsAuthentication.Authenticate (UserName.Text, Password.Text)) {
// 如果检查通过,保存Cookie
FormsAuthentication.SetAuthCookie (UserName.Text, Persistent.Checked);
// 重定向到Default.aspx
Response.Redirect ("Default.aspx", true);
}
else
InvalidLogin.Visible = true; //登录失败显示Lable
}
v. 登录界面
vi. 登录的控制
在fig文件中可以设置登录的用户名和密码,其代码如下:
<customErrors mode="RemoteOnly"/>
<authentication mode="Forms">
<forms name="Blog" loginUrl="Login.aspx" protection="All" timeout="60">
<credentials passwordFormat="Clear">
<user name="admin" password="admin"/>
</credentials>
</forms>
</authentication>
在该文件中还需定义数据库的位置,即将Data Source的路径改成数据库所在的位置的路径。
b) 主界面
登录成功后则进入主界面。主界面的设计包括博客标题,个人资料,日历,登录、退出按钮的设计等。先给主界面添加一个5*3的表格,使其构成一个框架。
i. 博客标题
将第一行合并单元格,添加背景图片后,在添加两个文本按钮“登录”和“退出”。对齐格式为右对齐。
两个文本按钮的代码如下:
<asp:HyperLink ID="HyperLink_Login" runat="server" NavigateUrl = "~/Login.aspx" >登录</asp:HyperLink>
<asp:HyperLink ID="HyperLink_Logout" runat="server" NavigateUrl = "~/Login.aspx?logout=true">退出</asp:HyperLink>
在代码文件Default.aspx.cs文件中添加代码控制这两个文本按钮:
protected void SetVisible(bool IsMasterLogined)
{
HyperLink_Login.Visible = !IsMasterLogined;
HyperLink_Logout.Visible = IsMasterLogined;
}//控制登录按钮在用户未登录是显示,退出按钮在用户登录后显示。
将第二行合成单元格,添加背景图片和文本标题。其结果为:
ii. 个人资料
个人资料与登录、退出文本按钮一样,在用户登录前,显示的是文本提示“登录后可查看个人资料,还可以进行更多管理”,用户登录后显示个人资料,其代码同上在文件Default.aspx.cs的protected void SetVisible(bool IsMasterLogined)中添加:
HyperLink_DngAn.Visible = IsMasterLogined;//个人资料
发布评论