WEB应用实训报告

来源:m.fanwen118.com时间:2021.10.8

《WEB技术》实训报告

题目:

专 业: 班 级: 学 号: 小组成员:

20xx年 7 月 10 日

北京联合大学实训报告

1. 系统概述

随着现代化技术的不断进步,人们发现交流的范围还是很小,不能满足更大范围人的需要,这样就出现了利用因特网在全球发布信息的留言——BBS。BBS是电子公告板(Bulletin Board System)的简称,它是最常见的Web应用系统。BBS起源于20世纪80年代,最初,留言只是用于发布公告系统,讨论问题的在线交流平台;后来,随着网络的普及,留言的功能越来越丰富,受到广大网民的欢迎。企业、学校等单位可以利用网上的留言发布公告、通知等。

在ASP.NET环境中创建一个简易的留言板网站。设已在外部SQL Server中创建了一个名为guestbook的数据库,其中包含用于存放用户留言内容的message表和用于存放用户登录数据的userinfo表。该系统采用ASP实现留言系统。在开发过程中实现了留言系统的部分管理,并且对留言的页面布局进行详细设计,使页面美观,体现所有功能;还有对系统管理页面的设计,使管理员能更方便清楚的进行用户管理、页面管理等。最后,该留言将会是一个功能强大、美观方便、畅所欲言的“公共场所”。

1)理解在ASP.NET环境中创建ASP.NET数据库应用网站的方法和常用技巧,理解ADO.NET在ASP.NET环境中的应用。

2)掌握使用DataSet、DataAdapter、DataReader等ADO.NET对象完成数据库常规操作(增、删、改、查)的一般步骤。

3)掌握ASP.NET标准控件的基本使用方法和常用属性。

4)除应用了ADO.NET包含的主要对象和GridView数据表控件外,还涉及了许多SQL查询语句,以及通过ASP.NET内置对象在不同页面间传递数据的技巧。

2. 系统概要设计

? (1)可实现登录。

? (2)可发布和查看留言。

? (3)可实现注册。

? (4)可实现密码丢失后更改密码。

-1-

北京联合大学实训报告

WEB应用实训报告

图2-1 层次功能图图

该系统的实体有:管理员信息实体、用户信息实体、留言实体、版面信息实体。实体之间的E-R图如图2-1所示。

WEB应用实训报告

图2-2实体间的关系E-R图

3. 系统详细设计

留言拥有大量的数据,这就需要对这些数据进行存储和管理建立数据库。因为当留言的在线用户很多时,就会出现“瓶颈”现象,造成阻塞,这里应该创建连接池来提高利用率。数据库建立成功后就应该进行具体的系统设计。然后,将进行留言信息页面的设计,包括主页面、发布留言相关页面等,是显示在留言页面,可以由用户(包括用户)以上级别的浏览者看到;最后,进行留言管理页面的设计,这是只能由管理员进行操作的页面,管理员会对留言进行安全、有条理的管理。

留言版面表msg: 记录所有的留言版面的信息。

后台留言配置表note:对留言的某些信息进行配置,如留言URL地址、公司名称、主页URL地址等,进行这些设置是为了尽可能最大地利用使用有限的资源,同

-2-

北京联合大学实训报告

时更有效地管理留言,对访问留言的用户量信息也有一个很好的记录。

用户表users:记录了用户的基本且必要的信息。

管理员表note_admin:记录了管理员账号、密码、回复。

WEB应用实训报告

图3-1 链接数据库

4. 系统设计实现

WEB应用实训报告

图4-1 用户登录

<html xmlns="/1999/xhtml" >

<head runat="server">

<title>无标题页</title>

<style type="text/css">

.style1

{

width: 211px;

}

.style2

