web课程设计.docx

1、web课程设计河南城建学院课程设计报告书专 业：信息管理与信息系统 课程设计名称：web技术设计与开发题 目：精品课程之在线交流班 级：设 计 者：同 组 人 员:指 导 老 师：完 成 时 间：2011-6-17摘要为贯彻落实党的十六大精神，实践三个代表重要思想，切实推进教育创新，深化教学改革，促进现代信息技术在教学中的应用，共享优质教学资源，进一步促进教授上讲台，全面提高教育教学质量，造就数以千万计的专门人才和一大批拔尖创新人才，提升我国高等教育的综合实力和国际竞争能力，教育部决定在全国高等学校(包括高职高专院校)中启动高等学校教学质量与教学改革工程精品课程建设工作(以下简称精品课程建设)

2、。现将有关事宜通知如下： 【关键词】：精品课程 科研与教学 学习目录一、设计内容和要求 31.1 设计内容 31.2 要求 3二、功能设计 32.1 功能概要 32.2 功能详细设计 4三、数据库设计 43.1引入背景 43.2数据库需求分析 43.3数据库逻辑结构设计 53.4数据库各表之间联系 73.5数据库各表之间联系 9四、代码编写 94.1 数据库连接 94.2管理员登录 104.3用户发帖 114.4管理员删除帖子功能 124.5 管理员回复功能 134.6验证码代码 144.7留言板浏览代码 15五、测试情况 185.1 首页 185.2 用户发帖界面 195.3管理员登陆界面

3、205.4管理员回复界面 215.5管理员删除界面 21六、总结 22七、参考文献 22一、设计内容和要求1.1 设计内容网站功能：该选题主要功能为精品课程的子模块-辅导答疑：以实现跟浏览者的一种互动，对浏览者的疑问予以交流解答。具体功能要求如下： 实现管理员登陆和普通用户的登陆和注册功能，进行信息修改和密码维护。 在进行登陆时防止网页被恶意刷新提交记录。即需要有一个验证码的功能！ 实现用户留言功能。用户在页面上可以填写咨询的主题，邮件和咨询或意见的内容。 在填写咨询内容的页面上能有一个列表页面展示以前咨询者的提问。 用户可以查询浏览相关外网新闻。后台管理： 管理员在后台对这些咨询的记录有管理

4、权限，可以进行删除。 管理员在后台能对所提交的问题，进行回答，并将回答后的内容展示在页面上。 发帖可以进行分类管理。1.2 要求基本要求：1） 要求利用的编程思想及组件开发来完成系统的设计。2） 前台界面的设计以Dreamweaver等工具实现，后台逻辑功能代码采用C#编写。3） 体现可视化编程基本东西，如系统自带菜单、工具栏、转太烂以及一些常用的高级控件。4） 利用后台数据库的设计，实现数据的导入导出。5） 进一步掌握在集成环境（IDE）下如何调试程序，及开发项目的安装部署。二、功能设计2.1 功能概要在精品课程之在线交流网站上实现浏览者的发帖，管理员跟浏览者的一种互动，对浏览者的疑问予以交

5、流解答。 前台显示留言信息 访客发布留言 管理员登陆 管理员对留言板的管理-删除留言、回复留言 显示修改后的提示信息2.2 功能详细设计 前台显示留言信息1. 查询数据库留言信息表后、经过DataLists 格式化输出所有留言信息2. 再跟DataLists添加数据源前对输出的信息进行分页显示 访客发布留言1. 访客浏览留言信息后可发布自己的留言信息 管理员登陆3. 要对留言信息进行删除、回复首先要进行登陆 管理员留言板的管理-删除留言、回复留言1. 获得管理员权限后方可对留言信息回复和删除的管理 显示修改后的提示信息2. 访客发布留言成功后，提示信息发布成功与否，方可返回首页进行查看3. 管

