JSP在网站制作中的应用

        一、引言 

 

 

 

　　随着21世纪的到来,高等职业教育在适应职业结构和产业结构的变化,使劳动力就业行为与国际接轨,促进社会经济的发展等方面的作用越来越明显。要培养高等技术应用性人才,就必须选用科学的教学方法。与其它类型、层次的教育相比,高职教育的教学方法更加强调实践性,这既是高职教育的教学特色所在,也是培养技术技能性人才的基本保证。教学方法的实践性主要体现以下几方面: 

 

 

　　一是互动性,更加重视学生的参与。因此,在教学中必须坚持以学生为本,让学生多多参与,亲自动手,亲自操作。 

 

 

　　二是要根据专业实际合理确定理论教学与实践教学的比例,加强学生的专业技能培养,坚持以实践为本。 

 

 

　　三是要把学业与就业、创业紧密结合,更加注重职业素质的培养,努力使学生通过实训教学获得就业的技能和创业的本领。 

 

 

　　笔者通过讲授JSP课程,让学生参与到整个网站的制作中,了解网站的制作流程。网站的制作大致分为以下几个步骤:静态页面的设计、系统结构的设计、数据库的设计、主要功能的实现。 

 

 

　　二、静态页面的设计 

 

 

　　由于笔者采用的是常见的BBS论坛作为案例,所以省去了网站制作时的前期调研,可行性分析阶段。从静态页面的设计直接开始,让学生有个视觉上的直接感受。静态页面的设计主要使用PhotoShop软件,在设计静态页面的过程中注意以下几个方面: 

 

 

　　1.页面尺寸:页面尺寸,通俗的说就是页面的大小,因为我们的页面要展现在不同大小的显示器上,而页面尺寸和显示器大小及分辨率有关系。一般分辨率在1024×768的情况下,页面的显示尺寸为1007×600象素;800x600的情况下,页面的显示尺寸为780×428个象素;而640x480的情况下,页面的显示尺寸为620×311个象素。从以上数据可以看出,分辨率越高页面的尺寸就越大。 

 

 

 

　　2.页头: 页头在网页的最顶部,页头常放置站点名称的图片和公司标志以及旗帜广告。 笔者认为页头的作用突出页面甚至整个网站的主题。比如站点的名称,LOGO等等多数都显示在页头里。访问者通过页头就能很快知道这个站点是什么内容。页头是整个页面设计的关键,它还涉及到整个页面的协调性。

 

 

　　3.图文混排:图文混排实际上就是设计网页上的文字、图片以及网站的色彩等的整体搭配的问题,笔者认为应该注意几个问题: 

 

 

　　(1)文字、图像等要素的空间占用上分布均匀; 

 

 

 

　　(2)色彩的平衡,要给人一种协调的感觉; 

 

 

　　(3)比例适当,这在布局当中非常重要; 

 

 

　　(4)页脚: 页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司等版权信息的地方。 

 

 

　　三、系统结构的设计 

 

　　由于笔者是讲授的JSP,因此在设计时该系统时采用的是java中比较常见的MVC模型。MVC英文即Model-View-Controller,即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离,这样一个应用被分成三个层——模型层、视图层、控制层。 

 

 

　　视图(View)代表用户交互界面,对于Web应用来说,可以概括为HTML界面,但有可能为XHTML、XML和Applet。本案例采用JSP实现视图界面。 

 

 

　　模型(Model):就是业务流程/状态的处理以及业务规则的制定。业务流程的处理过程对其它层来说是黑箱操作,模型接受视图请求的数据,并返回最终的处理结果。业务模型的设计可以说是MVC最主要的核心。 

 

 

　　控制(Controller)可以理解为从用户接收请求, 将模型与视图匹配在一起,共同完成用户的请求。划分控制层的作用也很明显,它清楚地告诉你,它就是一个分发器,选择什么样的模型,选择什么样的视图,可以完成什么样的用户请求。 

 

 

