课程结束报告.docx

1、课程结束报告课程结束报告课程名称: 基于WEB的网站开发技术 学生姓名: 学 号: 学 院: 数学与统计学院 专 业: 信息与计算科学1班 任课教师: 2012年12月26日目 录1. 基本网页设计知识学习要点1.1 关于Html的主要标记学习要点1.2 我的Html设计与应用范例1.3 关于JavaScript知识要点1.4 JavaScript在html页面中的应用范例（如：菜单设计示例、显示日期示例等）1.5 表单设计主要标签1.6 表单设计范例（如登陆窗口）2. Jsp网站开发2.1 如何在html中嵌入java脚本？设计一个学生类，并利用list存放一个班级的基本信息（5人左右）并在

2、页面中利用表格显示出来。2.2 给出一个范例说明在jsp中利用JDBC建立到SQLServer2005的过程（最好给出一个范例及界面）3. Struts2.X学习要点3.1 利用struts2.x页面的主要要素，给出一个利用struts2.x的示例页面3.2 请利用struts2.x设计一个登陆界面，若登陆成功返回登陆信息界面，否则返回登陆界面。请给出完整的设计。3.3 设计一个学生类，利用list存放一个班级的基本信息（5人左右）并在页面中利用struts2.0的标签、在页面中显示出来。3.4 利用设计一颗静态树。4. Hibernate3.x学习要点4.1 说明如何让你的web proje

3、ct具有 Hibernate3.X Capability?4.2 如何利用Hibernate Reserve Engineering 生成某个表的基本DAO类4.3 请利用Hibernate DAO将相关表中的数据在页面中展示出来。成绩1. 基本网页设计知识学习要点1.1 关于Html的主要标记学习要点 一：（html基本标记）： head,头部标记 里面常用的标记（） title 标题标记 二: (文字与段落): 标题文字的对齐方式 ： align 属性值（left center right） 设置文字常用属性 ： （face字体；size字号；color颜色） 设置文字常用标记： =文本

4、粗体；斜体；下划线； 段落标记 换行标记 三 :（超链接）: 超链接语法：新浪 建立书签：连接文字 四 :（插入图像及图像连接） 图像的格式：jpg格式 ； png格式 ；gif格式 ; bmp; 插入图像语法： 注：图片标记不成对出现 图像的超链接： 五 :(多媒体) 滚动文字的标记与语法： .滚动文字 设置滚动文字常用属性： 滚动方向： direction=(up; down; left; right) 背景音乐的设置 ： 注：图片标记不成对出现 六（表格的插入） 表格的插入： 行 列. . 设置表格的常用属性： width宽；height高；align对齐方式(align=缺省 对左(l

5、eft) =centre 对中 =right 对右)； 标格的边框：border 标格的边框颜色：bordercolor 行文字以及表格标题的对其方式：valign 水平跨度： colspan 垂直跨度： rowspan 单元格的亮，暗边框： bordercolorlight bordercolordark 七 （框架） 框架的基本结构语法： 1.2我的Html设计与应用范例图6.11.分析与讨论标题栏显示： 计算机基础知识 背景颜色： 水平线： 居中排列： 文本样式： 2. 操作步骤实现该网页效果的HTML语言代码如下： 计算机基础知识 计算机基础知识 什么是计算机系统？ 计算机的产生和发展

6、 计算机系统组成 数据在计算机中的表示 计算机的应用领域 1.3关于JavaScript知识要点1.JavaScript是一种运行在浏览器上的脚本语言2.JavaScript包含在一个(X)HTML文档中的方法主要有以下几种：使用script元素在XHTML中直接嵌入JavaScript语句将JavaScript源文件通过script元素的src属性链接到XHTML文档使用伪URL方式加入到超链接脚本包含在XHTML事件处理程序属性中3.JavaScript数据类型分为：原始类型和引用类型原始类型包括5种：undefined、null、boolean、number、string以用数据类型包括

