web开发技术课程总结

时间：2019-05-29 07:17:39 网站：公文素材库

web开发技术课程总结

201*-201*第一学期《web开发技术》课程总结

教材：《基于web标准的网页设计与制作》，唐四薪编著，清华大学出版社，北京。

实验教材：《网页设计与网站开发实验指导书》，李翔主编，南京大学出版社，南京。

1．教学情况

能认真备课、遵守学院的教学规章制度，没有迟到、提前下课、误课等教学事故发生。教学过程中，教师之间相互听课，本学期相继听了老师的课程，感觉受益匪浅，从中学习了很多本课程的教学重难点以及教学方法；本学期计算机基础教学部每周都会组织各种科研讲座或教学研讨，内容丰富，本学期通过教研活动学了很多东西，找到一些科研的方向。

本课程知识点较多，教师授课内容要有高度概括性，重点突出，课堂信息量要大。为达到上述要求，我认真备好课，查找大量的音视频资料，精心制作多媒体课件，精简文字表述内容、突出重点，主要采用案例式教学从而激发学生的学习兴趣；充分利用网络课堂的资源，增加教学信息量和提高学生的学习兴趣；使用天空教室中的“文件”存储下载功能，提供本门课程相关的所有资料给学生下载学习，较大地提高了教学效率。

2．学生反馈意见

每学期课程结束时，学校教务网都要求学生对教师课堂教学情况进行评价，分值为4.78，学生的反映较好。

3．改进措施及建议

《web开发技术》是一门实践性很强的课程，在今后的教学中要更加注意理论与实践的结合，把枯燥的理论知识与鲜活的案例结合起来，这就要求教师平时要多注意积累资料。在多媒体课件制作方面，不仅要做到图文并茂，还要做到声文并茂、影文并茂，这一方面要求教师平时要多积累教学资料，另一方面也要求教师要提高计算机应用能力。

另外，本门课程操作性教强，比较适合在机房授课，本学期采用的是24学时在教室授课，另外24学时在机房授课的形式。教室的投影仪效果较差，尤其是讲授PhotoShop应用时，某些效果在教室的投影仪中效果不是太好，建议均采用机房授课形式，学生接受效果将更好。

201*年1月10日

扩展阅读：《web开发技术》课程设计报告

《web开发技术》

课程设计报告

题目创建web网站及数据库

成员_张庆__徐克强专业10网络工程指导教师梅申信高宁成绩

网络工程系201*年6月19日

1.WEB网站运行的基本环境.................................................................................................................21.1JDK简介........................................................................................................................................21.1.1JDK的安装配置及测试.........................................................................................................31.2JSP简介.........................................................................................................................................41.2.1了解JSP.................................................................................................................................41.2.2Tomcat服务器的安装配置....................................................................................................52创建数据库..........................................................................................................................................52.1创建数据库的步骤.......................................................................................................................52.2创建ACCESS数据库.....................................................................................................................73JSP访问WEB数据库的程序代码....................................................................................................73.1用户登录的程序代码....................................................................................................................73.2处理用户登录的程序代码............................................................................................................83.3插入记录的程序编码...................................................................................................................83.4更新记录的程序编码..................................................................................................................123.5查询记录的程序编码.................................................................................................................153.6删除记录的程序编码..............................................................................................................183.7显示所有记录的程序编码........................................................................................................214创建WEB主页.................................................................................................................................235浏览网页及访问WEB数据库.........................................................................................................245.1添加数据源..................................................................................................................................245.2测试结果.....................................................................................................................................24

1.web网站运行的基本环境

1.1JDK简介

①JDK是整个Java的核心，包括了Java运行环境（JavaRuntimeEnvirnment），一堆Java工具和

Java基础的类库(rt.jar),SUN公司不断对它进行升级，发布不同的版本，就是所谓的jdk1.5也就是jdk5.0

1、实际上jdk和j2sdk是基本同样的。j2sdk有几个版本对应于java2的几个版本，

其中j2ee需要用到开发工具就是J2eesdk了，只不过大部分应用服务器（weblogicjboss等）都内置了j2eesdk。

2、j2sdk标准版是基础，所以要安装先；j2eesdk因为是企业应用嘛，所以是注册后才能下载

