个人网页设计与开发剖析

1、河北软件设计与编程实践课程设计报告-个人网页设计与开发班级：姓名： 学号：指导教师： 目 录第1章 引言11.1 开发背景以及课题意义1第2章 系统分析22.1 游客观赏模块功能22.2 管理员管理模块功能22.3 系统运行环境及技术2第3章 系统设计33.1 系统总体设计33.2 系统模块设计33.2.1 游客观赏模块33.2.2 管理员管理模块功能43.3 数据库设计43.3.1 数据库总体设计53.3.2 数据库的详细设计5第4章 系统实现74.1 数据库连接74.2 游客模块的实现74.2.1 登录验证模块74.2.1 游客浏览模块94.3 管理员模块的实现104.3.1 登录验证模块

2、104.3.2 管理员管理模块11第5章 结论12参考文献13此处写题目第1章 引言个人网页设计在我的社会中应用很广，随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在Internet上表现出其及其重要的地位，并发挥着其及其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台，保护自己的网络资源并在

3、互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人Web页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。1.1 开发背景以及课题意义随着经济社会的发展，计算机已经被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通讯桥梁连接着全球的计算机，而网站作为网络信息的主要表现

4、形式而且还是互联网信息的主要策划主要承载者，在internet上表现着极其重要的地位，发挥着极其重要的作用。经过本学期对web设计基础这门课课程的学习，对web设计以及相关代码的使用已经有了深入地了解，个人网页设计与开发就运用web设计使用。网页实际是一个文件，他存放在世界某一个角落某一个计算机中而这台计算机必须与互联网相连的。在进行动态网络制作的过程中，通常使用ASP来完成，由于ASP使用方便，操作简单，很多网页设计者一直使用ASP，ASP相对于其他网页制作来说易学易懂，同时配合数据库的操作，是个人网站有更好的网络平台和交互性。在我们的工作、日常生活中，能够拥有一个自己的网站，已经成为不少人

5、的骄傲与希望，这个课题的研究就是因为个人网站。在突出了自己的风格和特点时，还应用了现在流行的网站设计和数据库技术。第2章 系统分析在我的人个人页面设计上设有登录界面，其中有管理员登录、游客登录。在我的管理员登录中，管理员可以对自己的个人页面进行管理，管理自己的个人信息，可以修改删除自己的个人信息。管理自己的相册，上传、删除自己的相册并在表中显示出来。管理自己的日志，可以添加、删除、更改自己的日志。管理自己的说说，发表自己一天中的看法想法，也可以对自己的说说进行更改删除，也可以回复别人对你的说说的评价。管理自己的留言板，留言板是他人对你的留言，你可以删除、回复留言板的内容。在我的游客登录界面上，

6、游客可以进行账号注册，登陆后进入我的个人页面网站界面。该网站是用母版页做的，添加了背景音乐。游客可以查看我的个人信息资料、我的相册、我的日志文件、我的说说并且可以回复，在我的留言板中为我自己留言发表自己的观点。游客登录不能修改任何东西，可以评论。2.1 游客观赏模块功能在游客登录界面上，游客可以进行账号注册，登陆后进入我的个人页面网站界面。该网站是用母版页做的，添加了背景音乐。游客可以查看我的个人信息资料、我的相册、我的日志文件、我的说说并且可以回复，在我的留言板中为我自己留言发表自己的观点。游客登录不能修改任何东西，可以评论。2.2 管理员管理模块功能在管理员登录中，管理员可以对自己的个人页

7、面进行管理，管理自己的个人信息，可以修改删除自己的个人信息。管理自己的相册，上传、删除自己的相册并在表中显示出来。管理自己的日志，可以添加、删除、更改自己的日志。管理自己的说说，发表自己一天中的看法想法，也可以对自己的说说进行更改删除，也可以回复别人对你的说说的评价。管理自己的留言板，留言板是他人对你的留言，你可以删除、回复留言板的内容。2.3 系统运行环境及技术1、采用C#语言、SQL server 2008数据库、ADO.net 连接数据库技术。2、开发环境 开发工具：Microsoft Visual Studio 2010操作系统：Windows 7数据库工具：Microsoft SQL

8、 Server 2008开发语言：C#第3章 系统设计3.1 系统总体设计3.2 系统模块设计3.2.1 游客观赏模块已有账号游客可以直接登录，没有的可以注册后登陆。游客登录后，选择该模块负责对用户个人信息的查看，游客可以查看我的个人信息资料、我的相册、我的日志文件、我的说说并且可以回复，在我的留言板中为我自己留言发表自己的观点。游客登录不能修改任何东西，可以评论。如图4.3 游客观赏模块游客登录 游客查看我的界面游客注册3.2.2 管理员管理模块功能管理员登录在管理员登录中，管理员可以对自己的个人页面进行管理，管理自己的个人信息，可以修改删除自己的个人信息。管理自己的相册，上传、删除自己的相

