栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

web编程技术

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

web编程技术

web 编程技术

文章目录

web 编程技术前言一、通用HTML语言

1.初步编程操作2.消除乱码方法3.网页示例4.常用html标签(后续补充) 二、java JEE 连接DreamWeaver 和Tomcat 搭建jsp站点

1.eclipse JEE 搭建tomcat

(1) eclipse JEE的下载(2) tomcat的下载(3) ***配置tomcat

端口占用报错

Win10 /Win 11 查看端口占用的方法 (4) 使用eclipse 自带浏览器查看 tomcat首页 2.dream weaver 搭建tomcat

(1)dream weaver 创建站点

检验是否成功配置 (2) 在eclipse 当中 查看 dream weaver 生成的jsp文件 3.dream weaver 和 eclipse 无缝对接

Ecilpse创建动态网页项目dw搭建节点 4.vs code 配置 html ,jsp 环境 三. 后续时间补充


前言 一、通用HTML语言

即超文本标记语言

1.初步编程操作

1) 打开记事本
2)编入代码
3)保存为html 或 htm
4)直接打开进行网页浏览

2.消除乱码方法

使用标签更改编码方式,编码方式应该与文件编码方式一致




繁体:big5
纯英文:iso-8859-1
简体:gb2312

3.网页示例


样例参考源码:


    
        
        明星一族
    
    
        

让我们看看这些明星们

底部对齐


web编程技术
顶部对齐
4.常用html标签(后续补充) 二、java JEE 连接DreamWeaver 和Tomcat 搭建jsp站点 1.eclipse JEE 搭建tomcat (1) eclipse JEE的下载

参考 eclipse的下载,以及java环境的搭建
大体是一样的,只需要将将最后下载项目换为 JEE就行,不多赘述

(2) tomcat的下载

忘了,去百度下吧,你可以的,重点是记好安装位置,其他没什么复杂的

(3) ***配置tomcat

windows -> preferences->server -> run time…………


选择你安装 tomcat 的版本

选择你tomcat 的安装路径


下一步

选择你刚才选择过的版本

最后在任务栏下方
双击打开这个东西

记好这两个东西
将右边的server location换为use tomcat—即可
运行即可

要是没有报错,跳过下面这一段

端口占用报错

The server cannot be started because one or moreof the ports are invalid. Open the server editor andcorrect the invalid ports.

原因:端口占用,换一下上面那两个端口号即可,如果非要用某一个端口号

Win10 /Win 11 查看端口占用的方法

同时按下 Win + R ,输入 cmd 回车
程序框输入 netstat -ano
即可查看所有端口使用的情况

后面这些数组就是端口号

如果是要查询指定的端口占用情况的话,可以在命令提示符窗口中继续输入

netstat -aon|findstr "提示的端口"

这里的提示的端口假设为8080,那么就输入命令

netstat -aon|findstr "8080"

按下回车键之后就可以看见列表中的PID

然后就能根据PID在电脑的任务管理器中查看对应的占用程序,然后选择将其关闭即可。

根据查询的PID找到对应的进程

可以看到占有8080这个程序的进程ID:15836,继续输入命令

tasklist|findstr "15836"

15836就是进程ID

现在知道是哪个进程占用的端口了,
ctrl + alt + delete 在任务管理器中找到指定应用 ,停止该应用,即可使用该端口号了

(4) 使用eclipse 自带浏览器查看 tomcat首页


在搜索框当中搜索浏览器

输入网址 localhost:8080

8080 为你上方设置的端口号


搭建tomcat 搭建成功

2.dream weaver 搭建tomcat

如果你只是想和eclipse 或 vscode 进行无缝对接这里可以跳过,这里只是为了和别的IDE进行无缝对接的时候提供一个参考,毕竟IDE有很多

(1)dream weaver 创建站点

找到你在eclipse 当中创建的Tomcat文件夹 ,在其中创建一个新的文件夹 “ dw”

名字随便你定,记好就行


取好名字
选择刚才创建的 dw 文件夹

有红叉说明该站点名字已经建立过了

下面的文件夹也是一样的操作

注意那个web URL ,http://localhost: 端口号/dw


设置链接相对于站点根目录

检验是否成功配置

创建一个jsp文件

选择实时网络
地址当中输入 tomcat 地址 http://localhost:8080/

成功搭建

(2) 在eclipse 当中 查看 dream weaver 生成的jsp文件

随便写一个jsp文件比如

在eclipse 当中查看

搭建成功

3.dream weaver 和 eclipse 无缝对接 Ecilpse创建动态网页项目

选择 “File–>New–>Dynamic Web Project”,创建 TomcatTest 项目:

选好你的jdk版本,和tomcat服务器

选择好后点击next
取个名字 我的是 web content

最后finish

创建一个jsp file


body 部分打个hello world

点击运行,选好你的tomcat 服务器后运行

dw搭建节点



最后finish 就行了

在右下角打开你的jsp文件

修改后
ctrl +s 保存
之后在JEE 界面就可以看到文件已经更改

4.vs code 配置 html ,jsp 环境

后续补充

三. 后续时间补充
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/768788.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号