6、理员删除、回复留言后，提示信息操作成功与否, 方可返回首页进行查看三、数据库设计3.1引入背景精品课程之在线交流是一个数据库应用系统，将提交以及管理员的所有信息都保存在数据库中。数据库结构设计是精品课程之在线交流数据库应用系统开发过程中一个非常重要的环节，设计的好坏将直接对所开发的人事管理信息系统的效率以及实现的效果产生影响。好的数据库结构设计会减少数据库的存储量，数据的完整性和一致性比较高，系统具有较快的响应速度，简化基于此数据库的应用程序的实现等等。数据库结构设计主要就是要设计好数据库中各个表的结构，包括信息保存在哪些表格中、各个表的结构如何以及各个表之间的关系。由于数据库设计的重要性，人

7、们提出了许多数据库结构设计的技术。3.2数据库需求分析数据库需求分析是数据库结构设计的第一个阶段，也是非常重要的一个阶段。在这个阶段主要工作是收集基本数据以及数据处理的流程，为以后进一步设计一打下基础。需求分析主要解决两个问题：:. 内容要求。调查应用系统用户所需要操作的数据，决定在数据库中存储什么数据。 处理要求。调查应用系统用户要求对数据库进行什么样的处理，理清数据库中各种数据之间的关系。在数据库需求分析后，得到一个数据字典文档，包括3方面内容。.数据项。包括名称、含义、类型、取值范围、长度以及和其他数据项之间的逻辑关系。.数据结构。若干个数据项的有意义的集合，包括名称、含义以及组成数据结

8、构的数据项。.数据流。指数据中数据的处理过程，包括输入、处理和输出。3.3数据库逻辑结构设计概念结构是独立于实际数据模型的信息结构，必须将其转化为逻辑结构后才能进行数据库应用的设计。也就是要将概念上的结构转化为BP数据库系统所支持的实际数据模型。 精品课程之在线交流数据库中各个表格的设计结果如下面的四个表所示。每个表表示数据库中的一个表。post表E-R图Reply表E-R图adminInfo表E-R图各个实体的联系如下：3.4数据库各表之间联系用户留言信息表设计管理员登陆信息表设计及详细信息发帖表设计及初始值内容回复表设计及初始内容3.5数据库各表之间联系四、代码编写4.1 数据库连接连接数

9、据库：using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;/ / DB 的摘要说明/ public class DB public DB()

10、/ / TODO: 在此处添加构造函数逻辑 / public static string Num; public static SqlConnection getConnection() return new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStringsConnectionString.ConnectionString); 4.2管理员登录using System;using System.Data;using System.Configuration;using System.Collect

11、ions;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;public partial class CheckLogin : System.Web.UI.Page protected void Page_Load(object sender, Event

12、Args e) if (!Page.IsPostBack) protected void Button1_Click(object sender, EventArgs e) string userName = this.TextBox1.Text; string userPwd = this.TextBox2.Text; SqlConnection conn = DB.getConnection(); SqlCommand cmd = new SqlCommand(select count(*) from dbo.adminInfo where userName = + userName +

13、and userPwd = + userPwd + , conn); conn.Open(); int count = (int)cmd.ExecuteScalar(); conn.Close(); if (count 0) SessionAdmin = userName; Response.Redirect(ShowInfo.aspx?info= + Server.HtmlEncode(欢迎进入！) + ); else Response.Redirect(ShowInfo.aspx?info=+ Server.HtmlEncode(对不起！用户名或者密码错误！请确认后重新登陆！)+); pr

14、otected void Button2_Click(object sender, EventArgs e) this.TextBox1.Text = ; this.TextBox2.Text = ; this.TextBox1.Focus(); 4.3用户发帖 using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.We

15、bControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;public partial class Post : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!Page.IsPostBack) protected void Button1_Click(object sender, EventArgs e) string us

16、erName = this.TextBox1.Text; string Sex = null; string imageAddress = null; if (this.RadioButton1.Checked = true) Sex = 男; imageAddress = boy.gif; else Sex = 女; imageAddress = girl.gif; string QQ = this.TextBox2.Text; string Email = this.TextBox3.Text; string Content = this.TextBox4.Text; SqlConnect

17、ion conn = DB.getConnection(); SqlCommand cmd = new SqlCommand(insert into guestInfo(userName,Sex,QQ,Email,Content,ImageAddress) values( + userName + , + Sex + , + QQ + , + Email + , + Content + , + imageAddress + ), conn); conn.Open(); int count = cmd.ExecuteNonQuery(); conn.Close(); if (count 0) R

