java_web之路(4)-创建部署web应用程序

简介: 魏红斌学习制作-同步微信公众号、csdn、阿里云开发者社区

创建项目

file-new-Dynamic web Project

输入名称-完成配置

右击项目-new-html file-填写名称

创建配置web服务器

空白处右击创建servers

创建完毕后加一条前端语句展示<center>欢迎加入魏红斌平台</center>,之前的教学里也讲了语句如何使用,可以看一下之前的笔记

选择播放按钮,选择总是使用

展示成功界面

创建web.xml

复制代码运行,同时把图片复制到webapp下,名字改成test.jpg

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>红斌系统</title>
<style>
  #banner,#content,#foot{width:760px;margin:0 auto;}
  #banner{
    text-align:center;
    height:50px;
    background:#ab0;
    border-top:1px solid #f00;
    padding-top:10px;
    padding-left:8px;
    margin-top:-10px;
          font-size:30px;
          font-weight:bold;
          letter-spacing :0.5em;
  }
  #content{
    margin-top:5px;
    height:300px;
    background:#fba;
  }
  #foot{
    margin-top:5px;
    height:150px;
    background:#aba;
          text-align:center;
  }
  #left{
      margin-top:5px;
    width:150px;
    height:200px;
    float:left;
    border:1px solid #0ba;
    margin-right:5px;
  }
  #center{
    margin-top:5px;
    width:300px;
    height:200px;
    float:left;
    border:1px solid #f00;
    margin-right:5px;
  }
  #right{
    width:280px;
    height:180px;
    float:left;
    border:1px solid #0ff;
  }
</style>
</head>
<body>
  <span style="white-space:pre">  </span><div id="banner">页首</div> <! --调用定义的格式-->
  <span style="white-space:pre">  </span><div id="content">
  <span style="white-space:pre">    </span><div id="left">
  <h1>字体样式</h1> <!-- 字体样式 -->
  <h2 style="background-color:red">背景颜色<h2> <!-- 背景颜色 -->
  <h3 style="text-align:center">文本对齐</h3> <!-- 文本对齐 -->
  <p style="font-family:arial;color:green;font-size:20px;">字体字样</p> <!-- 字体样式 -->
  </div>
  <span style="white-space:pre">    </span><div id="center">
  <form action="#" onsubmit="alert(' 姓名:'+ name.value +'\n 电话:'+ tel.value +'\n 年龄:'+ age.value +'\n 性别:'+sex.value)"> <!-- 表单,同时输出页面 -->
  name:<br>
  <input type="text" name="name"> <!-- 表字段 -->
  <br>
  tel:<br>
  <input type="text" name="tel">
  <br>
  age:<br>
  <input type="text" name="age">
  <br>
  sex:<br>
  <input type="radio" name="sex" value="man">man <!-- 表选钮 -->
  <input type="radio" name="sex" value="woman">woman
  <input type="radio" name="sex" value="oldwoman">oldwoman
  <br>
  <br>
  <input type="submit" name="提交"> <!-- 表按钮 -->
  <input type="reset" name="重置"> <!-- 表按钮 -->
  <br>
  </div>
  <span style="white-space:pre">    </span><div id="right">
  <img src="test.jpg" width="280px" height="180px" alt="图像标签">    <!-- url记录图片位置 -->
  </div>
  <span style="white-space:pre">  </span></div>
  <span style="white-space:pre">  </span><div id="foot">
  <table border="1"> <!-- html表格边框 -->
  <tr> <!-- html表格 -->
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>行1,列1</td>
    <td>行1,列2</td>
  </tr>
  <tr>
    <td>行2,列1</td>
    <td>行2,列2</td>
  </tr>
  </table>
  <a href="https://www.baidu.com">百度一下</a> <!-- 超链接 -->
  <p>段落文本</p> <!-- 段落 -->
  </div>
</body>
</html>

展示成果

