JAVAWEB学习笔记（基于IJ）

JAVAWEB学习笔记（基于IJ）

软件架构认识

1. c/s架构

   • 有客户端和服务器端两种

   • 优缺点：

     • 优：用户体验较好（本地文件较多）
     • 缺：开发，维护，部署麻烦

   • 例如：QQ等应用程序

2. b/s架构

   • 浏览器和服务器
   • 优缺点
     • 优：开发，维护，部署较为简单（浏览器为别人开发好的）
     • 缺：用户体验一般
   • 几乎所有网页

b/s架构深入认识

客户端浏览器通过网址获取服务器上的资源

• 资源分类
  1. 静态资源：
     • 使用静态网页技术开发发布的资源
     • 特点
       • 所有用户访问，结果一样
       • 如：文本、音频、图片、视屏
       • 如果用户请求的是静态资源，服务器直接把静态资源发送给浏览器，浏览器进行静态资源的解释
  2. 动态资源：（学习使用java实现）
     • 使用动态网页及时发布的资源
     • 特点：
       • 所用用户访问，得到的结果不一样
       • 如：jsp/servlet/php/asp…
       • 如果用户请求动态资源，服务器会执行动态资源，将动态资源装换为静态资源再发生到浏览器

web前端基础学习

• 先对静态资源进行学习
  • html、css、js
• 再对动态资源进行学习

HTML

1. 概念

   Hyper Text Markup Language 超文本编辑语言

   • 超文本
   • 标记语言
     • 由标签构成的语言。<标签名称>如html，xml
     • 标记语言不是编程语言

2. html入门

   1. 基本标签

      • 标题：<h1>标题内容</h1>一共六个等级
      • 段落：<p>段落内容</p>
      • 链接：<a href="URL">This is a link</a>
      • 图像：<img src ="" height="" width=""/>
      • 水平线：<hr/>
      • 注释：<!-- This is a comment -->

   2. HTML元素

      • 定义：一个标签的开始、内容、结束所有为一个元素

      • 特点：1.可以内容为空

        ​ 2.大多数元素可以嵌套

        ​ 3. 元素定义了整个 HTML 文档。 元素定义了 HTML 文档的主体。HTML 标签对大小写不敏感

   3. 标签属性

      • 特点：HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

        属性总是以名称/值对的形式出现，比如：name=“value”。

        属性总是在 HTML 元素的开始标签中规定。

      • 具体可通过查阅相关文档查询

      • 大多数HTML元素的属性：

        属性	值	描述
        class	classname	规定元素的类名（classname）
        id	id	规定元素的唯一 id
        style	style_definition	规定元素的行内样式（inline style）
        title	text	规定元素的额外信息（可在工具提示中显示）

   4. 一些重要的元素和属性（通过查阅开发文档进行使用）

      • style属性中的 background-color属性定义了背景颜色，font-family、color以及font-size属性定义元素中文本中的字体系列、颜色、和字体尺寸text-align 属性规定了元素中文本的水平对齐方 式：
      • 文本格式标签
      • “计算机输出”标签
      • 引用、引用和术语定义标签
      • …

   5. 注释

      <!--在此处写注释-->

3. HTML CSS

   1. 外部样式表：使用条件：当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。

      <head