18、esponse.Redirect(ShowInfo.aspx?info= + Server.UrlDecode(发布成功！) + ); else Response.Redirect(ShowInfo.aspx?info= + Server.UrlDecode(发布失败！) + ); protected void Button2_Click(object sender, EventArgs e) this.TextBox1.Text = ; this.RadioButton1.Checked = true; this.TextBox2.Text = ; this.TextBox3.Text =

19、; this.TextBox4.Text = ; this.TextBox1.Focus(); 4.4管理员删除帖子功能/删除业务处理 if (e.CommandName = del) if (SessionAdmin = null) Response.Redirect(ShowInfo.aspx?info=+Server.HtmlEncode(对不起！只有管理员才有此权限！如果你是管理员请登陆！)+); else int ID = Convert.ToInt32(e.CommandArgument); /Response.Write(alert(+ID+); SqlConnection co

20、nn = DB.getConnection(); SqlCommand cmd = new SqlCommand(delete from guestInfo where ID = + ID + , conn); conn.Open(); int count = cmd.ExecuteNonQuery(); conn.Close(); if (count 0) Response.Write(alert(删除成功！); this.DandData(); protected void DataList1_ItemDataBound(object sender, DataListItemEventAr

21、gs e) /确认是否删除，友好性 LinkButton lbtdel = e.Item.FindControl(lbtdel) as LinkButton; if (lbtdel != null) lbtdel.Attributes.Add(onclick, return confirm(你确认删除该条记录！); 4.5 管理员回复功能 /回帖业务处理 if (e.CommandName = Reply) int ID = Convert.ToInt32(e.CommandArgument); if (SessionAdmin = null) Response.Redirect(ShowIn

22、fo.aspx?info= + Server.HtmlEncode(对不起！只有管理员才有此权限！如果你是管理员请登陆！) + ); else Response.Write(alert( + ID + ); Response.Redirect(Reply.aspx?ID= + Server.HtmlEncode(ID.ToString() + ); using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using System.Web.Securit

23、y;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;public partial class Post : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!Page.IsPostBack) protected void btnSumi

24、t_Click(object sender, EventArgs e) string ID = Request.QueryStringID; /Response.Write(alert( + ID + ); SqlConnection conn = DB.getConnection(); SqlCommand cmd = new SqlCommand(update dbo.guestInfo set Reply = + this.txtContent.Text + where ID = + int.Parse(ID) + , conn); conn.Open(); int count = cm

25、d.ExecuteNonQuery(); conn.Close(); if (count 0) /Response.Write(alert(回复成功！); /Page.ClientScript.RegisterStartupScript(this.GetType(), StartUp, alert(回复成功！); Response.Redirect(ShowInfo.aspx?info= + Server.HtmlEncode(回复成功！) + ); else Response.Redirect(ShowInfo.aspx?info= + Server.HtmlEncode(回复失败！) +

26、); 4.6验证码代码protected void Page_Load(object sender, EventArgs e) / 创建一个包含随机内容的验证码文本 System.Random rand = new Random(); int len = rand.Next(4 , 6 ); char chars = 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ.ToCharArray(); System.Text.StringBuilder myStr = new System.Text.StringBuilder(); for( int iCount = 0 ;

27、 iCount len ; iCount + ) myStr.Append( chars rand.Next( chars.Length ); string text = myStr.ToString(); / 保存验证码到 session 中以便其他模块使用 this.Sessioncheckcode = text ; Size ImageSize = Size.Empty ; Font myFont = new Font(MS Sans Serif , 20 ); / 计算验证码图片大小 using( Bitmap bmp = new Bitmap( 10 , 10 ) using( Gr

28、aphics g = Graphics.FromImage( bmp ) SizeF size = g.MeasureString( text , myFont , 10000 ); ImageSize.Width = ( int ) size.Width + 8 ; ImageSize.Height = ( int ) size.Height + 8 ; / 创建验证码图片 using( Bitmap bmp = new Bitmap( ImageSize.Width , ImageSize.Height ) / 绘制验证码文本 using( Graphics g = Graphics.FromImage( bmp ) g.Clear( Color.White ); using( StringFormat f = new StringFormat() f.Alignment = StringAlignment.Near ; f.LineAlignment =