留言板与天气预报模块网站开发实训.docx

资源描述

留言板与天气预报模块网站开发实训.docx

《留言板与天气预报模块网站开发实训.docx》由会员分享，可在线阅读，更多相关《留言板与天气预报模块网站开发实训.docx（30页珍藏版）》请在冰点文库上搜索。

留言板与天气预报模块网站开发实训.docx

留言板与天气预报模块网站开发实训

学号：

201240420101

《网站开发》实训报告

题目一

天气预报模块

题目二

留言板模块

教学院

计算机学院

专业

班级

（一）

姓名

指导教师

2014

年

月

日

目录1

一概述2

一.天气预报模块2

1.天气预报模块的介绍2

2.天气预报模块的要求2

二．留言板模块3

1.留言板模块的介绍3

2.留言板模块的要求3

二总体设计4

一.天气预报模块4

1.天气预报模块设计思路4

2.天气预报模块流程图4

3.实现方法以及主要技术特点6

4.天气预报模块功能介绍以及我的任务7

二.留言板模块7

1.整体思路7

2.留言板模块流程图8

3.实现方法及主要技术9

4.主要功能9

5.我所承担设计部分10

三详细设计10

一.天气预报模块10

1.具体功能10

2.重要的实验代码10

3.控件表如下15

4.实验运行截图如下15

二.留言板模块15

四网站的调试与运行结果说明18

一．天气预报模块运行结果说明18

二.留言板模块结果说明18

1.留言板数据库的设计18

2.网页实现效果19

五实训小结23

参考文献24

一概述

一.天气预报模块

1.天气预报模块的介绍

在当今时代天气预报对人类有着及其重要的作用，天气预报的服务手段也变得越来越广泛，而其有效的服务手段有：

报刊登载，电台广播，电视播送，天气电话咨询等。

此外，还通过专线电话、电传和书面等形式，为专门部门服务。

天气预报的专用收音机，是一种可随时打开收到当时的天气预报广播的收音机，在即将发生灾害性天气时，专用的气象广播电台可用一定波长的信号，使这种收音机自动开启呼叫，这样，入睡的人也能被其信号唤醒，收听到灾害性天气警报，这对及时采取预防措施提供了可能性。

气象台制作好了天气预报，就通过各种途径将天气预报向社会公布。

传播天气预报的途径主要有电视、报纸、互联网、手机短信、气象电话等。

通过互联网获取气象预报信息将是未来的趋势。

比较有名的气象预报网站有天气在线、中国天气网、中国气象台等，中国气象台网站提供全国各大城市和地区实时天气预报信息及一周天气预报预测信息。

随着计算机的发展，网上的天气预报也越来越使用平凡，所以运用ASP.NET来制作天气预报就显得很重要，天气预报模块也让人更快的制作天气预报网站。

2.天气预报模块的要求

天气预报模块在制作过程中需要运用WebService+Session+Response对象等多个对象方法。

在该任务中我们需要制作天气预报的网页，也需要穿插一些功能如星座查询等功能，当然最主要的功能是地域天气查询，以及当天的实况显示，各种指数显示，其从而构成了最简单的天气预报模块。

二．留言板模块

1.留言板模块的介绍

在过去的几年中，因特网（Internet）技术的飞速发展使万维网（World Wide Web简称Web）融会了大量的信息，带动了人类的信息化革命，给世界带来了巨大的影响，普遍的应用到通讯、导航、学术交流、文化、卫生、电子机械等方面，可谓无所不容。

正是由于Internet技术持续而飞速的发展，给人们各个方面带来了巨大变化，尤其对传统的交流方式提出了新的模式和要求，由此而诞生的网上留言板模块在Internet应用上的地位显而易见。

它已成为现代网络信息化建设中的重要组成部分，从而倍受人们的重视。

借助于留言板可以方便和朋友的联系，加强朋友之间的感情交流，可以方便的查阅各种资料，促进信息和技术的交流，还可以为用户提供一个休闲的聚会空间，以此来增加网站的人气，维持稳定数目的访问群体。

因此，本次制作的留言板模块，旨在探索寻求一种以互联网为基础的开放模式，更好地方便人们日常信息的沟通，为人们提供一个广泛学习和进行文化交流的桥梁。

2.留言板模块的要求

留言板模块在制作的过程中需要运用Response对象和XML+SQLServer等多种控件，也要调用数据库。

本留言板模块共包括用户留言、留言回复、留言查看、管理员登陆、管理留言等几个页面和数据库。

普通用户可以在留言页面进行留言，在查看留言页面查看其他用户留言，并对留言进行回复。

管理员通过登录进入管理页面，可以对普通用户的留言进行管理，定时删除过时留言。