②至于JRE，jdk中包括了它，但是对于不需要开发只是运行的用户是可以只单独安装jre的，所以sun提供了jre的下载。

③J2SDk包含了(JDK)、(JRE)和JavaPlug-in。原先SUN的JAVA软件开发工具包是JDK，现在就称为J2SDk了。

1.1.1JDK的安装配置及测试

第一步：安装JDK。注意记住JDK的安装位置，要放在英文目录下。第二步：配置环境变量

在桌面“我的电脑”图标上单击鼠标右键，选择“属性”选项，在弹出的界面窗口中选择“高级”选项，在对话框中单击“环境变量”按钮，然后在弹出的界面窗口中的“系统变量”区域中，单击“新建”命令按钮。如图所示：

新建的有俩个：

java_home=C:\\ProgramFiles\\Java\\jdk1.5.0(JDK的安装具体位置)classpath=C:\\ProgramFiles\\Java\\jdk1.5.0\\jre\\lib\\rt.jar;.;编辑的有一个：

path=C:\\ProgramFiles\\Java\\jdk1.5.0\\bin第三步：测试是否配置成功。

依次执行“开始”菜单中的“运行”选项，在文本框中输入cmd命令，将显示一个提供输入DOS命令的窗口界面，再提示符后输入javac命令，若得到如图所示的界面，则说明JDK配置成功

1.2JSP简介

1.2.1了解JSP

JSP(JavaServerPages)是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准，其网址为。该技术为创建显示动态生成内容的Web页面提供了一个简捷而快速的方法。JSP技术的设计目的是使得构造基于Web的应用程序更加容易和快捷，而这些应用程序能够与各种Web服务器，应用服务器，浏览器和开发工具共同工作。JSP规范是Web服务器、应用服务器、交易系统、以及开发工具供应商间广泛合作的结果。在传统的网页HTML文件(*htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag)，就构成了JSP网页(*.jsp)。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序片段，然后将执行结果以HTML格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送email等等，这就是建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，对客户浏览器的要求最低，可以实现无Plugin，无ActiveX，无JavaApplet，甚至无Frame。

1.2.1.1JSP的工作原理

在一个JSP文件第一次被请求时，JSP引擎把该JSP文件转换成为一个servlet。而这个引擎本身也是一个servlet，在JSWDK或WEBLOGIC中，它就是JspServlet。JSP引擎先把该JSP文件转换成一个Java源文件，在转换时如果发现jsp文件有任何语法错误，转换过程将中断，并向服务端和客户端输出出错信息；如果转换成功，JSP引擎用javac把该Java源文件编译成相应的class文件。然后创建一个该SERVLET的实例，该SERVLET的jspInit()方法被执行，jspInit()方法在servlet的生命周期中只被执行一次。然后jspService()方法被调用来处理客户端的请求。对每一个请求，JSP引擎创建一个新的线程来处理该请求。如果有多个客户端同时请求该JSP文件，则JSP引擎会创建多个线程。每个客户端请求对应一个线程。以多线程方式执行可大大降低对系统的资源需求,提高系统的并发量及响应时间.但应该注意多线程的编程限制，由于该servlet始终驻于内存，所以响应是非常快的。如果.jsp文件被修改了，服务器将根据设置决定是否对该文件重新编译，如果需要重新编译，则将编译结果取代内存中的servlet，并继续上述处理过程。虽然JSP效率很高，但在第一次调用时由于需要转换和编译而有一些轻微的延迟。此外，如果在任何时候如果

由于系统资源不足的原因，JSP引擎将以某种不确定的方式将servlet从内存中移去。当这种情况发生时jspDestroy()方法首先被调用,然后servlet实例便被标记加入"垃圾收集"处理。jspInit()及jspDestory()格式如下：可在jspInit()中进行一些初始化工作,如建立与数据库的连接，或建立网络连接，从配置文件中取一些参数等，在jspDestory()中释放相应的资源。

1.2.1.2JSP的特点

1）.WriteOnce,RunAnywhere特性。作为Java平台的一部分，JSP技术拥有Java语言“一次编写，各处执行”的特点，这意味着，一个JSP程序可以运行于支持JSP的任何应用服务器，而不需要对代码做任何修改。