7、：原生对象由JavaScript提供，独立于浏览器的对象。Object,Array,String,Boolean,Number,Date,RegExp.内置对象也是一种原生对象，只是在使用时不需要初始化。如：Global,Math宿主对象与浏览器有关的对象。如：BOM,DOM自定义对象4.typeof可以检测原始数据类型，如果检测var obj=null，得到的结果typeof(obj)是object5.创建数组有两种方式，如：var ary = new Array(1,2,3,4);或var ary = 1,2,3,4;6.访问对象的属性可以采取下面几种方式：obj.attobjattobj

8、a+t+t7.javascript的全局函数(Global)包括：isNaN()isFinite()parseInt()parseFloat()eval_r()encodeURI()decodeURI()encodeURIComponent()decodeURIComponent()8.null=undefined成立，NaN=NaN不成立9.javascript中字符串可以用双引号和单引号10.DOM中创建元素节点的方法是createElement_x()创建文本节点的方法是createTextNode()改变文本节点的值可以用使用nodeValue11.AJAX的技术包括：JavaScri

9、pt、XML、DOM、XMLHttpRequest、XHTML12.XMLHttpRequest的readyStatus属性值为4时表示请求已经完成13.在IE上使用的XMLHttpRequest对象是ActiveXObject14.onreadystatechange用来设置在每次XMLHttpRequest对象改变时触发的JavaScript事件处理器15.用XMLHttpRequest对象发送GET请求和POST请求的步骤上区别包括：Get请求的数据是加在URL后面的Post请求必须加上req.setRequestHeader(Content-Type,application/x-www

10、-form-urlencoded);16.javaScript的事件流包括以下以个阶段：事件捕获阶段事件冒泡阶段17.浏览器对传统事件处理程序的指派方法的支持，比对现代事件处理程序指派方法的支持更好。现代事件处理程序可以为一个事件指派多个处理方法。18.javascript可以实现创建对象，访问对象，继承对象，但是javascript不是面向对象语言，并不具备面向对象的特征19.在FireFox中onkeypress事件中想要取得输入的值使用事件对象的charCode属性20.获得网页上表单对象的方式有以下几种(假设form的name和id都是fm)dcocument.getElementBy

11、Id(fm);dcocument.formsfm;dcocument.fm; 1.4 JavaScript在html页面中的应用范例（如：菜单设计示例、显示日期示例等）1:用JavaScript设计一个树形菜单 树形菜单   苹果橘子香蕉OPTION value=茄子橙子2:显示日期实例输入以下代码：document.write() setInterval(function()with(new Date)time.innerText=(getYear()+1901)+年+(getMonth()+1)+月+getDate()+日 星期+日一二三四五六.charAt(getDay()+

12、+getHours()+:+getMinutes()+:+getSeconds(),1000) 1.5 表单设计主要标签表格标签行标签列标签1) 标题12属性align:left center rightborder:表格边线 width:cellspacing:清空格子之间距离cellpadding:格子内 内容边距和用法一致，其中文字以粗体居中显示2）属性 3)属性属性影响到所在行或者列colspan 此表格占几行rowspan 此表格占几列1.6 表单设计范例（如登陆窗口）表单设计：(1) 文件有Login.html(2) 运行效果，如右图: (3) 代码为: 登陆页面 芳名: 密码:

13、2.1如何在html中嵌入java脚本？设计一个学生类，并利用list存放一个班级的基本信息（5人左右）并在页面中利用表格显示出来。1两种方法：方法1.以标签直接嵌入java脚本。方法2.以一标签引入java脚本。 学生类 % Listlist=new ArrayList(); list.add(张三); list.add(李四); list.add(王五); list.add(赵六); list.add(小七); list.add(丁八); request.setAttribute(students,list); out.println(); for(int i=0;ilist.size()

14、;i+) out.println(+list.get(i)+); out.println(); % 2.2JSP中使用JDBC连接SQL Server 2005准备工作 首先，操作系统中安装好SQL Server 2000/2005，如果系统中都装有2000和2005版，记得停用一个，只开一个行了。 然后，到微软网站下载Microsoft SQL Server 2005 JDBC Driver 1.1，也可以使用这个地址直接下载。 解压sqljdbc_1.1.1501.101_chs.exe，把sqljdbc_1.1复制到%ProgramFiles%（如果系统在C盘则为C:Program Fi

