Java Web中动态网页开发基础重点总结

为什么学习B/S技术?

客户端   服务器   C(Client)/S(Server)有局限性,必须安装客户端

浏览器   服务器   B(Browser)/S(Server)无需安装客户端软件,也无需更新

B/S与C/S的比较:

 

B/S架构

C/S架构

软件安装

浏览器

在响应速度和安全性上需要花费更多设计成本

升级维护

客户端零维护

客户端需要单独维护和升级

平台相关

与操作系统平台的关系最小化

对客户端操作系统一般有限制

性能安全

在响应速度和安全性上需要花费更多设计成本

能充分发挥客户端处理能力,客户端响应快

什么是B/S技术:

B/S架构(浏览器/服务器):程序完全部署在服务器上

B/S技术的工作原理:

B/S架构采用请求/响应模式进行交互

URL(Uniform Resource Locator统一资源定位符):

URL的组成

http :// localhost:8080 / news/index.html

http:协议部分

localhost:8080:主机IP地址:端口号

news/index.html:项目资源地址

 

服务器:

图片服务器

文件服务器

数据库服务器

缓存服务器

应用服务器

Java Web  --->  Web服务器

 

Web服务器:

是可以向发出请求的浏览器提供文档的程序

提供网上的信息浏览服务

 

常用的Web服务器:

Microsoft:IIS

Apache: Tomcat

(Tomcat是开源的,小型的免费的)

Oracle:WebLogic

IBM:WebSphere

(前两个商用的,安全级别更高)

Nginx

(稳定性高,占用内存小,并发能力强)

 

Tomcat服务器:

Apache Jakarta的开源项目

轻量级应用服务器

开源、稳定、资源占用小

JSP/Servlet容器

 

Tomcat的目录结构:

目录

 说明

/bin

存放各种平台下用于启动和停止Tomcat的脚本文件

/conf

存放Tomcat服务器的各种配置文件

/lib

存放Tomcat服务器所需的各种JAR文件

/logs

存放Tomcat的日志文件

/temp

Tomcat运行时用于存放临时文件

/webapps

当发布Web应用时,默认情况下会将Web应用的文件存放于此目录中

/work

Tomcat把由JSP生成的Servlet放于此目录下

操作Tomcat注意事项:

1. startup.bat启动后,不许关闭,一定是最小化

2. 如果Tomcat启动时,窗口一闪而过

找到jdk   D:\大数据\Java\Java jdk

环境变量path   D:\大数据\Java\Java jdk\bin;

建立环境变量JAVA_HOME:D:\大数据\Java\Java jdk

CTRL+C:快速停止服务器

3. http://localhost:8080   端口号:8080   页面进入到Tomcat启动成功界面

4. 端口号修改:conf/server.xml

示例:

5. 如何在Tomcat中部署静态网站

将网页复制到webapps文件夹中去,然后startup.bat启动后,再网页中输入http://localhost:8080/news/index.html

 

使用集成开发工具创建Web项目:

  1. 在MyEclipse中创建Web项目:File -> New -> Web Project
  2. 为项目命名并调整相关设置
  3. 查看项目目录结构

 

部署Web项目方法一:

1. 配置Tomcat

a. Window -> Preferences -> MyEclipse -> Servers -> Tomcat

b. 选择Tomcat版本及安装路径

c. 设置为可用状态(Enable)

d. 指定Tomcat运行Java的运行环境

2. 部署Web项目

a. 单击MyEclipse菜单栏上的部署图标

b. 选择需要部署的项目

c. 选择Tomcat服务器并确认

部署Web项目方法二:

部署应用程序到Tomcat的webapps目录:生成War包

部署Web项目方法三:

修改server.xml

<Context path="”  docBase="”/>

提示:路径中最好不要包含中文

 

JSP(Java Server Pages)概述:

  1. 运行在服务器端的Java页面
  2. 使用HTML嵌套Java代码实现

工作原理:

JSP中的page指令:

通过设置内部的多个属性定义整个页面的属性

语法:

<%@ page 属性1="属性值" 属性2="属性值1,属性值2"…属性n="属性值n"%>

常用属性:

属性

描述

默认值

language

指定JSP页面使用的脚本语言

java

import

通过该属性来引用脚本语言中使用到的类文件

contentType

用来指定JSP页面所采用的编码方式

text/html, ISO-8859-1

JSP中的声明:

语法:

<%! Java代码%>

示例:JSP页面中定义方法对日期进行格式化

<%@ page language="java" import="java.util.*,java.text.*" contentType="text/html; charset=utf-8"%>

<html>

<%!

    String formatDate(Date d){

        SimpleDateFormat formater =

             new SimpleDateFormat("yyyy年MM月dd日");

return formater.format(d);

    }

%>你好,今天是

<%=formatDate(new Date()) %>

</body>

</html>

注:

方法声明后可在页面中多处调用

JSP中的out对象:

  1. out对象是JSP的内置对象:无需实例化即可使用
  2. 实现数据的输出显示
  3. out对象的方法

属性

说明

Print

向页面输出显示

printIn

向页面输出显示,在结尾处添加换行

但是在实际页面中print和println没有区别,因为在页面中不会解析出println的换行;想要换行必须加<br/>

JSP中的注释:

  1. HTML的注释:<!-- html注释-->
  2. JSP注释:<%-- JSP注释--%>
  3. 在JSP脚本中注释:<%//单行注释%>;<%/*多行注释*/%>

网页输出文本:

1. 用Java语言输出文本:

<% out.println("<h1>课工场Java Web高能充电</h1>"); %>

