JavaWeb

最新推荐文章于 2022-10-09 11:26:22 发布
最新推荐文章于 2022-10-09 11:26:22 发布
阅读量459 收藏 2
点赞数 2
分类专栏： Java Wwb 文章标签： JavaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LJN951118/article/details/90183387
版权

1. 什么是JavaWeb?

使用Java语言开发基于互联网的项目

2. 软件架构
C/S: Client/Server 客户端/服务器端

* 在用户本地有一个客户端程序，在远程有一个服务器端程序
* 如：QQ，迅雷...
* 优点：
    1. 用户体验好
* 缺点：
    1. 开发、安装，部署，维护 麻烦

B/S: Browser/Server 浏览器/服务器端

* 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序
* 优点：
    1. 开发、安装，部署，维护 简单
* 缺点：
    1. 如果应用过大，用户的体验可能会受到影响
    2. 对硬件要求过高

B/S架构软件资源分类详解
静态资源

* 使用静态网页开发技术发布的资源。
* 特点：
    * 所有用户访问，得到的结果是一样的。
    * 如：文本，图片，音频、视频, HTML,CSS,JavaScript
    * 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源

动态资源


* 使用动态网页及时发布的资源。
* 特点：
    * 所有用户访问，得到的结果可能不一样。
    * 如：jsp/servlet,php,asp...
    * 如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器
* 我们要学习动态资源，必须先学习静态资源！
* 静态资源：
    * HTML：用于搭建基础网页，展示页面的内容
    * CSS：用于美化页面，布局页面
    * JavaScript：控制页面的元素，让页面有一些动态的效果

(二) HTML入门

`Hyper Text Markup Language` 超文本标记语言
​
* 超文本:
    * 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.
​
* 标记语言:
    * 由标签构成的语言。`<标签名称>` 如 html，xml
    * 标记语言不是编程语言

基本语法

1. html文档后缀名 .html 或者 .htm
2. 标签分为
    * 围堵标签：有开始标签和结束标签。如 `<html> </html>`
    * 自闭和标签：开始标签和结束标签在一起。如 `<br/>`
3. 标签可以嵌套：
    需要正确嵌套，不能你中有我，我中有你
    错误：`<a><b></a></b>`
    正确：`<a><b></b></a>`
4. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
5. html的标签不区分大小写，但是建议使用小写。


<html>
  <head>
    <title>title</title>
  </head>
  <body>
    <FONT color='red'>Hello World</font><br/>
    <font color='green'>Hello World</font>
  </body>
</html>

标签学习
文件标签

1. html:html文档的根标签
2. head：头标签。用于指定html文档的一些属性。引入外部的资源
3. title：标题标签。
4. body：体标签
5. `<!DOCTYPE html>`：html5中定义该文档是html文档

文本标签
在这里插入图片描述

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>黑马程序员简介</title>
</head>
<body>
<h1>
    公司简介
</h1>
​
<hr color="#ffd700">
​
<p>
<font color="#FF0000">"中关村黑马程序员训练营"</font>是由<b><i>传智播客</i></b>联合中关村软件园、CSDN， 并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展， 而企业招不到优秀人才的困扰。
</p>
​
<p>
目前，“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地， 并被评为中关村软件园重点扶持人才企业。
</p>
​
<p>
黑马程序员的学员多为大学毕业后，有理想、有梦想，想从事IT行业，而没有环境和机遇改变自己命运的年轻人。 黑马程序员的学员筛选制度，远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”， 必须经历长达2个月的面试流程，这些流程中不仅包括严格的技术测试、自学能力测试，还包括性格测试、压力测试、 品德测试等等测试。毫不夸张地说，黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确 保学员质量，并降低企业的用人风险。
中关村黑马程序员训练营不仅着重培养学员的基础理论知识，更注重培养项目实施管理能力，并密切关注技术革新， 不断引入先进的技术，研发更新技术课程，确保学员进入企业后不仅能独立从事开发工作，更能给企业带来新的技术体系和理念。
</p>
​
<p>
一直以来，黑马程序员以技术视角关注IT产业发展，以深度分享推进产业技术成长，致力于弘扬技术创新，倡导分享、 开放和协作，努力打造高质量的IT人才服务平台。
</p>
​
<hr color="#ffd700">
<font color="gray" size="2">
    <center>
        江苏传智播客教育科技股份有限公司<br>
        版权所有Copyright 2006-2018&copy;, All Rights Reserved 苏ICP备16007882
    </center>
