资源描述
课程结束报告课程名称: 基于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 运行效果,如下图:
展开阅读全文