9、册并在表中显示出来。管理自己的日志，可以添加、删除、更改自己的日志。管理自己的说说，发表自己一天中的看法想法，也可以对自己的说说进行更改删除，也可以回复别人对你的说说的评价。管理自己的留言板，留言板是他人对你的留言，你可以删除、回复留言板的内容。 管理个人日志管理个人说说管理个人相册管理个人档3.3 数据库设计数据库的设计是整个网络购物系统的核心，是非常重要的一部分，它的正确与否直接影响整个设计的好与坏，从数据库的选择到如何建立表都是非常关键的。系统采用SQL Server 2008作为后台数据库。在SQL Server 2008中新建一个名为“个人信息表”的数据库，在数据库中创建数据表，共创

10、建6个表，并设置各段属性，以下介绍各个表的结构。3.3.1 数据库总体设计本系统为基于ASP.NET的在线购物系统，所有数据都存放在数据库的表中。表3.1为本系统所涉及到的数据表。表3.1 数据表列表表名功能及属性个人信息表存放个人信息(姓名，年龄，性别，民族，星座，出生年月，联系电话，家庭住址，个性签名，爱好，邮箱)留言板存放留言板信息(留言内容，用户名，评论内容)日志存放日志信息(日志内容)说说存放说说信息(主题，内容，评论内容，回复内容，用户名)相册存放相册信息(图片)用户表存放用户细信息(用户名，密码)3.3.2 数据库的详细设计本数据库一共涉及6张表，各表详细信息如下所述。1. 个人

11、信息表：该表中存放个人的所有信息，该表字段及其类型定义如表3.2所示。表3.2 商品信息表(goods)字段名字段类型可否为空描述姓名Char(10)Not Null个人（主键）年龄Char(10)NULL个人信息的年龄性别Char(2) Null性别民族Char（10）Null文化习俗星座Char（10）Null星座出生年月Char（10）Null出生年月日期联系电话Char（10）Null个人电话家庭住址Char（10）Null家庭地理位置个性签名Varchar（30）Null个人的观点爱好Char（10）NULL个人爱好邮箱Char（10）NULL个人邮箱2. 留言表：该表中存放留言信息

12、，该表字段及其类型定义如下表字段名字段类型可否为空描述留言内容Char（50）Not Null留言信息（主键）用户名Char（10）Null留言的用户名评论内容Char (50)Null管理员评论的内容3. 日志表：该表中存放发表的日志信息，该表字段及其类型定义如下表字段名字段类型可否为空描述日志内容 Char（50）Not Null发表的日志内容（主键）4. 说说表：该表中存放发表的说说信息，该表字段及其类型定义如下表字段名字段类型可否为空描述主题Char（50）Not Null发表的面向的观点（主键）内容Char（100）Null说说中的内容评论内容Char（100）Null用户评论的内容

13、回复内容Char（100）Null管理员回复的内容用户名Char（100）Null评论用户的用户的名5. 相册表：该表中存放相册图片信息，该表字段及其类型定义如下表字段名字段类型可否为空描述图片Char（10）Not Null图片的名字（主键）6. 用户表：该表中存放用户游客信息，该表字段及其类型定义如下表字段名字段类型可否为空描述用户名Char（10）Not Null用户的名称（主键）密码Char（10） Null用户名的密码第4章 系统实现4.1 数据库连接系统使用Microsoft SQL Server 2008作数据库。在数据库进行连接时，使用数据库连接对象Connection（）通过

14、数据库连接字符串连接到数据库。具体连接数据库的代码实现如下：（1）在Web.config中定义数据库连接字符串：（2）在需要连接数据库的类中添加命名空间：using System.Data;using System.Data.SqlClient;（3）使用SqlConnection对象连接数据库SqlConnection conn = new SqlConnection();/创建数据库连接对象conn.ConnectionString = System.Configuration.ConfigurationManager.ConnectionStrings个人信息表.ToString();/