</font>
</body>
</html>

图片标签
在这里插入图片描述

<!--展示一张图片 img-->
​
 <img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="500"/>
​
 <!--
     相对路径
         * 以.开头的路径
             * ./：代表当前目录  ./image/1.jpg
             * ../:代表上一级目录
  -->
​
 <img src="./image/jiangwai_1.jpg">
​
 <img src="../image/jiangwai_1.jpg">

列表标签
在这里插入图片描述

<!--有序列表 ol-->
早上起床干的事情
<ol type="A" start="5">
    <li>睁眼</li>
    <li>看手机</li>
    <li>穿衣服</li>
    <li>洗漱</li>
</ol>
​
<!-- 无序列表  ul-->
早上起床干的事情
<ul type="disc">
    <li>睁眼</li>
    <li> 看手机</li>
    <li> 穿衣服</li>
    <li> 洗漱</li>
</ul>

链接标签
在这里插入图片描述

<!--超链接  a-->
<a href="http://www.itcast.cn">点我</a>
<br>
​
<a href="http://www.itcast.cn" target="_self">点我</a>
<br>
<a href="http://www.itcast.cn" target="_blank">点我</a>
​
<br>
​
<a href="./5_列表标签.html">列表标签</a><br>
<a href="mailto:itcast@itcast.cn">联系我们</a>
​
<br>
<a href="http://www.itcast.cn"><img src="image/jiangwai_1.jpg"></a>

块标签
在这里插入图片描述

<!--
    div:每一个div占满一整行。块级标签
    span：文本信息在一行展示，行内标签 内联标签
-->
<span>黑马程序员</span>
<span>传智播客</span>
​
<hr>
<div>黑马程序员</div>
<div>传智播客</div>

语义化标签
在这里插入图片描述

表格标签

在这里插入图片描述

(三) 案例：旅游网站首页

步骤分析

1. 确定使用table来完成布局
2. 如果某一行只有一个单元格，则使用<tr><td></td></tr>
3. 如果某一行有多个单元格，则使用表格的嵌套
  <tr>
    <td>
      <table></table>
    </td>
  </tr>
4. 填充内容

代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>黑马旅游网</title>
</head>
<body>
​
    <!--采用table来完成布局-->
    <!--最外层的table，用于整个页面的布局-->
    <table width="100%" align="center">
       <!-- 第1行 -->
        <tr>
            <td>
                <img src="image/top_banner.jpg" width="100%" alt="">
            </td>
        </tr>
​
        <!-- 第2行 -->
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr>
                        <td>
                            <img src="image/logo.jpg" alt="">
                        </td>
                        <td>
                            <img src="image/search.png" alt="">
                        </td>
                        <td>
                            <img src="image/hotel_tel.png" alt="">
                        </td>
                    </tr>
                </table>
​
            </td>
        </tr>
​
        <!-- 第3行 -->
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr bgcolor="#ffd700" align="center" height="45" >
                        <td>
                            <a href="">首页</a>
                        </td>
​
                        <td>
                            门票
                        </td>
​
                        <td>
                            门票
                        </td>
​
                        <td>
                            门票
                        </td>
​
                        <td>
                            门票
                        </td>
​
                        <td>
                            门票
                        </td>
​
                        <td>
                            门票
                        </td>