2).搭配可重复使用的组件。JSP技术可依赖于重复使用跨平台的组件（如：JavaBean或EnterpriseJavaBean组件）来执行更复杂的运算、数据处理。开发人员能够共享开发完成的组件，或者能够加强这些组件的功能，让更多用户或是客户团体使用。

3).采用标签化页面开发。JSP技术能够将许多功能封装起来，成为一个自定义的标签，这些功能是完全根据XML的标准来制订的，即JSP技术中的标签库(TagLibrary)。

4.)实现了角色的分离。JSP规范允许将工作分为两类：页面的图形内容和页面的动态内容。不具备Java编程语言知识的人员可以创建页面的图形内容，然后由Java程序员向此文档插入Java代码，实现动态内容。5).N层企业应用架构的支持。JSP技术是Java2PlatformEnterpriseEdition(J2EE)(相关信息请参阅)集成中的一部分，它主要是负责前端显示，而分散性的对象系统则是主要依赖EJB(EnterpriseJavaBean)和JNDI(JavaNamingandDirectoryInterface)构建而成

1.2.2Tomcat服务器的安装配置1.2.2.1Tomcat服务器的安装

运行Tomcat安装程序，按照界面提示即可完成安装

1.2.2.2Tomcat服务器的配置及测试

可以在conf中的server.xml中配置端口号。测试结果如下图：

2创建数据库

2.1创建数据库的步骤

数据库设计一般要经过：确定创建数据库的目的、确定数据库中需要的表、确定该表中需要的字段、确定主关键字和确定表之间的关系等步骤1）.确定创建数据库的目的

设计数据库的第一个步骤是确定数据库的目的及如何使用。用户需要明确希望从数据库得到什么信息，由此可以确定需要什么主题来保存有关事件（表）和需要什么事件来保存每一个主题（表中的字段）。与将使用数据库的人员进行交流。集体讨论需要数据库解决的问题，并描述需要数据库生成的报表；同时收集当前用于记录数据的表格，然后参考某个设计得很好且与当前要设计的数据库相似的数据库。2）.确定该数据库中需要的表

确定表可能是数据库设计过程中最难处理的步骤。因为要从数据库获得的结果、要打印的报表、要使用的格式和要解决的问题不一定能够提供用于生成表的结构线索。

不必使用Access来设计表。实际上，先在纸上草拟并润色设计可能是较好的方法。在设计表时，应该按以下设计原则对信息进行分类。

（1）表不应包含备份信息，表间不应有重复信息。由此，关系数据库中的表与常规文件应用程序中的表（例如，电子表格）有所不同。

（2）如果每条信息只保存在一个表中，只需在一处进行更新，这样效率更高，同时也消除了包含不同信息的重复项的可能性。例如，要在一个表中只保存一次每一个客户的地址和电话号码。（3）每个表应该只包含关于一个主题的信息。

（4）如果每个表只包含冠以一个主题的事件，则可以独立于其他主题维护每个主题的信息。例如，将客户的地址与客户订单存在不同表中，这样就可以删除某个订单但仍然保留客户的信息。3）.确定表中需要的字段

每个表中都包含关于同一主题的信息，并且表中的每个字段包含关于该主题的各个事件。例如，客户表可以包含公司的名称、地址、城市、省和电话号码的字段。在草拟每个表的字段时，请注意下列提示：（1）每个字段直接与表的主题相关。

（2）不包含推导或计算的数据（表达式的计算结果）。（3）包含所需的所有信息。

（4）以最小的逻辑部分保存信息（例如，名字和姓氏而不是姓名）。4）.确定主关键字

Access为了连接保存在不同表中的信息，例如将某个客户与该客户的所有订单相连接，数据库中的每个表必须包含表中唯一确定的每个记录的字段和字段集。这种字段和字段集称作主键（主关键字）。5）画出ER图如下：

2.2创建access数据库

创建access数据库如下图：

3JSP访问web数据库的程序代码

3.1用户登录的程序代码

用户名：

密码：

3.2处理用户登录的程序代码