15、设置连接字符串conn.Open();/打开数据库4.2 游客模块的实现4.2.1 登录验证模块图4.1 登录验证界面系统分为游客和管理员2种角色，均需通过登陆验证模块才能进入各自主界面。该模块的界面如图4.1所示，主要功能为实现游客登录验证、用户注册，用到的数据表为用户信息表，其实现原理如下：(1）选择【注册】按钮，进入注册界面，添加新用户，即在表中添加新记录。 (2）输入用户名和密码后，点击【登录】按钮，系统会查询表中记录核对该信息，若正确，则游客进入浏览我的个人网页。该模块实现登录的主要代码如下。protected void Button1_Click(object sender, Ev

16、entArgs e) SqlConnection con = new SqlConnection(); if (TextBox1.Text = | TextBox2.Text = ) Response.Write(alert(学号?或密码?不?能为a空?！?); else con.ConnectionString = Data Source=.SQLEXPRESS;AttachDbFilename=|DataDirectory|个?人?信?息表.mdf; Integrated Security=True;User Instance=True; con.Open(); string str =

17、select * from 用?户表 where 用?户名?= + TextBox1.Text + + and 密码?= + TextBox2.Text + ; SqlCommand com = new SqlCommand(str, con); SqlDataReader dr = com.ExecuteReader(); if (dr.HasRows) Response.Redirect(用?户查看界?面?.aspx?name= + TextBox1.Text); else Response.Write(alert(请?输?入?正y确的?用?户名?或密码?！?); TextBox1.Tex

18、t = TextBox2.Text = ; TextBox1.Focus(); con.Close(); protected void Button2_Click(object sender, EventArgs e) Response.Redirect(用?户注册.aspx); 4.2.1 游客浏览模块（1）、该模块主要实现进入我的界面，浏览查看我的个人相册、个人档、我的日志、我的说说、我的留言板这些我的操作。 （2）、 再进入我的说说留言板中有评论功能代码如下：protected void Button1_Click(object sender, EventArgs e) SqlConne

19、ction conn = new SqlConnection(); conn.ConnectionString = Data Source=.SQLEXPRESS;AttachDbFilename=|DataDirectory|个?人?信?息表.mdf;Integrated Security=True;User Instance=True ; conn.Open(); string name = Request.QueryStringname; string strSQL = UPDATE 说说 set 评论?内容Y = + TextBox1.Text + + where 主题a= + Dro

20、pDownList1.SelectedItem +; string strSQL2 = UPDATE 说说 set 用?户名? = + name + + where 主题a= + DropDownList1.SelectedItem +; SqlCommand com = new SqlCommand(strSQL, conn); SqlCommand com2 = new SqlCommand(strSQL2, conn); com.ExecuteNonQuery(); com2.ExecuteNonQuery(); conn.Close(); GridView3.DataBind(); 4

21、.3 管理员模块的实现 4.3.1 登录验证模块该管理员只有一个，所以登陆比较简单代码如下：protected void Button1_Click(object sender, EventArgs e) if (TextBox1.Text = 138866 & TextBox2.Text = 123456) Response.Redirect(管理员管理.aspx?name=+TextBox1.Text); else Response.Write(alert(管理员登?录?失败); 4.3.2 管理员管理模块 （1） 管理员管理我的个人信息，在我的个人信息可以修改，利用数据库实现，将更改的信

22、息添加到数据库中，实现我的个人信息管理。（2） 管理员管理我的日志，数据库中有一个日志表，在我的日志中我可以添加新的日志、修改日志、删除我喜欢的日志。实现管理我的日志。（3） 管理员管理我的说说，在我的说说界面中我可以发表个人的说说，添加主题、说说内容、回复他认为我回复的评论，在我的说说界面还可以删除我的说说、修改我的说说等。（4） 管理员管理我的相册，在我的相册界面中我可以删除我的相册图片，删除是确认删除的确定，在我的相册中还可以上传图片到我的相册中实现图片的上传。（5） 管理我的留言板，在我的留言板界面中，管理员可以删除他人的留言、可以回复他人的留言，在这个界面中比较简单，留言恢复功能。其

23、中说说回复发表说说的代码如下：protected void Button1_Click(object sender, EventArgs e) SqlConnection conn = new SqlConnection(); conn.ConnectionString = Data Source=.SQLEXPRESS;AttachDbFilename=|DataDirectory|个?人?信?息表.mdf;Integrated Security=True;User Instance=True ; conn.Open(); string str = + TextBox1.Text + , +

24、 TextBox2.Text + ; string strSQL = insert into 说说(主题a,内容Y)values( + str + ); SqlCommand com = new SqlCommand(strSQL, conn); com.ExecuteNonQuery(); conn.Close(); GridView1.DataBind(); 图片上传代码如下：if (IsPostBack) Boolean fileOK = false; string path = Server.MapPath(/相册/); if (AA.HasFile) string BB = Syst

25、em.IO.Path.GetExtension(AA.FileName).ToLower(); string aa = .gif, .bmp, .jpg, png, .zip, .rar ; for (int i = 0; i aa.Length; i+) if (BB = aai) fileOK = true; if (fileOK) try AA.PostedFile.SaveAs(path + AA.FileName); Label1.Text = 文?件t上?传?成功|! 大小?为a: + AA.PostedFile.ContentLength + 文?件t类型为a：o + AA.PostedFile.ContentType + 文?件t名?称?为a：o + AA.PostedFile.FileName; catch Label1.Text=文?件t没?有D上?传?成功|！?; else Label1.Text=文?件t类型不?对?！?; if (AA.PostedFile.ContentLength 5242880) Response.Write(alert(文?件t大小?超?过y5M！?); 第5章 结论 我所做的个人网页设计实现了游客浏览功能和评论功能，在游客评论中游客能够实现发表自己的观点查看你