​
                        <td>
                            门票
                        </td>
​
                        <td>
                            门票
                        </td>
​
                        <td>
                            门票
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
​
        <!-- 第4行 轮播图 -->
        <tr>
            <td>
                <img src="image/banner_3.jpg" alt="" width="100%">
            </td>
        </tr>
​
        <!-- 第5行 黑马精选-->
        <tr>
            <td>
                <img src="image/icon_5.jpg" alt="">
                黑马精选
                <hr  color="#ffd700" >
            </td>
        </tr>
​
        <!-- 第6行 -->
        <tr>
            <td>
                <table align="center" width="95%">
                    <tr>
                        <td>
​
                            <img src="image/jiangxuan_1.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
​
                        <td>
​
                            <img src="image/jiangxuan_1.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
​
                        <td>
​
                            <img src="image/jiangxuan_1.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
​
                        <td>
​
                            <img src="image/jiangxuan_1.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
​
        <!-- 第7行 国内游 -->
        <tr>
            <td>
                <img src="image/icon_6.jpg" alt="">
                国内游
                <hr  color="#ffd700" >
            </td>
        </tr>
​
        <!-- 第8行 -->
        <tr>
            <td>
                <table align="center" width="95%">
                    <tr>
                        <td rowspan="2">
                            <img src="image/guonei_1.jpg" alt="">
                        </td>
​
                        <td>
​
                            <img src="image/jiangxuan_2.jpg" alt="" height="100%">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
                        <td>
​
                            <img src="image/jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
                        <td>
​
                            <img src="image/jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                    </tr>
​
                    <tr>
                        <td>
​
                            <img src="image/jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
                        <td>
​
                            <img src="image/jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
                        <td>
​
                            <img src="image/jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
​
                    </tr>
                </table>
            </td>
        </tr>
​
        <!-- 第9行 境外游 -->
        <tr>
            <td>
                <img src="image/icon_7.jpg" alt="">
                境外游
                <hr  color="#ffd700" >
            </td>
        </tr>
​
        <!-- 第10行 -->
        <tr>
            <td>
                <table align="center" width="95%">
                    <tr>
                        <td rowspan="2">
                            <img src="image/jiangwai_1.jpg" alt="">
                        </td>
​
                        <td>
​
                            <img src="image/jiangxuan_3.jpg" alt="" height="100%">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
                        <td>
​
                           <img src="image/jiangxuan_3.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
                        <td>
​
                           <img src="image/jiangxuan_3.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
                    </tr>
​
                    <tr>
                        <td>
​
                           <img src="image/jiangxuan_3.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
                        <td>
​
                           <img src="image/jiangxuan_3.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
                        <td>
​
                           <img src="image/jiangxuan_3.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)</p>
                            <font color="red">&yen; 699</font>
                        </td>
​
​
                    </tr>
                </table>
            </td>
        </tr>
        <!-- 第11行 -->
        <tr>
            <td>
                <img src="image/footer_service.png" alt="" width="100%">
            </td>
        </tr>
​
        <!-- 第12行 -->
        <tr>
            <td align="center" bgcolor="#ffd700" height="40">
                <font color="gray" size="2">
                江苏传智播客教育科技股份有限公司
                版权所有Copyright 2006-2018&copy;, All Rights Reserved 苏ICP备16007882
                </font>
            </td>
        </tr>
​
    </table>
