动态实训报告

第一篇：动态实训报告

《动态网站建设》

实训报告

系别经管系专业计算机信息管理班级 G12450301 姓名包亚红指导教师马涛完成时间 12月14号

前言

ASP.NET是Web开发技术高速发展的产物，是当前主流的Web应用程序开发技术之一，它构建与.NET Framework之上，使得从传统的数据库访问技术到如今的分布式应用开发技术等一系列技术都发生了变革。而且，它在快速发展、编译与部署方面的优势是任何一种互联网开发技术都无可比拟的。也正是因为这些优点，一批又一批的开发人员加入到ASP.NET的开发阵营中。通过ASP.NET，我们可以简单快速的开发出企业级的、高性能的、便于维护的Web应用系统。

ASP.NET技术是微软近年来推出的主要技术，自从.NET2.0版本问世之后，越来越多的开发人员和企业已经能够接受.NET技术带来的革新。ASP.NET4.0是目前微软最新的Web应用开发可视化平台，它不仅在语言和技术上弥补了原有的ASP.NET2.0与ASP.NET3.0的不足，并提供了很多新的控件和技术特性以提升开发人员的生产力。与之相应，Visual Studio 2010除了保持与Visual Studio 旧版本相同的特点之外，也提供了大量新的帮助提升开发人员的编程效率。

鉴于ASP.NET所涉及的内容众多，本次实训尽可能介绍各个方面的主要内容，对实际设计与开发过程中使用较少的知识点只作了简单介绍，而对那些应用型强、开发中使用频率较高的知识点则通过一系列小规模精选案例进行相对全面、深入的阐述和分析。

一、实训目的与要求.......................................3

二、实训任务.............................................3

一、具有简单学生成绩查询功能的web应用程序............3

二、具有简单登陆验证和密码忘记功能的web应用程序......3

三、实训要求.............................................3

四、网站设计.............................................3

一、具有简单学生成绩查询功能的Web应用程序............3

1、项目所涉及的知识点..............................3

2、设计方案........................................4

3、设计过程........................................6

4、设计结果.......................................11

二、具有简单登陆验证和密码忘记功能的web应用程序.....11

1、设计方案.......................................11

2、设计过程.......................................12

3、设计结果.......................................16

五、设计中遇到的问题及解决方法..........................18

六、参考资料............................................19

七、实训总结............................................20

八、实训成绩 ____________________......................20

一、实训目的与要求

《动态网站建设》课程实训是我院计算机信息管理专业学生，网站建设集中实训的重要环节之一，是学习完《静态网站建设》、《动态网站建设》等课程后进行的一次全面的综合练习。其目的在于加深对网站开发的理解，掌握asp.net技术，使用c#语言进行编程和运用Dreamweaver制作网页的基本方法，提高开发网站实际操作的能力。

二、实训任务

一、具有简单学生成绩查询功能的web应用程序

二、具有简单登陆验证和密码忘记功能的web应用程序

三、实训要求

程序调试无异常，能够正常运行。

页面整齐、美观。

关键代码部分应有必要注释。

四、网站设计

一、具有简单学生成绩查询功能的Web应用程序

1、项目所涉及的知识点

1>、C#（2）、变量与常量

（3）、运算符和表达式

（4）、流程控制语句 2>、服务器控件

（1）、服务器控件简介（2）、标准WEB服务器控件（3）、验证控件实训方法 3>、使用数据库系统

(1)、创建Microsoft SQL Seever 数据库(2)、常用SQL语句

(3)、Microsoft SQL Seever常用操作(4)、创建Microsoft Access数据库 4>、使用数据控件访问数据库(1)、使用数据源文件(2)、使用GridView控件(3)、使用FormView控件(4)、使用Reprater控件(5)、使用DetailsView控件

2、设计方案

（1）数据库设计：在Microsoft Access中创建一个名为student的数据库，在其中包括uid（学号，主键）、unname（姓名）、unnex（性别）、class（班级）、math（数学）、VFP（数据库）、dongtai（动态网站）、tongji（统计学）8个字段的gread表，并向表中添加相关数据，如下图所示。

（2）学生成绩查询系统界面设置

新建一个ASP.NET网站，向Default.aspx页面添加一个用于布局的HTML表格，添加一个下拉列表框DropDownList，一个文本框控件TextBox，三个按钮Button1（查询）、Button2（显示全部）、Button3（退出系统），一个用于显示student数据库数据的GridView控件和四个分别以学号，姓名，班级，全部查询的SqlDataSourse控件。分别为SqlDataSourse1、SqlDataSourse2、SqlDataSourse3、SqlDataSourse4.界面设置如下图所示。

（3）登陆系统界面设置

给Default.aspx页面添加一个Web窗体，命名为chapter1, 在chapter1中添加两个文本框控件TextBox1和TextBox2，一个Button按钮。