2. 直接用HTML输出文本:

<h1>课工场Java Web高能充电</h1>

3. 使用<% out,print(); %>或<% out.printIn(); %>实现显示页面全部内容,这样做的弊端:

①JAVA代码与HTML标签混在一起,可读性不好,不利于修改

②显示数据来自于数据库,数据库里的数据不能写死,要用变量来读取写在数据库的内容

③因为不方便所以这种方法用的比较少

4. 用变量的方法输出文本:

<% String title="课工场Java Web高能充电"; %>

<h1> <%=title%></h1>

好处:直接在数据库里读的时候直接调用后台方法。

注:变量声明的时候要在最后加一个分号(;),在调用的时候前面要写(<%=),但是最后不能写分号(;)

 

特殊字符转义:

在JSP中特殊字符如:“”;<>;等。要用转义字符(\)来转义从而使用

<%String title="课工场\"Java Web\"高能充电";%>

<h1> <%=title%></h1>

示例解析:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ page%>:这是一个配置指令会说明三个指令

language:说明编程语言,这里用的是Java语言

import:代表页面里导入的一个包,这里导入的是java.util.*包

pageEncoding:指的是页面的编码格式,这里用的是UTF-8语言

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<%......%>:要在这里写Java代码,叫做Java的小脚本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>

       <meta http-equiv="pragma" content="no-cache">

       <meta http-equiv="cache-control" content="no-cache">

       <meta http-equiv="expires" content="0">   

       <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

       <meta http-equiv="description" content="This is my page">

       <!--<link rel="stylesheet" type="text/css" href="styles.css">-->

  </head>

  <body>

    This is my JSP page. <br>

  </body>

</html>

剩下的都是普通的html标签

 

JSP页面元素:

Web容器处理JSP文件请求:

第一次处理需要经过3个阶段:

  1. 翻译阶段
  2. 编译阶段
  3. 执行阶段

第一次请求之后,Web容器可以重用已经编译好的字节码文件:

如果对JSP文件进行了修改,Web容器会重新对JSP文件进行翻译和编译。

 

JSP声明全局变量和方法:

<%//jsp中的局部变量和全局变量

int i = 9; %>

<h1><%=i++%></h1>

<%! int j = 9; %>

<h1><%=j++%></h1>

每次刷新i的值不会改变,j的值会每次加1

其中i是局部变量(JSP里设定局部变量的方法:<%......%>),j是全局变量(JSP里设定全局变量的方法:<%!......%>

全局变量在源文件的位置:

要是设定一个方法用的符号是<%!......%>

如:

<%!  public int add(){

return 8+9;   }   %>

方法在源文件的位置:

在页面里写方法的做法不常见,后台方法一般都写在src里

 

Web程序调试和排错:

1. 404错误---找不到访问的页面或资源

①运行时,URL输入错误

排错方法:检查URL

排除错误:使用正确的URL

 

②将页面放在WEB-INF下

排错方法:检查文件的存放位置(META-INF,WEB-INF文件夹下的内容无法对外发布

排除错误:把index.html文件拖至WebRoot文件夹下

 

③外部启动Tomcat,未部署Web应用

排错方法:检查Web应用是否正确部署

排除错误:部署Web应用

 

2. 500错误---JSP页面代码有误

JSP页面代码有错误

排错方法:检查myeclipse里的报错信息

排除错误:直接修改

 

3. 页面无法显示

未启动Tomcat

排错方法:检查Tomcat服务能否正确运行

排除错误:

  1. 启动Tomcat服务
  2. 如果控制台上显示Tomcat服务已启动,观察端口号是否与预期端口号一致,按照实际端口号重新运行

 

总结:

 

 

 

 

 

  • 9
    点赞
  • 39
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
针对用Javaweb实现的数据管理系统的技术架构和实现思路,以下是一些可能的内容: 1. 技术架构 该系统采用B/S架构,前端使用HTML、CSS、JavaScript、JSP等技术,后端采用Java语言,使用Spring框架实现控制层、业务层和持久化层的分离,使用MyBatis框架进行数据库持久化操作。 2. 数据库设计 该系统使用MySQL数据库,采用关系型数据库设计,共设计了3个表,分别为用户表、商品表和订单表。表之间通过外键建立关联关系,实现数据的关联和查询。 3. 实现思路 该系统主要实现了商品的添加、查询、修改和删除等基本操作,具体实现思路如下: (1)商品添加:用户输入商品信息,前端将信息封装成JSON格式发送给后端,后端接收到请求后将JSON解析出商品信息并存储到数据库。 (2)商品查询:用户输入查询条件,前端将条件封装成JSON格式发送给后端,后端接收到请求后根据条件从数据库查询出符合条件的商品信息,再将结果以JSON格式返回给前端。 (3)商品修改:用户选择要修改的商品信息,前端将商品信息封装成JSON格式发送给后端,后端接收到请求后根据商品ID在数据库查询出对应的商品信息,再将前端传来的修改后的商品信息更新到数据库。 (4)商品删除:用户选择要删除的商品信息,前端将商品ID封装成JSON格式发送给后端,后端接收到请求后根据商品ID从数据库删除对应的商品信息。 4. 安全性 该系统采用了一些安全措施,包括使用HTTPS协议保证数据传输的安全性,使用MD5加密算法对用户的密码进行加密存储,以及使用验证码防止恶意攻击等。 以上是针对用Javaweb实现的数据管理系统的技术架构和实现思路的一些介绍,具体实现还需要根据实际情况进行调整和完善。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值