目录
相关文章
|
11天前
|
安全 JavaScript Java
AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
27 12
AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
|
3天前
|
中间件 关系型数据库 数据库
docker快速部署OS web中间件 数据库 编程应用
通过Docker,可以轻松地部署操作系统、Web中间件、数据库和编程应用。本文详细介绍了使用Docker部署这些组件的基本步骤和命令,展示了如何通过Docker Compose编排多容器应用。希望本文能帮助开发者更高效地使用Docker进行应用部署和管理。
33 19
|
16天前
|
应用服务中间件 Linux nginx
部署使用 CHAT-NEXT-WEB 基于 Deepseek
本文介绍如何在阿里云轻量服务器上部署基于 `Deepseek` 的 `CHAT-NEXT-WEB` 项目。首先,准备一台 Linux 服务器并安装 Docker,确保防火墙允许特定端口访问。接着,通过阿里云容器镜像服务解决国内网络限制问题,将镜像推送到私有仓库并拉取到本地。配置并启动 `chat-next` 项目,使用 Deepseek API 进行优化。最后,安装 Nginx 和 Certbot 配置 HTTPS 访问,确保安全性和自动续签。整个过程需严格遵循官方文档,以避免因网络问题导致的安装失败。
|
1月前
|
传感器 安全 算法
消防救援支队消防员单兵装备智能养护舱电机驱动java版程序(二)
本文探讨消防救援中智能养护舱电机驱动的Java程序设计,作为系列文章第二部分。通过自动化和智能化手段,智能养护舱提升了装备维护效率与准确性。文章详细介绍了电机驱动模块的设计与实现,包括硬件选型、PID控制策略、安全保护机制及Java程序架构,确保电机精确控制、稳定性和安全性。未来将优化功能并引入智能算法和物联网技术,进一步提升装备维护智能化水平。
|
1月前
|
IDE Java 开发工具
消防救援支队消防员单兵装备智能养护舱点击驱动java版程序(一)
智能消防作战服架通过电机驱动系统提升消防员作业效率和安全性。本文介绍基于Java的电机驱动程序开发,涵盖硬件准备、软件环境搭建及驱动程序实现。重点包括串口通信配置、电机控制类设计与控制逻辑实现,确保电机高效稳定运行。通过正确配置通信协议和串口参数,并添加异常处理机制,保障系统的安全性和可靠性。
|
1月前
|
JavaScript Java 测试技术
基于Java+SpringBoot+Vue实现的车辆充电桩系统设计与实现(系统源码+文档+部署讲解等)
面向大学生毕业选题、开题、任务书、程序设计开发、论文辅导提供一站式服务。主要服务:程序设计开发、代码修改、成品部署、支持定制、论文辅导,助力毕设!
63 6
|
1月前
|
Java Windows
【Azure Function】部署Java Function失败:报错deploy [ERROR] Status code 401和警告 'China North 3' may not be a valid region
1:deploy [ERROR] Status code 401, (empty body). 2: China North 3 may not be a valid region,please refer to https://aka.ms/maven_function_configuration#supported-regions for values. 3:  <azure.functions.maven.plugin.version>1.36.0</azure.functions.maven.plugin.version>
43 11
|
2月前
|
NoSQL Java 关系型数据库
Liunx部署java项目Tomcat、Redis、Mysql教程
本文详细介绍了如何在 Linux 服务器上安装和配置 Tomcat、MySQL 和 Redis,并部署 Java 项目。通过这些步骤,您可以搭建一个高效稳定的 Java 应用运行环境。希望本文能为您在实际操作中提供有价值的参考。
203 26
|
3月前
|
监控 前端开发 JavaScript
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
68 6
|
3月前
|
SQL 安全 Java
Java 异常处理:筑牢程序稳定性的 “安全网”
本文深入探讨Java异常处理,涵盖异常的基础分类、处理机制及最佳实践。从`Error`与`Exception`的区分,到`try-catch-finally`和`throws`的运用,再到自定义异常的设计,全面解析如何有效管理程序中的异常情况,提升代码的健壮性和可维护性。通过实例代码,帮助开发者掌握异常处理技巧,确保程序稳定运行。
77 2

热门文章

最新文章