3、设计过程

（1）学生成绩查询系统页面控件属性设置

设置下拉列表DropDownList的ID属性为DropType，文本框TextBox1的ID属性为TextKey,按钮Button1的ID属性为ButtonQuery，Text属性为查询，Button2的Text属性为显示全部，Button3的Text属性为退出系统，GridView的ShowFooter属性为True，AutoGenerateColumns属性为False.设置数据库控件SqlDataSourse1的属性，为其配置数据源。在其任务菜单中执行“配置数据源”命令，在打开的对话框中单击“浏览”按钮，选择已经存放在APP-Data下的数据库student.mdb文件。在配置“SELECT”对话框中选择“制定自定义SQL或语句存储过程”。单击“下一步”按钮，打开如图所示的对话框，录入如下图所示的SQL语句是返回记录集中包含一个

总分计算字段。

单击“下一步”按钮，在打开的对话框中设置查询条件为uid 的数据等于TextKey的Text属性值，单击“下一步”按钮，测试查询，单击“完成”按钮完成对SqlDataSourse1的数据配置。SqlDataSourse2与SqlDataSourse3的数据配置方法与SqlDataSourse1的方法基本相同，为了使程序支持“模糊查询”在按姓名和班级查询时使用了“LIKE”运算符。SqlDataSourse2的SELECT语句设置

SqlDataSourse3的SELECT语句设置

SqlDataSourse4的设置只是去掉了WHERE字句，用于无条件的返回记录。

（2）学生成绩查询系统页面控件代码设置编写页页面装入时执行的代码

protected void Page_Load(object sender, EventArgs e)

{

if(!IsPostBack)

{

DropType.Items.Add(“学号”);//向下拉列表中添加供选项

DropType.Items.Add(“姓名”);

DropType.Items.Add(“班级”);

GridView1.DataSource = SqlDataSource6;//在GridView1中显示所有数据

GridView1.DataBind();

}

TextBox1.Focus();//本框得到焦点

} 查询按钮被单击时产生的事件代码

protected void ButtonQuery_Click1(object sender, EventArgs e)