<%}else{%>

3.3插入记录的程序编码

1)ex9-09.html:

添加记录应用案例

td{font-family:宋体;font-size:12px;color=white;}td{

border:1pxsolidred;}

2)ex9-09.jsp:

添加记录

td{font-family:宋体;font-size:12px;color=white;}

邮编：

src="images/top.swf"

quality="high"

type="application/x-shockwave-flash"

width="474"height="70">

td{

border:1pxsolidred;}

}

Strings_stel=request.getParameter("stel");if(s_stel==null){s_stel="";}

Strings_sbirth=request.getParameter("sbirth");if(s_sbirth==null){s_sbirth="";}

Strings_sclass=request.getParameter("sclass");if(s_sclass==null){s_sclass="";}%>

新添加的记录

邮编：

3.4更新记录的程序编码

1)ex9-10.html:

更新记录应用案例

td{font-family:宋体;font-size:12px;color=black;}td{

border:1pxsolidred;}

width="850"height="120">

2)ex9-10.jsp:

添加记录

td{font-family:宋体;font-size:12px;color=white;}td{

border:1pxsolidred;}

邮编：

src="images/top.swf"

quality="high"

type="application/x-shockwave-flash"

width="474"height="70">

新添加的记录

snumsnamesexadeptaddresstel birthclass

//利用while循环将数据表中的记录列出while(rs.next()){%>

地址：合肥市长江西路

130

号邮编：

230036

3.5查询记录的程序编码

1)ex9-04.html:

参数查询应用案例

td{font-family:宋体;font-size:12px;color=white;border:1pxsolidred;}

src="images/top.swf"

quality="high"

type="application/x-shockwave-flash"

width="474"height="70">

//利用while循环将数据表中的记录列出while(rs.next()){%>

邮编：

3.6删除记录的程序编码

1)ex9-11.html:

删除记录应用案例

td{font-family:宋体;font-size:12px;color=white;}td{

border:1pxsolidred;

}

删除记录

输入需要删除的学生学号:

2)ex9-11.jsp:

删除记录

地址：合肥市长江西路

130

号邮编：

230036

td{font-family:宋体;font-size:12px;color=black;}td{

border:1pxsolidred;}

删除后的记录

snumsnamesexadeptaddresstel birthclass

地址：合肥市长江西路

130

号邮编：

230036

3.7显示所有记录的程序编码

ex9-01.jsp:

JDBC建立数据库连接

邮编：

4创建web主页

1)创建web主页代码如下:

个人网页

此网页使用了框架，但您的浏览器不支持框架。

其中dyindex.html中的代码如下：

大一

daerindex.html中的代码如下：

大二

dasanindex.html中的代码如下：

大三

dasiindex.html中的代码如下：

大四

5浏览网页及访问web数据库

5.1添加数据源

添加数据源步骤如下：

控制面板管理工具数据源（ODBC）系统DNS添加MicrosoftAccessDriver输入数据源名称（bookshoplk）找到你的数据库（D:\\apache-tomcat-6.0.24\\webapps\\ROOT\\bookshoplk..mdb）

5.2测试结果

1）在浏览器中输入:8080/zhuye.html打开主页

2)点击上图“大一”超链接到如下图：

3)点击1）图中“同学信息”超链接到如下图：

输入用户名：zqxkq密码：123456点击提交得到下图所示：

4)点击3）图中“插入”并输入信息得到如下图：

点击提交得下图：

5)点击3）图中“查询”超链接到如下图：

输入10539064点击提交得下图：

6)点击3）图中“更新”超链接到如下图：

输入10539064,18755229639点击提交得下图：

7)点击3）图中“所有信息”超链接到如下图：

8)点击3）图中“删除”超链接到如下图：

输入10539007点击提交得下图：

友情提示：本文中关于《web开发技术课程总结》给出的范例仅供您参考拓展思维使用，web开发技术课程总结：该篇文章建议您自主创作。

　　来源：网络整理免责声明：本文仅限学习分享，如产生版权问题，请联系我们及时删除。

《web开发技术课程总结》
由互联网用户整理提供,转载分享请保留原作者信息,谢谢!
http://m.bsmz.net/gongwen/673060.html