建立数据库，用户留言及回复留言都必须写入数据库，通过调用数据库来查看留言。

管理员通过调用事先写入数据库中的登录名进入管理页面，进行对数据库中用户留言的管理。

二总体设计

一.天气预报模块

1.天气预报模块设计思路

在天气预报模块中我们的设计思路是首先设计一个天气预报主页面，从而通过这个主页面我们会看到主要的功能和附加功能。

在主要功能中，我们的首要目的是实现地域天气预报查询，在地域下拉列表中搜寻查询地域从而实现天气查询，当然也会显示天气实况。

天气的预报我们通过端口链接到天气预报中心从而得到实况天气。

2.天气预报模块流程图

在天气预报流程图中其包含功能流程图，运行流程图。

运行流程图：

图2-1运行流程图

功能流程图：

图2-2功能流程图

3.实现方法以及主要技术特点

天气预报模块的实现方法主要通过网站的链接获得详细信息，也通过运用webservice来获取天气预报。

简单的说webservice就是一些站点开放一些服务出来，也可以是你自己开发的service，也就是一些方法，通过URL，指定某一个方法名，发出请求，站点的这个服务（方法），接收请求后，根据传入的参数做一些处理，然后将处理后的结果以XML形式返回给你，你的程序就解析这些XML参数，然后显示出来或做其他操作。

例如：

很多大的站点提供有天气预报的webservice、查询某网站的数据的webservice，只要你发送请求过来，它就返回天气预报、某网站的数据，然后你把结果显示处来。

4.天气预报模块功能介绍以及我的任务

天气预报模块主要有以下功能:

城市天气查询，星座查询，当日实况显示，各种指数显示。

在整个设计中，我的任务是数据流程图，功能图的制作，以及天气预报主要网页的制作。

二.留言板模块

1.整体思路

本留言板模块共包括用户留言、留言回复、留言查看、管理员登陆、管理留言等几个页面和数据库。

普通用户可以在留言页面进行留言，在查看留言页面查看其他用户留言，并对留言进行回复。

管理员通过登录进入管理页面，可以对普通用户的留言进行管理，定时删除过时留言。

2.留言板模块流程图

图3-1功能图

图3-2留言板流程图

3.实现方法及主要技术

通过写入和调用数据库来写入留言、回复留言、查看留言及管理留言。

该模块的制作运用VS2010、SQL2008数据库，用c#语言编写脚本代码。

4.主要功能

该留言板具有的主要功能如下：

可以按照发言时间的先后顺序，留言板自动排序；友好简洁的管理界面，便于管理员维护留言板；管理员具有回复和删除留言的权限；管理员可以修改留言板页面的名称和网址以及每页显示的留言数；拥有更多留言者的信息，包括名字、地方、主页、邮箱等；普通用户可以发表留言、查看留言；具有防止留言客户非法进入管理界面功能。

5.我所承担设计部分

在该留言板模块设计过程中，我主要是实现数据库的设计以及数据库中数据的存储和查询。

三详细设计

一.天气预报模块

1.具体功能

天气模块的主要功能是查询前三天的各地天气情况，以及显示天气现况和指数显示。

通过下拉框来选取城市从而直接显示天气。

2.重要的实验代码

（1）该部分代码实现实现框架布局，使网页大体显现出来

.style1

{

font-family:

Arial,Helvetica,sans-serif;

font-size:

large;

color:

#333333;

}

.style2

{

font-size:

large;

}

.style3

{

font-size:

medium;

}

.style4

{

width:

20%;

}

.style5

{

font-size:

large;

width:

20%;

}

.style6

{

width:

28%;

}

.style7

{

width:

20%;

height:

16px;

}

.style8

{

height:

16px;

}

（2）该代码添加背景图片，改变主页字体

url（'images/背景.jpg'）">

LabelFont-Bold="True"ID="Title"runat="server"Text="国内外主要城市天气预报"

style="font-size:

xx-large;color:

#000000;font-style:

italic;"

Font-Names="华文中宋"/>

选择省份：

（3）该代码是控件DropDownList实现省份的选择

DropDownList

CssClass="style1"ID="Province"runat="server"

AutoPostBack="true"onselectedindexchanged="Province_SelectedIndexChanged">

DropDownList>

选择城市：

（4）该代码是控件DropDownList实现城市的选择

DropDownListCssClass="style1"ID="City"runat="server"AutoPostBack="true"

onselectedindexchanged="City_SelectedIndexChanged">

DropDownList>

LabelCssClass="bredfont"ID="Label8"runat="server"

Font-Size="X-Large"/>

今日实况：

（5）该处代码是Label控件，其显示今日实况的内容

LabelID="Label1"runat="server"Font-Size="Medium"/>