</body>
</html>
我是小li同学
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javaweb项目实（含笔记与详细实现步骤）
07-20
JavaWeb项目实（含笔记与详细实现步骤） JavaWeb是一种基于Java技术的Web应用程序开发框架，它涵盖了服务器端编程、数据库交互、用户界面设计等多个方面。对于初学者来说，掌握JavaWeb开发是步入Web开发领域的关键...
JavaWeb专栏之(一)：什么是JavaWeb？
热门推荐
小Du猿的博客
02-01 21万+
JavaWeb专栏之(一)：什么是JavaWeb？ 前言： 关注：《遇见小Du说》微信公众号，分享更多Java知识，不负每一次相遇。更多内容请访问：www.dushunchang.top 本周小Du猿开始回炉JavaWeb相关的知识点，首次接触JavaWeb还是在大一，白驹过隙，日光荏苒，时隔三年，重炉javaweb仍然收获颇多。 实战开发中接触到Spring Boot后就很少再使用servlet，但仔细研究过Spring Boot底层源代码后，竟然发现Spring Boot竟让是servlet的封装迭代
JavaWeb搭建学生管理系统（手把手）
qq_52308536的博客
12-18 4万+
本文章仅供参考，适合新手搭建以及期末课设做JavaWeb，用到了mysql,tomcat,servlet+filter等 开发工具与环境 1.IntelliJ IDEA 2021.2.2 2.MySQL 8.0.20 3.jdk 1.8.0_144 ...
javaweb学习路线
qq_35218635的博客
07-03 8078
一、学习顺序 1、java语法，语法很重要，没有这个根本后面的也进行不下去，建议先学会应用了再去研究jdk源码，本身就是新手就想从原理开始了解，估计非常吃力，效果也不一定好。 2、数据库，首先学关系型数据库，通常的选择有mysql和oracle，我建议先学mysql，相比oracle要简单，同样 对于新手应用最重要，不要了解太深的。随便给个需求都能写出sql语句了再去研究深层次的也不晚。 3、jdbc，虽然现在没有企业用jdbc做开发了，但是我们仍然要学，因为其他的持久层框架都是对jdbc的...
javaweb
jin_xinyu的博客
06-02 882
javaweb
javaweb概念
A_JOKER___的博客
11-07 590
什么是javaweb JavaWeb是指，所有通过Java语言编写可以通过浏览器访问的程序的总称，叫JavaWeb。 JavaWeb是基于请求和响应来开发的。 什么是请求 请求是指客户端给服务器发送数据，叫请求Request 什么是响应 响应是指服务器给客户端回传数据，叫响应Response ...
Javaweb框架 思维导图
qq_53551567的博客
10-09 804
javaweb知识点
JavaWeb 信息管理系统
flow
06-30 5424
InfoManagementSystem 项目地址 A simple student, teacher, class management system, based on JavaWeb and persistence layer handwritten ORM(simple MyBatis). 页面实现： Semantic-UI、Html、CSS（Less） JSP（EL表达式、JSTL标签库）:动态展示请求服务端获得的数据 JQuery、Ajax：异步访问、页面的局部更新 图1 登录页面 登录功能：
javaweb操作数据库
绿色水杯
04-22 2682
🏫中北大学软件学院 🥇javaweb操作数据库 🥇2022/4/21 将jar包先导入到目录下。 导包 <%@ page import="java.sql.*" %> 整数据库的一套操作 <% Class.forName("com.mysql.jdbc.Driver"); // 这个是加载数据库驱动 Connection connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/j.
javaweb书籍
11-12
JavaWeb技术是构建互联网应用程序的重要框架，它将Java语言与Web技术相结合，为开发者提供了强大的功能和灵活性。本文将深入探讨JavaWeb的核心概念、架构及其在实际开发中的应用。 一、JavaWeb概述 JavaWeb是一种...
javaweb 程序填空题
06-11
javaweb 程序填空题
教务管理系统javaweb项目
03-24
教务管理系统javaweb项目 运行环境：window系统，Apache Tomcat v7.0.84、JDK1.8 开发环境：J2EE eclipse、navicat for mysql 运用的技术：MVC设计模式、DAO模式、Servlet、JSP、Filter、MySQL数据库 该项目主要分为...
JavaWEB商城项目(包括数据库)
09-20
功能描述:包括用户的登录注册,以及个人资料的修改.商品的分类展示,详情,加入购物车,生成订单,到银行支付等!另外还有收货地址的和我的收藏等常用操作.环境(JDK 1.7 ,mysql 5.5,Eclipse mars2 ).
C++实现的俄罗斯方块游戏
最新发布
07-01
一个简单的俄罗斯方块游戏的C++实现，涉及基本的游戏逻辑和控制。这个示例包括了初始化、显示、移动、旋转和消除方块等基本功能。 主要文件 main.cpp：包含主函数和游戏循环。 tetris.h：包含游戏逻辑的头文件。 tetris.cpp：包含游戏逻辑的实现文件。 运行说明 确保安装SFML库，以便进行窗口绘制和用户输入处理。
06二十四节气之谷雨模板.pptx
07-01
06二十四节气之谷雨模板.pptx
基于Web开发的聊天系统(模拟QQ的基本功能)源码+项目说明.zip
07-01
基于Web开发的聊天系统(模拟QQ的基本功能)源码+项目说明.zip 本项目是一个仿QQ基本功能的前后端分离项目。前端采用了vue.js技术栈，后端采用springboot+netty混合开发。实现了好友申请、好友分组、好友聊天、群管理、群公告、用户群聊等功能。 后端技术栈 1. Spring Boot 2. netty nio 3. WebSocket 4. MyBatis 5. Spring Data JPA 6. Redis 7. MySQL 8. Spring Session 9. Alibaba Druid 10. Gradle #### 前端技术栈 1. Vue 3. axios 4. vue-router 5. Vuex 6. WebSocket 7. vue-cli4 8. JavaScript ES6 9. npm 【说明】 【1】项目代码完整且功能都验证ok，确保稳定可靠运行后才上传。欢迎下载使用！在使用过程中，如有问题或建议，请及时私信沟通，帮助解答。 【2】项目主要针对各个计算机相关专业，包括计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网等领
wx302旅游社交小程序-ssm+vue+uniapp.zip（可运行源码+sql文件+文档）
07-01
旅游社交小程序功能有管理员和用户。管理员有个人中心，用户管理，每日签到管理，景点推荐管理，景点分类管理，防疫查询管理，美食推荐管理，酒店推荐管理，周边推荐管理，分享圈管理，我的收藏管理，系统管理。用户可以在微信小程序上注册登录，进行每日签到，防疫查询，可以在分享圈里面进行分享自己想要分享的内容，查看和收藏景点以及美食的推荐等操作。因而具有一定的实用性。 本站后台采用Java的SSM框架进行后台管理开发，可以在浏览器上登录进行后台数据方面的管理，MySQL作为本地数据库，微信小程序用到了微信开发者工具，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得旅游社交小程序管理工作系统化、规范化。 管理员可以管理用户信息，可以对用户信息添加修改删除。管理员可以对景点推荐信息进行添加修改删除操作。管理员可以对分享圈信息进行添加，修改，删除操作。管理员可以对美食推荐信息进行添加，修改，删除操作。管理员可以对酒店推荐信息进行添加，修改，删除操作。管理员可以对周边推荐信息进行添加，修改，删除操作。 小程序用户是需要注册才可以进行登录的，登录后在首页可以查看相关信息，并且下面导航可以点击到其他功能模块。在小程序里点击我的，会出现关于我的界面，在这里可以修改个人信息，以及可以点击其他功能模块。用户想要把一些信息分享到分享圈的时候，可以点击新增，然后输入自己想要分享的信息就可以进行分享圈的操作。用户可以在景点推荐里面进行收藏和评论等操作。用户可以在美食推荐模块搜索和查看美食推荐的相关信息。
JavaWeb实验.docx
11-24
"太原理工大学的JavaWeb实验报告涵盖了Servlet技术，包括HTTPServlet的使用、ServletContext接口、Request对象的方法、Servlet会话技术、数据共享、请求转发、Cookie实现用户自动登录等核心概念。" 实验报告详细...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值