基于JSP的职业学校《网页制作》专题学习网站的开发

黑龙江 朱顺

基于JSP的职业学校《网页制作》专题学习网站的开发

黑龙江 朱顺

JSP(Java Server Pages)是一种动态网页技术标准。本文论述了职业学校《网页制作》专题学习网站页面结构设计、内容设计、查询功能设计、MySQL数据库连接设计及对专题学习网站的展望。

专题学习网站；职业学校；JSP；网页制作

JSP(Java Server Pages)是一种动态网页技术标准。JSP开发的网站具有跨平台性，网络中计算机的操作系统不一定必须全都是Windows。采用JSP技术开发的专题学习网站，可以通过浏览器登录网站，而不受所使用计算机的操作系统的局限，十分灵活方便。

一、JSP与PHP、ASP相比较

开发网站的技术很多，之所以采用JSP，因为其具有强大的生命力和发展潜力。

JSP跨平台，访问数据库速度快，扩展性好，安全性高。

PHP简单易学，特别是对有一定基础的，适合快速开发。

ASP不跨平台，漏洞多，采用该技术所开发的网站容易被攻击，开发ASP的微软公司已经放弃了对其进行技术支持和升级。

二、专题学习网站页面结构设计

职业学校专题网站的功能主要是提供给学习《网页制作》的专业知识的途径。

职业学校《网页制作》专题学习网站的页面结构采用框架进行设计，通过HTML语言中的〈frame〉标签和〈frameset〉标签将页面布局设计成三部分，分别是“网页导航”、“网页顶部”、“页面内容”。这种设计将每一个页面都分别单独放在一个框架里面，学习者登录专题学习网站后，“网页导航”和“网页顶部”是固定不变的，学习者在浏览器里的操作就会在“页面内容”中显示结果。这种结构设计的优势如下：

（一）浏览器反复加载“网页导航”和“网页顶部”等相同内容的现象可以被有效避免，从而极大加快了浏览器访问《网页制作》专题学习网站的速度。

（二）无需在JSP页面中大量引用〈include〉动作标签。

三、专题学习网站内容设计

主要内容设计为“网页制作基础”、“网页制作工具”和“网页制作技术”三部分。

（一）“网页制作基础”：主要介绍互联网的发展历史和现实应用，网站和主页的定义及概念。

（二）“网页制作工具”：Flash、Dreamweaver、Firework是网页制作的三个常用软件。

（三）“网页制作技术”：框架网页的制作、网页的布局视图排版、网站的发布。

四、专题学习网站文件夹结构

在校园网专题学习网站服务器上创建文件夹webpageproduction，网站名称是webpageproduction，专题学习网站主页上的栏目有：“网页制作软件”、“网页制作教程”、“网页制作视频”、“网页制作范例”、“网页制作模板”和“网页制作资源下载”，在服务器硬盘上webpageproduction文件夹下相应的建立子文件夹software、tutorial、video、example、template 和 download。 在 webpageproduction文件夹里保存主页文件，其他栏目的文件被相应存储在各自对应的子文件夹里。每个文件夹均采用小写英文字母命名。

五、专题学习网站查询功能设计

（一）条件查询

在JSP页面中输入查询条件，Tag文件可以根据JSP提交的条件进行查询。Tag文件是一种特殊的文本文件。Tag文件和JSP文件很类似，可以被JSP页面动态加载调用，但用户不能通过该Tag文件所在Web服务目录直接访问这个Tag文件。Tag文件是扩展名为.tag的文本文件，其结构几乎和JSP文件相同。一个Tag文件中可以有普通的HTML标记符、某些特殊的指令标记、成员变量和方法的声明、Java程序片和Java表达式。

（二）随机查询

为了在结果集中能前后移动，随机显示若干记录，就必须要返回一个可滚动的结果集。

Statement stmt=con.createStatement（int type，int concurrency）；

ResultSet re=stmt.executeQuery（SQL语句）；

（三）顺序查询

和数据库建立连接对象con，调用getMeta-Data（）可返回DatabaseMetaData对象。Metadata对象再调用getColumns（）方法可将表的字段信息以行列的形式存储在ResultSet对象中。

（四）模糊查询

在JSP页面中输入模糊查询条件，Tag文件可以根据JSP提交的条件进行模糊查询。可以在SQL语句中使用LIKE操作符进行模式匹配，用“%”代替零个或多个字符，下划线“_”代替一个字符等。

（五）排序查询

在SQL语句中使用ORDER BY子语句，将记录排序。在JSP页面中输入排序方式，Tag文件根据JSP提交的数据进行排序查询。

六、MySQL数据库连接设计

职业学校《网页制作》专题学习网站使用MySQL数据库，MySQL不依赖于平台、功能强大，是开源项目。加载MySQL的Java驱动程序来和MySQL数据库建立连接如下：

（一）加载驱动程序

将mysql-connector-java-5.0.4.zip文件解压缩到服务器的硬盘，在解压缩文件夹里的mysql-connector-java-5.0.4-bin.jar文件是连接MySQL数据库的Java数据库驱动程序。将该驱动程序复制到Tomcat服务器安装目录的commonlib文件夹中。程序代码如下：

try{Class.forName("com.mysql.jdbc.Driver")；

}

catch(Exceptione){}

（二）与数据库建立连接

try{String uri=“jdbc:mysql://localhost/数据库名”；

Stringuser=“学习者姓名”；

Stringpassword="学习者密码"；

Con=DriverManager.getConnection （uri，user，password）；

}

catch(SQLExceptione){}

七、专题学习网站展望

专题学习网站可以让职业学校每个学生在校园网里共同分享《网页制作》的教学资源，随时随地学习，上传网页制作作品，学习交流，共同提高。即使职业学校学生实习或毕业后，也可登录专题学习网站，继续学习相应的日异发展更新的先进技术，符合终身学习和就业、创业的时代要求。

[1]王国辉，等编著.Java Web开发实战宝典.清华大学出版社，2010年第1版.

[2]张跃平，耿祥义.JSP程序设计.清华大学出版社，2009年第1版.

（作者单位：大庆市蒙妮坦职业高级中学）

（编辑 李艳华）