（6）该处代码是Label控件，其显示今日的天气预报的内容

天气预报

class="style3">（今天）:

LabelID="Label2"runat="server"Font-Size="Medium"/>

ImageAlternateText="icon"ID="Image1"ImageAlign="AbsMiddle"runat="server"/>

ImageAlternateText="icon"ID="Image2"ImageAlign="AbsMiddle"runat="server"/>

（7）该处代码是Label控件，其显示今日指数的内容

今天指数

LabelID="Label5"runat="server"Font-Size="Medium"/>

（8）该处代码是Label控件，其显示明日天气的内容

天气预报

class="style3">（明天）:

LabelID="Label3"runat="server"Font-Size="Medium"/>

ImageAlternateText="icon"ID="Image3"ImageAlign="AbsMiddle"runat="server"/>

ImageAlternateText="icon"ID="Image4"ImageAlign="AbsMiddle"runat="server"/>

（9）该处代码是Label控件，其显示后天天气的内容

天气预报

class="style3">（后天）:

LabelID="Label4"runat="server"Font-Size="Medium"/>

ImageAlternateText="icon"ID="Image5"ImageAlign="AbsMiddle"runat="server"/>

ImageAlternateText="icon"ID="Image6"ImageAlign="AbsMiddle"runat="server"/>

3.控件表如下

控件类型

控件名称

用途

Lable控件

Lable1-lable8

显示文字

DropDownList控件

Province；city

实现地点选择

Image控件

Image1-6

显示图片

表3-1控件表

4.实验运行截图如下

图3-1运行图

图3-2概念图

二.留言板模块

1.以下代码使数据库与网页建立连接

SqlConnectionsqlcon=newSqlConnection（ConfigurationManager.ConnectionStrings["connection"].ConnectionString）;

sqlcon.Open（）;

2.通过以下代码将用户留言及用户信息写入数据库

stringstrselect="select*fromtb_usertalkwhereusercontents=@usercontentsandusername=@username";

SqlCommandsqlcmd=newSqlCommand（strselect,sqlcon）;

sqlcmd.Parameters.Add（"@username",SqlDbType.VarChar）;

sqlcmd.Parameters["@username"].Value=this.TextBox1.Text.ToString（）;

sqlcmd.Parameters.Add（"@usercontents",SqlDbType.VarChar,5000）;

sqlcmd.Parameters["@usercontents"].Value=this.TextBox3.Text.ToString（）;

stringStrInsert="";

//执行查询，判断是否保存了相同的留言信息

SqlDataReaderdr=sqlcmd.ExecuteReader（）;

if（dr.Read（））

{

this.Page.RegisterStartupScript（"ss",""）;

return;

}

//关闭读操作

dr.Close（）;

//插入数据信息

StrInsert="insertintotb_usertalk（username,useremail,usercontents,talkdate,isreturn）values（@username,@useremail,@usercontents,@talkdate,0）";

SqlCommandcmd=newSqlCommand（StrInsert,sqlcon）;

//添加参数并且设置参数值

cmd.Parameters.Add（"@usercontents",SqlDbType.VarChar,5000）;

cmd.Parameters["@usercontents"].Value=this.TextBox3.Text.ToString（）;

cmd.Parameters.Add（"@username",SqlDbType.VarChar）;

cmd.Parameters["@username"].Value=this.TextBox1.Text.ToString（）;

cmd.Parameters.Add（"@useremail",SqlDbType.VarChar）;

cmd.Parameters["@useremail"].Value=this.TextBox2.Text.ToString（）;

cmd.Parameters.Add（"@talkdate",SqlDbType.VarChar,50）;

cmd.Parameters["@talkdate"].Value=DateTime.Now.ToString（）;

//执行插入数据的操作

cmd.ExecuteNonQuery（）;

sqlcon.Close（）;

3.以下代码是管理员对数据的删除

protectedvoidGridView1_RowDataBound（objectsender,GridViewRowEventArgse）

{

//如果是绑定数据行

if（e.Row.RowType==DataControlRowType.DataRow）

{

if（e.Row.RowState==DataControlRowState.Normal||e.Row.RowState==DataControlRowState.Alternate）

{

（（LinkButton）e.Row.Cells[4].Controls[0]）.Attributes.Add（"onclick","javascript:

returnconfirm（'你确认要删除该数据信息吗?

'）"）;

}

protectedvoidGridView1_SelectedIndexChanging（objectsender,GridViewSelectEventArgse）

{

LoadDatas（）;

}

protectedvoidGridView1_PageIndexChanging（objectsender,GridViewPageEventArgse）

{

GridView1.PageIndex=e.NewPageIndex;

LoadDatas（）;

}

//加载数据