网站建设开发的流程与环节
1、界定需求
首要界定客户需求，确立风格与页面氛围，同时确定网页主色调，界定需求后，便可以安排美工进行设计图绘制了。
2、设计图（原型）
利用图像处理软件（如：Photoshop）进行网页效果图设计（UI设计），这是美工的职责，设计出样图需经客户审核，需经过几轮修改后方可最终确定，必要时需客户签字确认。
3、切片
定稿后即可进行切片，并移交前端开发，移交前端开发前必须确定每一块区域的用色和尺寸，必要时美工还需与前端进行沟通。
4、制作静态网页模板
待美工提供所有开发原型和素材后，前端即可制作静态网页模板，并加入页面效果，这一步才将原型真正应用于浏览器。
5、静态变动态
通过动态脚本并结合前端Ajax、表单等技术将静态网页模板转化为动态网页，并实现数据的动态读写。关于动态网页的定义，可以参考以下这篇文章。
6、交付测试
所有编码完成后，便可交付测试，这一阶段是消除bug阶段，目前推崇的是持续交付，至于持续交付的含义，可以网上搜索，当然这属于题外话了。
7、交付验收
以上步骤全部完成后，便可交付客户进行验收。
关于网站建设开发的流程与环节，青藤小编就为您分享至此。如果您对页面布局、网站设计、图像处理等有浓厚兴趣，希望这篇文章能对您有所帮助。如果您还想了解更多关于平面设计素材及技巧等内容，可以点击本站的其他文章进行学习。
基于JSP技术的广海局互联网站动态信息发布系统
黄旭 王刚 龙著
（广州海洋地质调查局 广州 510760）
第一作者简介：黄旭，女，1974年生，广州海洋地质调查局信息资料所网络室，工程师。
摘要本文介绍了由我局开发的基于B/S模式的网站动态信息发布系统，描述了系统的基本模块和功能。该系统利用JavaBean组件技术集成代码，采用JDBC进行Web数据库访问，并给出了系统实现的一些关键代码。
关键词 JSP B/S模式 动态信息发布系统 JavaBean
广州海洋地质调查局的国际互联网站于2003年建立，作为对外展示单位形象、展示我局最新科研成果、先进技术设备和手段的一个重要窗口。目前我局的互联网网站图文信息发布采用传统的手工制作网页的静态信息发布模式。这种模式工作效率低，动态信息的时效性无法体现，给网络信息内容审核及管理带来诸多不便。这不利于发挥网站的作用。动态图文信息发布系统的研发目的是提高网站动态图文信息发布的自动化程度和工作效率，省去了繁琐的网页制作过程，使不熟悉网页制作的人员也能进行网站动态信息内容更新，方便信息审核及管理。
作为一种成熟的动态网页开发技术，JSP是由Sun Microsystems公司倡导，众多公司共同建立的一种动态网页技术标准。JSP技术具有以下特点：①平台适应性广泛，②安全性良好，③组件开发便捷性高。考虑以上因素，在开发网站动态信息发布系统过程中我们采用了JSP技术。
1系统架构模式
本系统是基于B/S（Browser/Web Server）模式进行开发的，具体而言，采用如图1所示的三层体系结构，包括：①表示层；②逻辑层；③数据层。
其中，表示层是互联网动态信息发布系统的用户接口部分，是实现用户与应用逻辑处理结果的交互界面，也是用户与Internet之间交互信息的窗口，由浏览器构成。逻辑层完成与信息发布系统有关的所有的事务逻辑，Web服务器是该层中的重要组成部分，它根据客户端的请求启动相应的进程来完成有关的事务处理，并将处理结果以HTML代码的形式，发送给客户端浏览器。信息发布系统主要由客户端浏览器、单位网站、信息发布系统和数据库四大部分组成（图2）。本系统采用Tomcat 5.0.28作为JSP引擎嵌入到Web服务器，在该层中，为提高执行效率和安全性，通过JavaBean实现与数据库的连接。数据层是由数据库服务器构成，它主要提供数据管理，对数据库数据进行读写，能够执行大量的数据更新和检索，完成数据存储。本系统采用的数据库服务器是SQL Server 2000。
图1三层架构
Fig.1 Three tiers
图2信息发布系统的四个部分
Fig.2 The four parts of the information publishing system
2）浏览/移除用户信息以供管理员对现有用户进行管理。
3）修改用户密码提供用户修改初始密码的功能。
4）新闻统计系统可依据特定要求生成新闻信息发布统计报表。
3 详细设计
3.1 系统平台搭建
J2 SDK是Java2的软件开发工具包，是Java应用程序的基石。JSP是基于Java技术的，因此在配置JSP环境之前必须安装J2 SDK。本系统选用Tomcat作为JSP引擎。软件安装完成后，都需要进行环境变量的设置。
3.2 使用JDBC技术实现数据库连接
数据库连接对于动态网站来说至关重要，Java中连接数据库的技术是 JDBC（Java Database Connectivity），它是一种用于执行SQL的Java API，由一组用Java语言编写的类和接口构成，为数据库应用开发人员、数据库前端工具开发人员提供了一种标准的应用程序设计接口，使得开发人员可以用纯Java API语言编写完整的数据库应用程序。在开发过程中，我们采用JavaBean来封装数据库连接和执行SQL语句等通用数据库操作，以避免直接对数据库进行操作导致的工程庞大、代码冗长、难以维护。同时，为了节省时间和资源，避免因采用传统连接模式而导致数据库重启，我们采用了数据库连接池技术。主要代码如下：
Connection conn=null；
Statement stmt=null；
ResultSet rs=null；
try
{
Class.forName（“com.microsoft.jdbc.sqlserver.SQLServerDriver”）；//加载sql驱动程序
conn=DriverManager.getConnection（“jdbc：microsoft：sqlserver：//localhost：1433；DatabaseName=gmgs”，user="root"，Password=""）；//创建连接
stmt=conn.createStatement（ResultSet.TYPE_SCROLL_SENSITIVE，ResultSet.CONCUR_READ_ONLY）；
String sql="select* from art Where id='"+id+"'";
ResultSet rs=sqlbean.executeQuery(sql)；//执行sql语句
}
finally
{
conn.close（）；//向连接池归还连接
}
3.3 利用JavaBean访问数据库
JavaBean是一种Java类，通过封装属性和方法成为具有特定功能或处理特定业务的对象。JavaBean被组织成Package（包）以便进行管理，实际上就是把一组JavaBean放在某个目录中，每个类的定义前加上Package，生成.java文件；然后把编译成类的文件放在JSP服务器的特定目录下。在JSP中使用JavaBean需要以下步骤：
1）定义JavaBean组件，将一组JavaBean放在某个目录下，每个类的定义前加上Package，生成.java文件；
2）使用JDK的Javac命令编译定义的类，生成.class文件的JavaBean类文件；
3）在JSP文件中调用JavaBean。方法如下：
设置要引用的JavaBean，生成JavaBean的一个实例，用＜jsp：useBean＞标记来完成。实例化一个JavaBean后，就可以访问它的属性。通过使用＜jsp：getproperty＞标记来获取属性值，使用＜jsp：setproperty＞标记来改变JavaBean属性值。
如：要完成用户注册功能，先定义一个名为opUser.java的JavaBean组件，它用add（）方法将表单中用户填写的信息添加到数据库表user中，如果添加成功则返回true，否则返回false。在实现用户注册功能的页面register.jsp调用这个JavaBean，代码如下：
＜jsp：useBean id="user" scope="Page" class="gmgsinfo.run.opUser" /＞
//实例化
gmgsinfo.run.opUser，在当前JSP页面内查找该JavaBean的标识符是user
if（user.add（request））//直接使用add（）方法，用request对象为参数
{
//...
}
3.4 数据库描述
数据库共设计五个数据表。
管理员表字段包括管理员账号、密码、管理员名、所属部门、电话、权限。
审核表字段包括是否审核。
栏目表字段包括栏目名称。
新闻表字段包括新闻标题、所属栏目、副标题、是否审核、新闻作者、新闻发表人、添加时间、修改时间、所属部门、新闻内容、是否包含图片、审核人。
部门表字段包括部门名称。
3.5 程序描述
3.5.1 用户管理
信息发布系统的用户主要有三类：系统管理员、审核员和普通维护员。添加用户的流程是首先输入一个用户名，然后调用数据库确定该用户名没有被使用，其次填写用户信息表，设置用户的初始密码和权限，最后将用户信息写入数据库。用户登录的流程是用户提交登录表单后，需要调用数据库来判断该用户的账号与密码是否正确。如果正确则将用户名记录到Session对象中，如果不正确则返回登录界面重新登录。如果登录用户是系统管理员，将进入管理员用户界面；如果是普通用户将登录普通用户界面。用户登录后可以修改初始密码，修改后的信息将重新写入数据库。新闻统计表单是将已发表的新闻按照质量记录的要求以表格的形式显示出来，用户可直接通过打印机打印出来。
3.5.2 新闻信息管理
一级菜单表单是对在网站首页显示的主菜单进行管理。用户可以增加需要在首页显示的主菜单。二级菜单表单将用户在系统内发表的新闻全部显示出来。包括新闻标题、发表时间、所属上级菜单、新闻发表人、是否审核。用户可点击新闻标题预览新闻，可以修改或删除自己发表的新闻。当用户点击修改或删除选项时，系统将根据保存在Session对象中的用户名来调用数据库中该用户信息，判断该用户是否拥有权限。如果拥有权限则允许用户修改或删除该条新闻，否则系统将提示用户没有权限。在发表新闻表单中，用户只需在相应的文本框中输入信息，系统将自动生成网页并将信息保存到数据库中。其中文章内容栏是一个简易的网页编辑器，用户可对输入的新闻信息进行编辑。用户可通过上传图片选项将网页中的图片上传到数据库中。在新闻输入完成后，用户可以网页形式预览发表的新闻。在审核新闻表单中拥有审核权限的用户可对已发表的新闻进行审核，编辑新闻内容并重新保存到数据库。如果新闻已经通过审核，将显示在网站的首页。
一级菜单表单是对网站首页主菜单进行维护的界面。用户可在此添加需在首页展示的主菜单。二级菜单表单用于展示系统内所有发布的新闻，包含新闻标题、发布时间、所属上级菜单、发布者、审核状态。用户可点击新闻标题预览新闻内容，并可修改或删除自己发布的新闻。当用户选择修改或删除操作时，系统会根据Session对象中存储的用户名查询数据库，判断用户权限。若用户拥有权限，则可修改或删除该新闻；若没有权限，系统将提示用户无权限。在发布新闻表单中，用户只需在相应文本框中输入信息，系统便会自动生成网页并保存至数据库。文章内容栏包含简易的网页编辑器，用户可对新闻信息进行编辑。用户可通过上传图片功能将图片保存至数据库。新闻输入完成后，用户可网页预览已发布的新闻。在审核新闻表单中，拥有审核权限的用户可对已发布新闻进行审核，编辑内容后重新保存至数据库。若新闻通过审核，则将在网站首页显示。
3.6系统流程解析
用户登录系统并验证成功后，系统会自动将用户基本信息及权限信息保存在服务器端。此时，若用户具备相应权限，则可进行用户及权限管理、栏目管理、信息发布、信息审核等操作。
对于普通用户，登录系统后可选择进行上述操作。当用户选择某个模块并操作时，系统会查询服务器端保存的用户权限，验证合格后，系统将显示相应信息或功能页面，用户可依据权限对内容进行添加、编辑和删除。若用户需发布信息，可点击“发表新闻”模块，在标题栏输入信息，将内容输入至文章内容栏，系统将调用模板生成网页。用户点击确定后可预览网页。若权限验证不合格，系统将弹出警告信息，告知用户无权限进行该操作，但不会影响用户继续进行其他有权限的操作。
当用户以管理员身份登录系统后，系统默认管理员拥有系统维护、管理的最高权限，包括用户管理、用户角色管理、用户权限管理、信息发布、文章管理、信息审核等操作。每个用户可拥有多个角色，即多种权限。
4结语
JSP继承了Java面向对象的程序设计能力和跨平台优势，与HTML紧密结合，相较于传统CGI程序，JSP编写、执行更易，且大幅提升了系统执行性能，提高了信息审核、发布和管理的工作效率。
参考文献
[1] 任艳.应用JSP进行数据库信息发布.计算机工程与应用，2002，38（7）：212～214，249
[2] Marty Hall，Larry Brown.Servlet与JSP核心编程（第2版）.北京：清华大学出版社，2004，（6）
[3] 屈霞.基于JSP的数据库应用程序安全访问控制设计.电脑开发与应用，2005，18（6）：15～16，19
[4] 孙敏.JSP连接数据库方法探讨.电脑知识与技术，2005，3：21～22
[5] 李兴锋，王移芝.基于JSP的Web动态数据库交互技术的探讨.计算机应用与软件，2005，22（4）：26～27，127
[6] 李媛，刘涤尘.一个使用JavaBeans连接数据库的JSP应用.2005，12（1）：77～80
[7] 孟宪虎，沈均毅.WEB数据库应用程序安全性设计的一种实现.计算机工程与应用，2002，9：119
The Dynamic Information publishing System Web of Guangzhou Marine Geological Survey Based on JSP
Huang Xu Wang Ganglong
（Guangzhou Marine Geological Survey，Guangzhou，510760）
摘要：本文介绍了基于B/S架构的动态信息发布系统，由gmgs设计，阐述了系统基本模块和功能。系统采用JavaBean技术整合程序代码，使用JDBC访问Web数据库，并提供系统实现的关键代码。
关键词：JSP B/S架构 动态信息发布系统 Web JavaBean
