课程结束报告-最终版.doc

课程结束报告课程名称: 基于WEB的网站开发技术 学生姓名: 学 号: 学 院: 数学与统计学院 专 业: 信息与计算科学 任课教师: 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 给出一个范例说明在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 project具有 Hibernate3.X Capability?4.2 如何利用Hibernate Reserve Engineering 生成某个表的基本DAO类4.3 请利用Hibernate DAO将相关表中的数据在页面中展示出来。成绩1. 基本网页设计知识学习要点1.1 关于Html的主要标记学习要点与标签、与标签、标签、 标签.1.2 我的Html设计与应用范例1.2.1与标签 (1)设计应用实例的目录结构： (2)运行效果：(3)各文件的代码：main.html代码 frame与frameset标签案例 leftTopmain.html代码 LeftTopmain CORLOR ACORLOR BCORLOR C colorA.html代码 Page A Page A colorB.html、colorC.html、bottom.html代码略。1.2.2与标签 (1)设计应用实例的目录结构： (2)运行效果 (3) ol与ul标签.html文件的代码： ol与ul标签 一个有序列表： Coffee Tea Milk 一个无序列表： Cat Dog Tiger1.2.3标签、 标签.(1)设计应用实例的目录结构： (2)运行效果(3)各文件的代码：a标签、table 标签.html代码 a标签、table 标签 学号 姓名 20101315043 卢春洋 这是一个超链接,请点击 超链接.html代码 a标签、table 标签 欢迎你，亲！ 1.3 关于JavaScript知识要点JavaScript常用对象与函数:1.3.1 Global对象：其没有Construct属性，不能对Global对象使用new操作符；没有Call属性，因此不能像方法一样调用Global对象；Global对象的Prototype和Class属性是由实现而定的；在浏览器中的Global对象就是window.1.3.2 Object对象：其是所有对象的父对象，提供了JavaScript中对象的基本原型。1.3.3 Function对象：如果Function被以非构造函数的方式调用的话，它建立并初始化一个新的Function对象，因此这种调用方式等同于以相同的参数调用new Function()表达式。1.3.4 Array对象：如果Array构造函数被以方法方式而不是构造函数的方式调用，则建立一个新的Array对象。因此使用相同参数调用Array()与new Array()的效果等同。1.3.5 String对象：String构造函数new String(value)1.3.6 Boolean对象1.3.7 Number对象1.3.8 Date对象1.4 JavaScript在html页面中的应用范例（如：菜单设计示例、显示日期示例等）3D 文本设计：(1) 文件有3D Text.html(2) 运行效果，如右图: (3) 代码为:3d3D TextWebWebLu ChunyangWebWebLu ChunyangWebWebLu ChunyangWeb1.5 表单设计主要标签、等标签。1.6 表单设计范例（如登陆窗口）(1) 文件有Login.html(2) 运行效果，如右图: (3) 代码为: 登陆页面 芳名: 密码: 2. Jsp网站开发2.1 如何在html中嵌入java脚本？设计一个学生类，并利用list存放一个班级的基本信息（5人左右）并在页面中利用表格显示出来。2.1.1两种方法：方法1.以标签直接嵌入java脚本。方法2.以一标签引入java脚本。2.1.2 (1)Student.java文件代码：package Student;public class Student private String ID;private String name;private int age;private String zy;private String grade;getter,setter方法略; (2)ShowStud.jsp文件代码： 学生信息展示 % Student stud1=new Student(); stud1.setID(20101315043); stud1.setName(卢春洋); stud1.setAge(21); stud1.setZy(信息与计算科学); stud1.setGrade(2010级); Student stud2=new Student(); stud2.setID(20101314003); stud2.setName(于春); stud2.setAge(21); stud2.setZy(信息与计算科学); stud2.setGrade(2010级); Student stud3=new Student(); stud3.setID(20101315045); stud3.setName(刘明松); stud3.setAge(21); stud3.setZy(信息与计算科学); stud3.setGrade(2010级); Student stud4=new Student(); stud4.setID(20101315027); stud4.setName(顾惠恬); stud4.setAge(20); stud4.setZy(信息与计算科学); stud4.setGrade(2010级); Student stud5=new Student(); stud5.setID(20101315065); stud5.setName(李昌波); stud5.setAge(22); stud5.setZy(统计学); stud5.setGrade(2010级); List list=new ArrayList(); list.add(stud1); list.add(stud2); list.add(stud3); list.add(stud4); list.add(stud5); Iterator it = list.iterator(); int flag=0; String colors = #FF6DC6, #70C7F9,; % 学号 姓名 年龄 专业 年级 tr style=background-color: 2.1.3运行效果：2.2 给出一个范例说明在jsp中利用JDBC建立到SQLServer2005的过程（最好给出一个范例及界面）2.2.1范例JDBC.jsp文件代码： jsp利用JDBC连接SQL Server 2005 数据库操作成功，恭喜你！ 2.2.2运行效果：3. Struts2.X学习要点3.1 利用struts2.x页面的主要要素，给出一个利用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/tiaozhuan.jsp运行效果：3.2 请利用struts2.x设计一个登陆界面，若登陆成功返回登陆信息界面，否则返回登陆界面。请给出完整的设计。3.2.1建立一个名为ww的Web Project，并为其添加Struts能力；3.2.2依次编辑登陆界面index.jsp，代码如下： 登陆界面!- 编辑Login.java，代码如下：package action;public class Login private String UserName;private String PassWord;public String getPassWord() return PassWord;public void setPassWord(String passWord) PassWord = passWord;public String Pgo()if(getUserName().equalsIgnoreCase(卢春洋)&getPassWord().equalsIgnoreCase(20101315043)return succe;elsereturn login;public String getUserName() return UserName;public void setUserName(String userName) UserName = userName;编辑登陆成功页面success.jsp，代码如下： success 欢迎来到雕刻时光！ 姓名 密码 编辑登陆失败页面error.jsp，代码如下：登录失败 登录失败，请检查姓名和密码！ 重新登录 3.2.2 目录结构，如图：3.2.3 运行效果，如下图： 设计一个学生类，利用list存放一个班级的基本信息（5人左右）并在页面中利用struts2.0的标签、在页面中显示出来。3.3.1Student.java代码如下：package Student;public class Student private String ID;private String name;private int age;private String zy;private String grade;getter,setter方法略; 3.3.2. ListStu.jsp代码如下： 学生信息展示 % Student stud1=new Student(); stud1.setID(20101315043); stud1.setName(卢春洋); stud1.setAge(21); stud1.setZy(信息与计算科学); stud1.setGrade(2010级); Student stud2=new Student(); stud2.setID(20101314003); stud2.setName(于春); stud2.setAge(21); stud2.setZy(信息与计算科学); stud2.setGrade(2010级); Student stud3=new Student();stud3.setID(20101315045);stud3.setName(刘明松);stud3.setAge(21); stud3.setZy(信息与计算科学);stud3.setGrade(2010级); Student stud4=new Student(); stud4.setID(20101315027); stud4.setName(顾惠恬); stud4.setAge(20); stud4.setZy(信息与计算科学); stud4.setGrade(2010级); Student stud5=new Student(); stud5.setID(20101315065); stud5.setName(李昌波); stud5.setAge(22); stud5.setZy(统计学); stud5.setGrade(2010级); List list=new ArrayList(); list.add(stud1); list.add(stud2); list.add(stud3); list.add(stud4); list.add(stud5); request.setAttribute(list, list); % 学号 姓名 年龄 专业 年级 3.3.3 运行效果：3.3 利用设计一颗静态树。树是是比较常用的数据结构，因为它可以很好地体现真实世界中对象之间的关系。3.4.1建立web项目，目录结构如下图：3.4.2 tree.jsp代码： tree 3.4.3运行效果，如下图：4. Hibernate3.x学习要点4.1 说明如何让你的web project具有 Hibernate3.X Capability?右击web工程名，再按下图操作：在弹出框中一直 按next4.2 如何利用Hibernate Reserve Engineering 生成某个表的基本DAO类一、在MyEclipse中打开视图MyEclipse database explorer perspective，然后按下图依次操作：二、选好Java src folder和填好Java package，勾选复选框如下图：三、选择Id增长模式为native，最后点Finish4.3 请利用Hibernate DAO将相关表中的数据在页面中展示出来。4.3.1在SQL Server 2005中建立数据库hibernate_test，表jingdian 表jingdian中数据为：4.3.2建立web工程，并为其添加Hibernate能力，最终目录结构如下图：4.3.3重要文件JingDianDao.java和LIst.jsp的代码分别如下：JingDianDao.javapackage com.pojo;import java.util.*;import com.hibernate.HSF;public class JingDianDao public List getJingdian() SuppressWarnings(unchecked) List JD=(HSF.getSession().createQuery(from Jingdian).list(); return JD;LIst.jsp LIst.jsp ID Question Answer % JingDianDao jdd=new JingDianDao(); List jd=jdd.getJingdian(); Iterator it=jd.iterator(); request.setAttribute(list, jd); int flag=0; String colors = pink, #42DB10; while(it.hasNext() Jingdian j=(Jingdian)it.next(); % tr style=background-color: 4.3.4 运行效果，如下图：