资源描述
Web技术概论
发展背景：
在当今的信息时代，蓬勃发展的计算机技术和信息技术随着 Internet 的普及，又一次给 社会带来了巨大的影响， Internet 正在以超越几千年科学技术发展进程的速度席卷着全世界， 冲击着各行各业，改变着人们的工作、学习和生活。 可以说 Internet 是人类历史发展中一个伟大的里程碑，它是未来信息高速公路的雏形， 人类正由此进入一个前所未有的信息化社会。人们用各种名称来称呼 Internet，如国际互联 网络、因特网、交互网络、网际网等。它正在向全世界延伸和扩散，不断增添吸收新的网络 成员，已经成为世界上覆盖面最广、规模最大、信息资源最丰富的计算机信息网络。 对于广大用户来讲， 步入 Internet 都是从各种网站开始的， 这实际上主要应用的是 Internet 的 WWW 浏览服务，该服务只是 Internet 提供的服务之一，而目前基于 Internet 的服务有 E-mail、FTP、Telnet、WWW 服务（信息发布和信息获取） ，所以说 WWW 服务的出现才真 正迎来了网络时代！ Web 全称为 World Wide Web，缩写为 WWW，中文译为“万维网” 。简单的说，Web 是 一种体系结构，通过它可以访问遍布于 Internet 主机上的链接文档。WWW 之所以能够很快 风靡全世界，主要是因为它提供了超级文本的各种媒体文件形式，人们利用超级链接就可以方便地访问分布在世界各地的丰富网络信息资源。而从本质上讲，Web 是基于客户机/服务。
Web技术的应用领域很是广泛，主要应用于大型服务器端的应用程序的开发，主要的技术有.net，asp，jsp，spring，structs等。本文通过图书的进销存管理系统来对web技术做一些简单的说明。
该系统的背景：
项目的背景：
随着社会的发展，图书种类越来越多，为了便于书店的管理和提高工作效率，设计书店管理系统。
项目的任务：
一、系统登录模块的设计，即通过密码登录；二、操作员管理模块的设计，主要是添加和删除操作员；三、图书信息管理模块的设计，主要是添加、删除和修改图书信息，图书的入库与入库退货管理，图书的库存盘点管理；四、图书销售模块的设计，主要包括销售与销售退货管理，图书的定价和调价管理等；五、图书销售查询模块的设计，主要包括入库查询，入库退货查询，销售查询，销售退货查询，销售排行榜等。
实现的技术：
为实现系统要求实现的功能，首先确定用java进行编写，用 mysql来保存数据表，页面主要是用jsp编写，主要实现手段是jsp与servlet混合使用；为了减少web开发所用的时间，让程序层次更明显，选用了java三大框架中得struts架构。
主要页面的代码如下（由于本系统页面较多，列举其中的若干页面以方便介绍）：
1. 注册与登陆页面
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<%@include file="header.jsp"%>
<table width="759" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<s:form action="Useradd">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="title">注册</td>
</tr>
<tr>
<td align="center" class="body"><s:actionerror />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="47%" height="25"><s:textfield name="username" label="名字" cssClass="login" /></td>
</tr>
<tr>
<td height="25"><s:password name="pwd" label="密码" cssClass="login" /></td>
</tr>
<tr>
<td height="25"><s:textfield name="email" label="邮箱" cssClass="login" /></td>
</tr>
<tr>
<td height="25"><s:textfield name="address" label="地址" cssClass="login" /></td>
</tr>
<tr>
<td height="25"><s:textfield name="postcode" label="邮编" cssClass="login" /></td>
</tr>
</table>
<hr style="height:1pt " width="90%">
<s:submit value="现在注册!" theme="simple">
</s:submit>
<s:reset value="重新填写" theme="simple">
</s:reset></td>
</tr>
</table>
</s:form></td>
</tr>
</table>
<%@include file="footer.jsp"%>
</body>
</html>
2、添加图书的界面
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<%@include file="header.jsp"%>
<s:form action="Bookadd">
<s:hidden name="book.id"/>
<table width="759" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="title">新增</td>
</tr>
<tr>
<td class="body"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" height="25">
<s:textfield name="book.bookName" label="书名" cssClass="login"></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.writer" label="作者" cssClass="login"></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.publisher" label="出版社" cssClass="login"></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.isbn" label="编号" cssClass="login"></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.price" label="价格" cssClass="login"></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.remaining" label="库存" cssClass="login"></s:textfield></td>
</tr>
<tr>
<tr>
<td width="20%" height="25"><s:textarea name="book.intro" label="介绍" ></s:textarea></td>
</tr>
<tr>
<!-- <td width="20%" height="25"><s:file label="picture" cssClass="login"/></td>-->
</tr>
<tr>
<td colspan="2"><hr width="100%"></td>
</tr>
<tr>
<td colspan="2" align="center"><s:submit/></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</s:form>
<%@include file="footer.jsp"%>
</body>
</html>
3、对图书信息的编辑
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<%@include file="header.jsp"%>
<s:form action="Bookupdate">
<s:hidden name="book.id"/>
<table width="759" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="title">编辑</td>
</tr>
<tr>
<td class="body"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" height="25">
<s:textfield name="book.bookName" label="书名" ></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.writer" label="作者" cssClass="login"></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.publisher" label="出版社" cssClass="login"></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.isbn" label="编号" cssClass="login"></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.price" label="价格" cssClass="login"></s:textfield></td>
</tr>
<tr>
<td width="20%" height="25"><s:textfield name="book.remaining" label="库存" cssClass="login"></s:textfield></td>
</tr>
<tr>
<tr>
<td width="20%" height="25"><s:textarea name="book.intro" label="介绍"></s:textarea></td>
</tr>
<tr>
<!-- <td width="20%" height="25"><s:file label="picture" cssClass="login"/></td>-->
</tr>
<tr>
<td colspan="2"><hr width="100%"></td>
</tr>
<tr>
<td colspan="2" align="center"><s:submit/></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</s:form>
<%@include file="footer.jsp"%>
</body>
</html>
通过以上介绍可知Web技术的工作原理：
URL Web 是基于客户机/服务器的 Web 服务器 客户机 一种体系结构，整体可以归纳为以下几个步骤。 （1）用户在客户机浏览器输 HTML 文档入请求的 URL，并按 Enter 键触发，客户机/服务器典型的通信过程这个申请； （2）如果 Web 服务器接收的是静态请求，Web 服务器读取用户请求的静态文件，然后原样送回浏览器； （3）如果 Web 服务器接收的是动态请求，用jsp编写的页面，那么 Web 服务器将会编译、执行用户请求的文件，最终得到的执行结果依然是静态 HTML 文件，然后服务器把执行结果静态文件发送到客户端浏览器。
总结：
Jsp技术实现了动态网页技术，本系统通过框架使系统层次分明，通过主控制台分别跳转到不同的页面，然后再不同的页面中设定路径，分别对不同的Action再跳转到不同的jsp页面。把显示层与业务处理层分开了，加强了程序的健壮性及可读性和灵活性。此外，Jsp技术容易学习，安全性高，只在第一次请求时经jsp引擎编译执行生产java可执行代码，以后的每一次请求将不必在编译，提高了速度。
但在编程过程中复杂的taglib，需要比较长的时间来掌握，对于框架方面的知识学习起来比较困难。
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