{

if(TextBox1.Text == “")//如果用户没有输入查询关键字

{

Response.Write(”alert('查询关键字不能为空!');“);

return;

}

switch(DropType.Text)//根据用户选项将GridView控件绑定到不同的数据源

{

case ”学号“:

GridView1.DataSource = SqlDataSource3;

GridView1.DataBind();

break;

case ”姓名“:

GridView1.DataSource = SqlDataSource4;

GridView1.DataBind();

break;

case ”性别“:

GridView1.DataSource = SqlDataSource5;

GridView1.DataBind();

break;

}

if(GridView1.Rows.Count == 0)//如果GridView包含的行数为0

{

Response.Write(”“);

TextBox1.Text = ”“;

GridView1.DataSource = SqlDataSource6;

GridView1.DataBind();

}

} “显示全部”按钮被单击时执行的事件代码

protected void Button2_Click(object sender, EventArgs e)

{

GridView1.DataSource = SqlDataSource6;

GridView1.DataBind();

} GridView控件发生行绑定时执行的事件代码

double sum1 = 0, sum2 = 0, sum3 = 0, sum4 = 0;//在事件过程之外申明存储总和的变量

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

{

if(e.Row.RowIndex >-1)

{

sum1 += Convert.ToDouble(e.Row.Cells[5].Text);//累计总和

sum2 += Convert.ToDouble(e.Row.Cells[6].Text);

sum3 += Convert.ToDouble(e.Row.Cells[7].Text);

sum4 += Convert.ToDouble(e.Row.Cells[8].Text);

}

else if(e.Row.RowType == DataControlRowType.Footer)

{

e.Row.Cells[4].Text = ”平均:“;

e.Row.Cells[5].Text=((double)(sum1GridView1.Rows.Count)).ToString(”0.00“);

e.Row.Cells[6].Text=((double)(sum2GridView1.Rows.Count)).ToString(”0.00“);

e.Row.Cells[7].Text=((double)(sum3GridView1.Rows.Count)).ToString(”0.00“);

e.Row.Cells[8].Text=((double)(sum4GridView1.Rows.Count)).ToString(”0.00“);

}

}（3）登陆界面控件属性设置

Button1的Text属性设为“登陆”TextBox2的TextMode属性为PassWord（4）登陆界面控件代码设置单击“登陆”按钮时的事件代码

protected void Button1_Click(object sender, EventArgs e)

{

string strName = TextBox1.Text;

string strPwd = TextBox2.Text;

if(strName == ”包亚红“ && strPwd == ”123“)//用户名和密码设置

{

Response.Write(”“);

Response.Redirect(”Default.aspx“);

}

else

{

Response.Write(”“);

}

4、设计结果

用户输入用户名，输入密码，点击“登陆”按钮，当用户名和密码都正确时，进入学生成绩查询系统的界面。

登陆成功进入学生成绩查询系统，学生成绩查询系统功能如图所示，可按班级，姓名，学号查询所需要的学生信息，查询完毕后，点击“退出系统”按钮返回到登陆界面。

二、具有简单登陆验证和密码忘记功能的web应用程序

1、设计方案

建一个ASP.NET网站，向Default.aspx页面添加两个Web--窗体，分别命名为chapter1和chapter7-2-1。

在chapter1中添加一个用于布局的HTML表格，向表格中添加三个TABLE控件，分别为TABLE1(新闻发布系统登陆)、TABLE2(用户名)、TABLE3(密码)，两个TextBox控件，三个LinkBottou控件，分别为LinkBottou1（登陆）、LinkBottou2（注册）、LinkBottou3（忘记密码）。如下图所示

在chapter7-2-1中添加一个用于布局的HTML表格，向表格中添加两个LABLE控件，两个TextBox控件，两个LinkButton控件，分别为LinkButton1（找回）、LinkButton2（返回），界面如下图所示

2、设计过程

（1）前台界面设计

新建一个数据库student，向其中添加一张新表users，在users表中添加字段username（用户名、主键）、userpwd（密码）、level（用户级别）、question（找回密码提示问题）、answer（预留的问题答案）。表设计完成后，适当的填入数据，其中“level”只能填入“admin（管理员）”和“users（普通用户）”。如下图所示

cahpter1中，TextBox2的TextMode属性设置为PassWord chapter7-2-1中，“返回”按钮的PostBackUrl属性指向登陆界面chapter1。(2)后台程序代码

1>chapter1页面中“登陆”链接按钮的代码

protected void LinkButton1_Click1(object sender, EventArgs e)

{

SqlConnection conn = new SqlConnection();

//设置conn对象的连接字符串

conn.ConnectionString = @”Data Source=.SQLEXPRESS;AttachDbFilename=F:新建文件夹案例7—2案例7—2App_DatanewsSystem.mdf;Integrated Security=True;User Instance=True“;

conn.Open();

string selectSql = ”select * from users where username='“ +TextBox1.Text + ”'and userpwd='“ + TextBox2.Text + ”'“;

SqlDataAdapter da = new SqlDataAdapter();

//创建DataAdapter对象

da.SelectCommand = new SqlCommand(selectSql, conn);

DataSet ds = new DataSet();

da.Fill(ds);

//将DataAdapter执行select语句的结果填充到DataSet对象

conn.Close();

//断开链接，使用DataSet的离线操作模式

if(ds.Tables[0].Rows.Count == 0)

{

Response.Write(”“);

return;

}

DataRow myRow = ds.Tables[0].Rows[0];

if(myRow[2].ToString().Trim()== ”admin“)

{

Response.Write(”“);

}

else

{

Response.Write(”“);

}

} 2>chapter1页面中“忘记密码”链接按钮的代码：

protected void LinkButton3_Click(object sender, EventArgs e)

{

if(TextBox1.Text == ”“)

{

Response.Write(”“);

return;

}/通过查询字符串将用户名传递给找回密码页面

Response.Redirect(”chapter7-2-1.aspx?username=“ + TextBox1.Text);

}

3>chapter7-2-1的页面加载事件代码：

protected void Page_Load(object sender, EventArgs e)

{ if(!IsPostBack)

//如果页面时首次加载

{

if(Request.QueryString[”username“]==null)

{

//若查询字符串的值为null，则返回登录界面，防止误入

Response.Redirect(”WebForm1.aspx“);

}

} //将登录页面传递来的用户名显示在标签控件中

Label3.Text=Request.QueryString[”username“];

SqlConnection conn = new SqlConnection();

conn.ConnectionString = @”Data Source=.SQLEXPRESS;AttachDbFilename=F:新建文件夹案例7—2案例7—2App_DatanewsSystem.mdf;Integrated Security=True;User Instance=True“;

conn.Open();//设置查询字符串，查找同查询字符串传递的用户名一致的记录

string selectSql=”select * from users wherusername='“+Label3.Text+”'“;

SqlDataAdapter da = new SqlDataAdapter();//创建DataAdapter对象

da.SelectCommand = new SqlCommand(selectSql, conn);

DataSet ds = new DataSet();

da.Fill(ds);

conn.Close();

if(ds.Tables[0].Rows.Count == 0)//未找到符合条件的记录

{

Response.Write(”“);

return;

}

DataRow myRow = ds.Tables[0].Rows[0];

Label4.Text=myRow[3].ToString().Trim();} 4>chapter7-2-1页面中“找回”链接按钮的代码：

protected void LinkButton1_Click(object sender, EventArgs e){ SqlConnection conn = new SqlConnection();conn.ConnectionString=@”DataSource=.SQLEXPRESS;AttachDbFilename=F:新建文件夹案例7—2案例7—2App_DatanewsSystem.mdf;Integrated Security=True;User Instance=True“;

conn.Open();

//打开连接

string selectSql=”select * from users where username='“+Label3.Text+”'“;

SqlDataAdapter da = new SqlDataAdapter();

da.SelectCommand = new SqlCommand(selectSql, conn);

DataSet ds = new DataSet();//将DataAdapter执行SQL语句的结果填充到DataSet对象中

da.Fill(ds);

DataRow myRow=ds.Tables[0].Rows[0];

if(TextBox1.Text==myRow[4].ToString().Trim())

{ //创建CommandBuilder对象后，无需再使用DataAdapter的/UpdataCommand属性来执行更新操作，但前提是表一定要有主键

SqlCommandBuilder scb = new SqlCommandBuilder(da);

Random r=new Random();

string newpwd=r.Next(100000,999999).ToString();

Response.Write(”“);

myRow[”userpwd“]=newpwd;

//将新密码写入DataSet

da.Update(ds);

//将DataSet中的数据更改通过适配器回送到数据源

conn.Close();

}

else

{

Response.Write(”");

} }

3、设计结果

输入用户名和密码，当用户名和密码都正确时，登陆到系统，显示用户级别。如下图所示

当输入密码错误时，跳出对话框，提示用户名或密码错，如下图所示

当用户忘记密码时，可在输入用户名后单击“找回密码”按钮跳转到如下界面，找回密码。

在“你的答案”对应的TextBox控件中输入users表中预留问题所对应的相应答案，当答案正确时，生成新密码，按“返回”按钮，返回到登陆界面登陆系统。

五、设计中遇到的问题及解决方法

项目一

1、GridView1任务里编辑列时DataField与HeaderText混淆。

经过老师的讲解示范及同学们的帮助，搞明白里DataField与HeaderText的意思。

2、SqlDataSource配置数据源时发生错误。

之所以会在这块发生错误时因为搞清楚数据库连接及没有明白代码的意思，经过老师的讲解和与同学的探讨我们一起解决了这个问题。

项目二

1、数据库保存有问题，丢失不会找回。

刚开始我们使用本机创建数据库，这样的情况下，关机后就会还原，所以会丢失，在老师的讲解与同学的相互探讨下，在SQL Server或Access中创建并导入，这样就不会丢失。

2、“忘记密码”链接按钮的代码出错，页面跳转不了。

该链接按钮的主要作用是当忘记密码时跳转至“找回密码”页面找回密码，应该使用内置对象的Response对象的Redirect属性，该方法可以使浏览器立即重定向到程序指定的URL，可以为不同用户指定不同的页面。

3、“找回密码”时“找回”出现错误。

该项操作是用UpdataCommand属性来执行更新操作，但前

提是表一定要有主键，而我们大多同学都忽略了这个问题，当表中设置主键之后才可以使用UpdataCommand属性来执行更新操作，保存新密码。

六、参考资料

《ASP.NET 4.0 网站建设基础教程》主编：王翔

七、实训总结

两周的动态网站实训结束了。

两周的实训让我学到了好多知识也收获了好多，这次实训让我明白了我们实训的主要目的是让我们通过不断的上机实习以及使用它来解决一些力所能及的实际问题，这样，才能够更好的掌握技能，在遇到程序调试不通过时，会通过缩小范围的分析来锁定问题所在，因此，我提醒自己在编写程序时要特别注意细节方面的问题，一个小小的疏忽就能导致整个程序不能运行，做到有细心、有耐心的编写程序、检查代码的好习惯。

完成了两个项目，提高了运用计算机技术的素质。这次实训项目对于自己也是一个全新的挑战和对于自身能力的提高，在此期间，有老师和同学的帮助和讲解，让我认识到团队精神的重要性，一个懂得合作的团队的力量是无穷的，不管是什么困难，大家一起总会解决。遇到一些比较棘手的问题也学会了冷静地解决，而不是盲目地学习，在不断解决问题的同时自己也可以学到好多课本以外的知识，在完成作业时必须做到严谨，认真，有时一点小的错误会引发好多问题，同时也看到了自身的不足，要加强这类程序设计的练习，只有通过不断地去做，不断学习，才能发现更多的问题和学习的方法。学习是一个不进则退的过程，所以，需要更加努力。

感谢学校给我们这次实训的机会，感谢老师孜孜不倦的讲解，感谢同学们的帮助。

八、实训成绩

____________________

第二篇：动态网站实训报告

动态网站开发实训报告

前言

随着计算机技术和互联网技术的不断发展，人们对网络的要求越来越高。传统的静态网页技术已不能满足广大用户的需求，各种动态网页技术应运而生。ASP和ASP.NET作为两种主流的动态网页技术，提供了用于创建Web页的强大、快速、有效的方法，其中ASP.NET利用通用语言运行环境CLR（common language runtime）和服务框架，主要任务之一就是生成HTML流返回客户浏览器。它提供了一个全新而强大的服务器控件结构，其本质几乎全是基于组件和模块化，每一个页，对象，和HTML元素都是一个运行的组件对象。在开发语言上，ASP.NET抛弃了VBSCRIPT和JSCRIPT，而使用.NET Framework所支持的VB.NET，C#.NET等语言做为其开发语言，这些语言生成的网页在后台被转换成了类并编译成了一个DLL。由于ASP.NET是编译执行的，所以它比ASP拥有了更高的效率。

1.网站定位

运用ASP.NET技术创建一个都市新闻管理系统，由前台新闻浏览和后台新闻管理两大部分组成。其中主要内容包括系统需求分析、系统整体设计、后台数据库设计，掌握数据库创建、网站页面设计与制作、网站功能的实现、程序调试以及网站的发布操作技能。

2.项目功能规划

通过ASP.NET技术开发，后台功能模块主要包括后台管理员信息管理，新闻类别管理，新闻管理，留言板管理，友情链接管理、后台安全退出等功能。前台功能模块则包括新闻分类、显示新闻详细信息、新闻信息查询，提供留言板块、友情链接等功能。

3.网站设计与开发

先创建数据库News，包括Admin、Link、NewsType、News、Book五张表，对表结构进行相关设计。

创建公共模块。所谓公共，就是共同拥有，其功能是共享的。新建一个站点，设置数据库的链接，公共类的创建，为整个网站做好准备工作。

创建后台模块。后台首页为管理员登陆页面，设计完毕后创建后台模板，接着通过母版创建相关网页。需要创建的页面有管理员信息的管理、添加，新闻类别的管理和添加，新闻的管理、添加、更新，留言板信息的管理、添加和更新，友情链接的添加、管理等。每张页面完成后接着编写相关代码，一共30张页面。

创建前台模块。创建模板页，通过母版页创建首页index.aspx，设计首页页面，编写index.aspx.cs文件源码。

4.网站的发布与调试

运行的过程中，发生了很多错误，如数据库语句错误，事件过程编写错误等，需调试后纠正错误，达到运行良好的效果。

5.实训总结

这次实训，让我更深地了解了Visual Studio2005的基本知识，掌握和运用ASP.NET的技巧，同时还掌握了电子商务网站建设的基本流程和注意事项，及相关网页制作软件工具的使用。

并且通过这次实训，我深深的体会到做网站建设信息管理系统的艰辛，以及作为一个后台管理人员的艰辛，要做好一个完整的信息管理系统，不仅仅需要过硬的技术，还需要更多的耐心、细心与毅力。再次，在实训的过程中，我深深的感觉到自己在实际运用中专业知识的缺乏，及自己工作能力的不足，遇到问题总是很难解决。通过这次实训，今后不管遇上什么样的工作问题，要学会自己冷静思考分析，一点点排除障碍，到最后获取成功。并且不懂的问题，要多向别人请教。另外，今后应多加练习多加熟悉常用的代码，争取在这方面取得更大进步

第三篇：动态网站建设实训报告

摘要

人类永无止境的探索精神，是科技发展的原动力，驱动着我们的步伐飞速迈入21世纪的E世代。我们是新世代的探险家，为人类探索陌生的价值，就像第一个发现黄金价值的人。我们了解所做的事，我们知道该如何去做，正确判断自己，正确判断周遭，我们绝不冒险。我们肩负使命，为世人开拓沟通的新方法，人类的感知将无限延伸，沟通将与光同速。

企业形象和商业宣传网站主要是为了全面展现企业的整体理念，介绍公司的业务和宣传商业价值。

设计风格配合企业的统一形象，力争国际化、商业化；表现上配合多媒体技术和手段，充分体现宽带环境下的绝对优越，强调感官冲击力网站信息编排和栏目设计上，力争简洁、明晰，做到信息模块化；根据访问者的不同动态生成对应级别信息；网站内容上紧扣主题与各功能网站保持完整线上宣传系统的绝对职能分工。

汽车网站是一个汽车企业的“商标”，每一个汽车企业里的每一个系列汽车都有自己的特色，每一个系列都有自己的个性。在这个高度信息化的社会里，建立自己汽车企业网站是最直接的宣传手段。网站的超时空特性，不仅能让地区内的人们了解该汽车企业的文化，更可让世界了解你的汽车发展过程。

本网站采用动态网页设计与静态网页相结合的技术，运用网页三剑客软件及Dreamweaver软件进行网站开发、制作，Access数据库的应用使网站更加完整明了。整体页面采用的是模版加表格的形式，适当加如CSS特效编程使网页变的越加生动和新颖。本站主要包括搜索商品信息、浏览商品信息、修改商品信息以及购物车及留言板的设置更是为网站增分不少。

利用现在时下非常流行的引导页加首页的样式，此样式最大的特点在于，引导页给予阅读者一个网站总体的感受，第一印象是最重要的，所以我们要抓住这第一印象，给予读者一个数字化的网站新概念。

关键词：汽车、保养、站点、网站建设

第一章概述........................................3 第二章实训内容 „„„„„„„„„„„„„„„„„„ 3

2.1 实训策划书的撰写 „„„„„„„„„„„„„„„„„„„„„3 2.2 电子商务网站建设 „„„„„„„„„„„„„„„„„„„„„3 2.3 电子商务网站发布 „„„„„„„„„„„„„„„„„„„„„4 2.4 电子商务网站推广 „„„„„„„„„„„„„„„„„„„„„4 2.5 电子商务网站管理 „„„„„„„„„„„„„„„„„„„„„4 第三章实训步骤 „„„„„„„„„„„„„„„„„„5

3.1 实训分工„„„„„„„„„„„„„„„„„„„„„„„„„5 3.2 电子商务网站栏目规划 „„„„„„„„„„„„„„„„„„5 3.3 网站整体数据库设计 „„„„„„„„„„„„„„„„„„„5 3.3.1 数据库表的设计 „„„„„„„„„„„„„„„„„„5 3.3.2 数据库表的设计 „„„„„„„„„„„„„„„„„„6 3.3.3 数据库表的设计 „„„„„„„„„„„„„„„„„„6 3.3.4 数据库表的设计 „„„„„„„„„„„„„„„„„„7 3.4 网站系统设计 „„„„„„„„„„„„„„„„„„„„„7 3.4.1 登陆与密码验证系统 „„„„„„„„„„„„„„„7 3.4.2 商品信息维护系统 „„„„„„„„„„„„„„„„8 3.4.3 商品信息搜索系统 „„„„„„„„„„„„„„„„9 3.4.4 留言板系统 „„„„„„„„„„„„„„„„„„„9 3.4.5 整体网站系统展示 „„„„„„„„„„„„„„„„10 第四章实训心得 „„„„„„„„„„„„„„„„„10一．概述

实训目的：电子商务网站建设课程实习是电子商务专业的重要实践环节。通过实习使学生能够更进一步的领会电子商务网站建设的相关知识，熟悉和掌握网站规划、设计的基本流程和注意事项，熟练运用网站建设的各种开发工具。并希望通过网站建设课程设计来培养学生综合运用所学知识分析和解决实际问题的能力，为今后就业打下坚实的基础。通过规划与设计以营销为导向的网站，加强对网络营销导向的企业网站的认识，掌握网站的规划和设计方法，达到以学致用的目的。

电子商务作为网络和商务的结合的产物，电子商务网站建设是电子商务的一个重要的环节。实践是学习网站建设的十分重要的环节，通过实际的上机操作调试过程建立动态网站所需的一些基本的实训。

1、学会使用Dreamweaver 软件，了解并掌握该软件的各种功能

2、学习使用“页面创建”和“设置服务器信息”功能。

3、学会在页面访问数据库的方法，包括对后台数据库进行各项操作。

4、利用已经学习的动态网页知识和数据库知识进行一个综合练习

实训内容：通过实际操作建立一个网上书店购物系统。这次实训的要求就是让我们建立三个系统：用户和管理员登录和密码验证系统、商品信息维护系统、集成的购物车系统。

二．实训内容 2.1 实训策划书的撰写

见实训报告后附的实训报告纸（3页）

2.2 电子商务网站建设

近几年来人们的消费习惯、消费理念以及生活模式都在发生着潜移默化的转换，网络化带来的一种新兴生活模式将变得越来越直观，这给电子商务带来更多的发展机遇。在这个信息化的社会，利用互联网迅速抢占商机也成为广大企业决策者在决策过程中的首选。而电子商务网站的重要性也逐渐的体现出来。越来越多的企业开始意识到电子商务网站在日后的竞争中所占绝的地位越来越远重要。我们此次就是针对这一需求而开发的一个电子商务网站。旨在更加熟练的掌握动态网站建设的相关技巧与知识，并迎合当今市场开发出适合消费者的网站。

2.3 电子商务网站发布

网站发布及前期准备工作：域名的申请；运行环境的准备（服务器的选择）；人员培训；数据准备；试运行；系统正式发布

发布一个站点就是将做好的文件复制到一个目的地，即运行网站的服务器上。常用的发布工具有：利用FrontPage来发布网站；利用DreamWeaver发布网站；利用CuteFTP上传。

2.4 电子商务网站推广

突出网站的主题，把网站的功能作用发挥到最大。我们网站采用个性化开发，以凸显我们企业的文化及产品，让客户在浏览网站的时候眼前一亮，进而让人们记住我们的网站，以增加浏览量及客户群。

首先我们可以与一些知名度较高，并与我们互补的一些网站进行友情链接。而且我们这次选择的目标市场是高校园区的一些在校大学生及周边居民，根据他们的消费特性，我们可以流量较大的个人站点进行宣传推广，并按订单成交金额向小网站付佣金的方式，以减少推广费用，并取得良好的回报。

我们还可以进行邮件广告的推广，发给注册用户，可以让客户了解网站动态，持续关注网站，并在醒目位置放“退定”选项，以达到最好的宣传效果，减少用户的反感。

我们还可以提供一些免费的服务，比如免费Blog，免费资源下载等等，增加用户的流量，留住顾客群。

最终我们可以进行客户关系管理，以抓住新顾客，留住老顾客，用产品和服务说话，并致力于为消费者提供一个友好页面的网站而努力。

2.5 电子商务网站管理

我们根据我们网站的性质打算采用租用虚拟主机模式，以减少运营成本。我们主要采取ACCESS、SQL等数据库后台管理技术，以方便我们的维护和管理。并且后期我们网站打算采用Window2000/NT，虽然费用较贵，而且需要的硬件配置也较Linux要求高，但是Windows操作简便、配置和管理伺服器容易上手，并且不需要专门的技术人员维护，可以降低维护成本和更新难度。

三．实训步骤 3.1 实训分工

在此次电子商务网站建设实训中，我们小组是第12小组，我们小组共有六人：徐爱蓉、武劲、范元、唐意峰、侯晴晴、胡梦雅。我在这次实训中，参与了实训内容的讨论，参与并制定了商品蓝布规划，确定了一级目录、二级目录的确切内容，参与了汽车产品的信息收集，完成了电子商务网站建设的策划书。并完成了用户登录和注册的页面设计。

3.2 电子商务网站栏目规划

1.网站的结构导航

网站栏目包括：输入商品信息、修改商品信息、浏览商品信息、搜索商品信息及购物车以及留言板

静态页面有：首页、公司简介、新闻专区、保养专区、车展专区、好车推荐以及联系我们等 2.网站整合功能

FLASH引导页、会员系统、网上购物系统、在线支付、注册、登录、信息搜索查询系统、信息修改、留言板系统等等。

3.3 网站整体数据库设计

3.3.1 数据库表的设计：cccount表

3.3.2 数据库表的设计： catalog表

3.3.3 数据库表的设计：order表

3.3.4 数据库表的设计：shoppingcart表

3.4 网站系统设计

3.4.1 登录和验证密码系统设计

网上车店有几类用户，用户通过网上车店选择想购买的汽车，管理员利用网上车店的产品目录系统来维护可选的汽车信息，当然可能还存在更多类别的用户。对于每一类用户，他们在网上车店中的权限是不一样的，用户只能选择汽车，而不能修改汽车信息；管理员只能维护汽车信息，而不应该有查看和修改用户购物车和订单信息的权力。通常，用户登录和密码验证系统包含一般用户注册功能、用户登录功能、用户登录失败提示、密码和账户信息修改功能。

用户注册界面

用户登录界面

3.4.2 商品信息维护系统

商品信息管理系统，包含供管理员输入和维护商品信息的功能，以及公用的商品信息查询功能。管理员通过商品信息输入功能来加入新的商品信息，通过商品信息修改功能来维护已有商品信息的变化；顾客和管理员都可以通过商品信息查询功能来得到商品的相关信息，比如管理员可以用它来检查数据输入是否有误，顾客可以用它来了解商品的详细信息，以便决定是否选择该商品。输入商品信息页面

修改商品信息界面

浏览商品信息界面

3.4.3 商品信息搜索系统

用户可以选择自己想要找的汽车，然后在此页面输入

3.4.4 留言板系统用户可以在此留言板上留言，我们会及时回复

3.4.5 整体网站系统展示

四．实训心得

通过这次实习我了解到了电子商务远大的发展前景，现在网络日渐走进大家的生活中，人们的生活也渐渐离不开计算机，同时大家的消费习惯也有所改变，网上购物也日渐为大家所接受，网上销售网上广告的比重也逐渐增加，而这一切都与电子商务有密切的联系，学习电子商务，使我有信心在自己专业上有所发展。

在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。

本次网站主要是运用本学期学过的知识来布局应用、制作动画效果，通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，在制作网站的过程中，碰到了不少的不明白的地方通过老师同学的帮助也解决了不少问题，通过循序渐进的学习慢慢地完成了本次的网站建设，这次做的网页虽不是很好看，有不足之处，比如网页布局不是很完善，可是我花了很多时间来完成它，所以呢，它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的实习周。因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。因此，不论从哪个角度来说，这次设计就是在不断的“发现问题——解决问题——再发现问题——再解决问题——”这个学习过程中完成的。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，也就是整体的搭配问题。

第四篇：动态网页asp实训报告

安徽商贸职业技术学院经贸系电子商务

(2008级)

动态网页设计

设计时间：2010年6月14日至 6月18日

设计地点：电子商务实训室二班级：电子商务082班姓名:周海强

一、实训目的与意义

通过实验教学主要培养学生的动手能力，提高学生运用ASP编程工具编写动态网页能力的水平，掌握ASP网页下HTML标记、普通文本和脚本命令等的使用。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序和CSS语言的应用，掌握在创建连接的“插入、查询、修改”与数据库连接等方法。综合运用所学ASP编程知识进行网页材料准备，并建设一个小型的电子商务网站。

二、实训时间

6月14日——6月18日

三、实训地点

电子商务实训室二

四、实训进度与计划

第一天：查看实训要求了解做什么网站，然后上网查看他人网站，之后规划自己的网站。

建一个文件夹，收集相关素材，并利用PhotoShop、Flash等多媒体制作软件

创作出一些多媒体作品，为网页制作进行网页的充分材料准备。

第二天：创建数据库，建立相关数据表，并连接图片地址等素材和输出的相关信息。1

第三天：编写主页页面的内容信息及其他导航栏的相关内容。

第四天：继续编写相关网页内容并做出最后的测试工作。

第五天：验收通过并提交网站作业。

五、实训步骤

1.构思网站总体规划及布局。

2.创建数据库，建立相关数据表。

3.在数据表中连接图片地址和输出的相关信息。

4.编写网页top头部的logo、导航栏和banner的相关信息。

5．运用ASP编写左边left的二级目录内容和底部boot的建站信息连接及

第五篇：动态网站建设实训报告

动态网站建设

实训报告

班级：G093501

姓名：孙琦

学号：093501047

指导老师：XXX

实训时间：2011.10.10 ~ 2011.10.1

52011年10月15日甘肃机电职业技术学院

一、实训目的1、进一步熟悉和掌握网站建设的基本流程和技术规范；

2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；

3、巩固综合运用Dreamweaver软件完成网站建设任务的方法，能独立设计一个内容完整、技术运用得当的网站；

4、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

5、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的动态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），为今后从事网站开发、维护和管理奠定基础。

二、实训项目

学生信息管理网站

三、实训过程 1．资料的搜集。

2.构建站点框架。

3.设计主页及二级页面。

4.实现网页间的链接

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

具体情况如下：通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver 软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。

制作网页,首先是确定主题,经过再三考虑,就做了个关于学生信息管理的网站,于是确定主题,但有些内容比较复杂,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的学生信息管理网站,于是网站主题确立。

然后是整体规划，每一版块清晰明，便于管理，大致分几部分，学生信息显示、编辑、添加、删除等。

再后就是建立站点，接下来就是制作网页了，使用Dreamweaver制作。

首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

还有，这次的网站大部分用的是表格，层用的很少，因为它太灵活了，不好控制，用的很少。

再后，是网页的上传与发布，用ftp将制作好的网站上传

制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才开始查找，开始的时候只是会建立模版，可不会应用，操作，可这样要修改模版可就麻烦了，要一个网页一个的修改，于是赶紧上网学习相关内容，阅览书籍，最后才知道文件这有个资源，点击：

进入资源面板，点击到数第二个的模版，选项，所有模版就都显示了，点击资源面板左下角的应用命令，好了，这个模版就应用到你建立的网页中去了。这只是在制作过程中出现的问题之一，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

以后要学的实在是太多了，而且我也很喜欢这方面，在以后的日子里，会努力填充自己，丰富自己的。希望以后有不懂的地方，老师能多多指点。

四、心得体会在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。

（一）页面的设计方面

网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。

学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。

学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习

并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的“边缘科学.”不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到：,VBscript,css,asp等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。因此我提倡简单的美。

（二）网页的整体布局和导航

网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览。

网页布局是主要考虑以下几点：

1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2、其次就应该考虑导航条的设置了。

3、正文的框架设置（横向因素和纵向因素交错）

（三）网页制作过程中的其他注意事项

不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

一个星期的实训将结束了，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了制作动态网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

动态实训报告

第一篇：动态实训报告

第二篇：动态网站实训报告

第三篇：动态网站建设实训报告

第四篇：动态网页asp实训报告

第五篇：动态网站建设实训报告

相关范文推荐

动态网站建设实训指导书

实训报告（本站推荐）

实训报告

实训报告[范文大全]

实训报告-参考范本

实训报告

实训报告大全

实训报告