　　四、数据库的设计 

 

　　每个网站都有自己的数据库,本案例也不例外。传统的数据库设计的过程大致分为六个阶段。 

 

　　1.需求分析阶段 

 

 

　　准确了解与分析用户需求(包括数据与处理),是整个设计过程的基础,是最困难、最耗费时间的一步,本案例采用BBS正是基于节省时间和便于教学的考虑。 

 

 

　　2.概念结构设计阶段 

 

 

　　概念结构是整个数据库设计的关键,通过对用户需求进行综合、归纳与抽象,形成一个独立于具体DBMS的概念模型。 

 

 

　　3.逻辑结构设计阶段 

 

 

　　将概念结构转换为某个DBMS所支持的数据模型, 对其进行优化。 

 

 

　　4.数据库物理设计阶段 

 

 

　　为逻辑数据模型选取一个最适合应用环境的物理结构(包括存储结构和存取方法) 

 

 

　　5.数据库实施阶段 

 

 

　　运用DBMS提供的数据语言、工具及宿主语言,根据逻辑设计和物理设计的结果, 建立数据库,编制与调试应用程序,组织数据入库,并进行试运行。 

 

 

　　6.数据库运行和维护阶段 

 

 

 

　　 数据库应用系统经过试运行后即可投入正式运行。在数据库系统运行过程中必须不断地对其进行评价、调整与修。在本案例中,只是设计了两个简单的表,一是让学生容易接受,二是给学生留下足够的扩展空间,进行下一步的网站完善。其中会员表[4]的表结构情况描述如下: 

 

 

　　五、主要功能的实现 

 

　　1.公共类的编写 

 

　　为了实现代码的可重用行,提高工作效率,需要编写一些公共类,主要包括数据库工具类、日期处理类、字符串处理类。 

 

　　2.DAO类的编写 

 

　　数据库层是对整个分层体系的最底层,它主要用来实现与数据库的交互,即完成查询、插入、删除和修改数据可重的数据的功能。部分代码如下: 

 

　　public class DB { 

 

　　private String className = “com.mysql.jdbc.Driver”; 

 

　　private String url = “jdbc:mysql://localhost:3306/db_zhgajjwxt”; 

 

　　private String user = “root”; 

 

　　private String password = “root”; 

 

　　public DB() { 

 

　　try { 

 

　　Class.forName(className); 

 

　　} catch (ClassNotFoundException e) { 

 

　　e.printStackTrace(); 

 

　　} 

 

　　} 

 

　　public Connection getConn() {…        …} 

 

　　publicPreparedStatement prepare(Connection conn, String sql) {…        …} 

 

　　publicPreparedStatement prepare(Connection conn, String sql, 

 

　　int autoGenereatedKeys) {…        …} 

 

　　public Statement getStatement(Connection conn) {…        …} 

 

　　publicResultSet getResultSet(Statement stmt, String sql) {…        …} 

 

　　publicvoid executeUpdate(Statement stmt, String sql) {…        …} 

 

　　publicvoid close(Connection conn) {…        …} 

 

　　publicvoid close(Statement stmt) {…        …} 

 

　　publicvoid close(ResultSet rs) {…        …} 

 

　　3.业务层的编写 

 

 

　　业务层负责处理用户输入的信息,或将这些信息发送给数据库层进行保存,或调用数据库层中的函数再次读出这些数据。 

 

 

　　六、结束语 

 

 

　　本文通过JSP网站制作的设计,让学生参与到整个网站的制作中,了解网站的制作流程大致可以分为静态页面的设计、系统结构的设计、数据库的设计、主要功能的实现等几个步骤。这样做,不但可以极大地激发学生的学习兴趣,调动学生学习的积极性和主动参与意识。在程序设计的过程中提高自己的动手能力,同时丰富自己的编程经验。这种实践性的教学方法,既是高职教育的特色,也是培养技术技能性人才的基本保证。