15、les）。 设置 Classpath JDBC 驱动程序并未包含在 Java SDK 中。因此，如果要使用该驱动程序，必须将 classpath 设置为包含 sqljdbc.jar 文件。如果 classpath 缺少 sqljdbc.jar 项，应用程序将引发“找不到类”的常见异常。 sqljdbc.jar 文件的安装位置如下： sqljdbc_sqljdbc.jar 下面是用于 Windows 应用程序的 CLASSPATH 语句实例： CLASSPATH =.;%ProgramFiles%sqljdbc_1.1chssqljdbc.jar 下面是用于 Unix/Linux 应用程序的 C

16、LASSPATH 语句实例： CLASSPATH =.:/home/usr1/mssqlserver2005jdbc/Driver/sqljdbc_1.1/chs/sqljdbc.jar 注意： 在 Window 系统中，如果目录名长于 8.3 或文件夹名中包含空格，将导致 classpath 出现问题。如果怀疑存在这类问题，应暂时将 sqljdbc.jar 文件移动到名称简单的目录中，例如 C:Temp，更改 classpath，然后测试这样是否解决了问题。 直接在命令提示符运行的应用程序在操作系统中配置 classpath。将 sqljdbc.jar 追加到系统的 classpath 中。

17、或者，使用 java -classpath 选项，可以在运行此应用程序的 Java 命令行上指定 classpath。 设置SQL Server服务器 我使用的是SQL Server 2005标准版SP2，这些都默认即可，一般不用配置。如果需要配置端口请看下面。 1、“开始”“程序”“Microsoft SQL Server 2005”“配置工具”“SQL Server 配置管理器”“SQL Server 2005 网络配置”“MSSQLSERVER 的协议” 2、如果“TCP/IP”没有启用，右键单击选择“启动”。 3、双击“TCP/IP”进入属性设置，在“IP 地址”里，可以配置“IPAl

18、l”中的“TCP 端口”，默认为1433。 4、重新启动SQL Server或者重启计算机。 创建数据库 打开“SQL Server Management Studio”，登录连接SQL Server服务器，新建数据库，命名为test 在Eclipse中测试 1、打开Eclipse，“文件”“新建”“项目”“Java 项目”，项目名为Test 2、在Eclipse中，选择“窗口”“首选项.”“Java”“已安装的 JRE”，选择已安装的 JRE，点击“编辑”“添加外部”，选择%ProgramFiles%sqljdbc_1.1chssqljdbc.jar 3、在Test项目的“JRE 系统库”中

19、可以看见sqljdbc.jar，如果没有可以右键单击项目Test“构建路径”“配置构建路径.”“Java 构建路径”“库”“添加外部 JAR.”，选择%ProgramFiles%sqljdbc_1.1chssqljdbc.jar 4、编写Java代码，如下： import java.sql.*; public class Test public static void main(String srg) String driverName = com.microsoft.sqlserver.jdbc.SQLServerDriver; /加载JDBC驱动 String dbURL = jdbc:s

20、qlserver:/localhost:1433; DatabaseName=test; /连接服务器和数据库test String userName = sa; /默认用户名 String userPwd = 123456; /密码 Connection dbConn; try Class.forName(driverName); dbConn = DriverManager.getConnection(dbURL, userName, userPwd); System.out.println(Connection Successful!); /如果连接成功 控制台输出Connection

21、Successful! catch (Exception e) e.printStackTrace(); 3.1利用struts2.x页面的主要要素，给出一个利用struts2.x的示例页面struts.jspStruts跳转 tiaozhuan.jspWelcome 跳转成功！ gogo.javapackage gogo;import com.opensymphony.xwork2.ActionSupport;public class gogo extends ActionSupport public String execute() return gogo;struts.xml action name=gogoclass=g