{

-3-

北京联合大学实训报告

width: 98px;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<div>

<table style="height: 131px; width: 417px;" border="1">

<tr>

<td colspan="2" style="text-align: left">

<strong style="text-align: center">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 用 户 登

录</strong></td>

</tr>

<tr>

<td class="style2">

用户名</td>

<td class="style1">

<asp:TextBox ID="Username" runat="server" Width="146px"></asp:TextBox> </td>

</tr>

<tr>

<td class="style2">

密 &nbsp;&nbsp; 码</td>

<td class="style1">

<asp:TextBox ID="UserPwd" runat="server" TextMode="Password"

Width="146px"></asp:TextBox>

</td>

</tr>

<tr>

<td colspan="2" style="height: 26px">

&nbsp; &nbsp;

<asp:Button ID="Login" runat="server" OnClick="Login_Click" Text="登 录" />&nbsp;

<asp:Button ID="Register" runat="server" Text="注 册" OnClick="Register_Click" />&nbsp;

<asp:Button ID="Repassword" runat="server" Text="忘记密码"

OnClick="Repassword_Click" />&nbsp;

<asp:Button ID="Memanger" runat="server" onclick="Memanger_Click" Text="用户管理" />

</td>

</tr>

</table>

-4-

北京联合大学实训报告

</div>

<br />

<br />

<br />

</form>

</body>

</html>

WEB应用实训报告

图4-2 新用户注册

<body>

<form id="form1" runat="server">

<div style="text-align: left">

<strong><span style="font-size: 14pt">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 新用户注册</span></strong><br />

<table border="1" style="width: 467px; height: 226px; text-align: left">

<tr>

<td style="width: 486px; height: 34px;">

输入用户名</td>

<td style="width: 452px; text-align: left; height: 34px;">

<asp:TextBox ID="UserName" runat="server" Width="148px"></asp:TextBox>&nbsp; <asp:LinkButton ID="CheckName" runat="server" Font-Bold="True"

OnClick="CheckName_Click">检查用户名</asp:LinkButton></td>

</tr>

<tr>

<td style="width: 486px">

输入密码</td>

<td style="width: 452px; text-align: left">

<asp:TextBox ID="UserPwd" runat="server" TextMode="Password"

-5-

北京联合大学实训报告

Width="148px"></asp:TextBox></td>

</tr>

<tr>

<td style="width: 486px">

确认密码</td>

<td style="width: 452px; text-align: left">

<asp:TextBox ID="ReUserPwd" runat="server" TextMode="Password"

Width="148px"></asp:TextBox></td>

</tr>

<tr>

<td style="width: 486px">

密码提示的问题</td>

<td style="width: 452px; text-align: left">

<asp:TextBox ID="SecQuestion" runat="server"

Width="282px"></asp:TextBox></td>

</tr>

<tr>

<td style="width: 486px; height: 26px">

提示问题的答案</td>

<td style="width: 452px; height: 26px; text-align: left">

<asp:TextBox ID="SecAnswer" runat="server"

Width="281px"></asp:TextBox></td>

</tr>

<tr>

<td style="width: 486px">

&nbsp;</td>

<td style="width: 452px; text-align: left">

<asp:Button ID="SubmitBtn" runat="server" OnClick="SubmitBtn_Click" Text="提 交" />

<asp:Button ID="BackBtn" runat="server" Text="返 回" OnClick="BackBtn_Click" /></td>

</tr>

</table>

</div>

<br />

<br />

</form>

</body>

</html>

-6-

北京联合大学实训报告

WEB应用实训报告

图4-3 用户管理

<body>

<form id="form1" runat="server">

<div style="width: 517px">

<table border="1" class="style1">

<tr>

<td class="style2" colspan="2">

用户管理</td>

</tr>

<tr>

<td>

用户名:</td>

<td class="style3">

<asp:DropDownList ID="UserNameDrop" runat="server"

DataSourceID="SqlDataSource1" DataTextField="u_name" DataValueField="u_name"

Height="16px" Width="125px">

</asp:DropDownList>

</td>

</tr>

<tr>

<td>

新密码:</td>

<td class="style3">

<asp:TextBox ID="NewPassword" runat="server" TextMode="Password" Width="120px"></asp:TextBox>

</td>

</tr>

<tr>

-7-

北京联合大学实训报告

<td>

确认新密码:</td>

<td class="style3">

<asp:TextBox ID="ReNewPassword" runat="server"

TextMode="Password" Width="120px"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Button ID="DelUser" runat="server" onclick="DelUser_Click" Text="执行删除" />

</td>

<td class="style3">

<asp:RadioButtonList ID="DelSelect" runat="server"

RepeatDirection="Horizontal">

<asp:ListItem Selected="True">仅删除用户</asp:ListItem>

<asp:ListItem>删除用户和留言</asp:ListItem>

</asp:RadioButtonList>

</td>

</tr>

<tr>

<td colspan="2" style="text-align: left">

<asp:Button ID="ChangePwd" runat="server" onclick="ChangePwd_Click" Text="修改密码" />

&nbsp;&nbsp;&nbsp;

<asp:Button ID="BackHome" runat="server" onclick="BackHome_Click" Text="返回主页" />

</td>

</tr>

</table>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:guestbookConnectionString2 %>"

SelectCommand="SELECT [u_name] FROM [userinfo]"></asp:SqlDataSource>

</div>

</form>

</body>

-8-

北京联合大学实训报告

WEB应用实训报告

图4-4 恢复遗忘的密码

<body>

<form id="form1" runat="server">

<div>

<table border="1" style="width: 441px; height: 208px">

<tr>

<td colspan="3" style="text-align: center">

<strong>恢复遗忘的密码</strong></td>

</tr>

<tr>

<td colspan="3" style="height: 28px">

你的用户名是:<asp:Label ID="UserNameLab" runat="server"></asp:Label></td> </tr>

<tr>

<td colspan="3">

请回答下列问题,该问题是你在注册时填写的:</td>

</tr>

<tr>

<td colspan="3" style="height: 28px">

<asp:TextBox ID="Question" runat="server" Width="361px"

ReadOnly="True"></asp:TextBox></td>

</tr>

<tr>

<td colspan="3" style="height: 28px">

该问题的答案是:</td>

</tr>

<tr>

<td colspan="3">

-9-

北京联合大学实训报告

<asp:TextBox ID="Answer" runat="server" Width="245px"></asp:TextBox> &nbsp;

<asp:Button ID="SubmitBtn" runat="server" OnClick="SubmitBtn_Click" Text="提 交" />&nbsp;<asp:Button

ID="BackBtn" runat="server" OnClick="BackBtn_Click" Text="返 回" /></td> </tr>

<tr>

<td colspan="3" style="height: 72px">

<asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px"> <table style="width: 362px">

<tr>

<td style="width: 150px; height: 28px">

请输入新密码:</td>

<td style="width: 100px; height: 28px; text-align: left;"> 确认新密码:</td>

<td style="width: 107px; height: 28px">

</td>

</tr>

<tr>

<td style="width: 150px">

<asp:TextBox ID="NewPwd" runat="server" TextMode="Password" Width="131px"></asp:TextBox></td>

<td style="width: 100px">

<asp:TextBox ID="ReNewPwd" runat="server" TextMode="Password" Width="131px"></asp:TextBox></td>

<td style="width: 107px">

<asp:Button ID="UpdateBtn" runat="server"

OnClick="UpdateBtn_Click" Text="更新密码" /></td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

</div>

<br />

<br />

<br />

</form>

</body>

-10-

北京联合大学实训报告

WEB应用实训报告

图4-5 查看留言

<body>

<form id="form1" runat="server">

<div>

<table border="1" style="width: 711px">

<tr>

<td style="text-align: center" colspan="2">

<span style="font-size: 14pt; color: #0000ff"><strong>查看留言

</strong></span></td>

</tr>

<tr>

<td class="style1">

&nbsp;</td>

<td class="style2">

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="638px">

<Columns>

<asp:BoundField DataField="m_user" HeaderText="留言人" />

<asp:BoundField DataField="m_content" HeaderText="留言内容" /> <asp:BoundField DataField="m_time" HeaderText="时间" /> </Columns>

</asp:GridView>

&nbsp;</td>

</tr>

<tr>

<td style="text-align: center" colspan="2">

-11-

北京联合大学实训报告

<span style="font-size: 14pt; color: #0000ff"><strong>发表留言

</strong></span></td>

</tr>

<tr>

<td style="text-align: center" class="style7">

留言人</td>

<td class="style2">

<asp:Label ID="UserNameLab" runat="server"></asp:Label></td>

</tr>

<tr>

<td class="style3">

&nbsp;</td>

<td class="style4">

<asp:TextBox ID="MsgTextBox" runat="server" Height="71px" TextMode="MultiLine" Width="378px"></asp:TextBox>&nbsp;</td>

</tr>

<tr>

<td class="style5">

&nbsp;</td>

<td class="style6">

&nbsp;<asp:Button ID="Submit" runat="server" OnClick="Submit_Click" Text="提 交" />&nbsp;

<asp:Button ID="Cancel" runat="server" OnClick="Cancel_Click" Text="注 销" />&nbsp;

<asp:Button ID="Quit" runat="server" OnClick="Quit_Click" Text="退 出" />&nbsp;</td>

</tr>

</table>

</div>

<br />

<br />

</form>

</body>

-12-

北京联合大学实训报告

WEB应用实训报告

图4-6 系统登录

5. 系统测试

在页面的后台的登录入口中输入用户名admin,密码admin,登录后台管理系统,管理员可以注册用户,填写用户信息,然后就可以拥有用户身份。

在调试过程中,系统可能会出现一些错误,下面就常见的问题予以指出与解决。

(1)出现数据库创建错误。错误原因:数据库没有创建。解决方法:运行SQL 2005, 创建guestbook文件, 并按照前文所述设计表格。并建立的用户、密码,然后修改对应的配置文件。当所有的数据库准备工作完成以后,再输入以上的地址,进行数据库连接的测试。如果配置的数据库连接的配置参数按照以上的说明进行,此步骤正确。数据库连接测试成功后。最后对部分数据进行数据的初始化,以使系统在启动后能正常运行。完成后,数据库的连接问题解决了。

(2)在系统安装结束后,在登录输入数据时出现访问页面错误。错误原因:数据库没有成功链接。解决方法:配置数据源,将网页与数据库链接。

WEB应用实训报告

-13-

北京联合大学实训报告

WEB应用实训报告

图5-1、2 系统测试

6. 总结报告

经过一段时间的设计,系统基本完毕。其功能基本符合需求,能够完成信息的发布和查询。但是由于时间较短,所以该系统还有许多不尽如人意的地方,比如用户界面不够美观,出错处理不够等多方面问题,这些都有待进一步改善。

该系统设计过程中,将管理员管理和用户登录的入口都放在主页面上,使得系统管理员能对留言进行通用化管理。根据需求分析所得到的管理员管理的扩展功能使留言管理与使用更加方便和人性化。

参考文献

孙士保 张瑾编著.ASP.NET数据库网站设计教程.电子工业出版社,20xx年。

2011.7.10

-14-

更多类似范文
┣ 软件实习总结报告 5300字
┣ 实习总结报告结构(1) 2100字
┣ 用友ERP沙盘模拟培训的总结 4100字
┣ 实验报告 5800字
┣ 更多用友实训报告
┗ 搜索类似范文