eclipse创建web项目

ops/2024/9/25 10:39:22/

前言:我是第一次写web项目,探索了很多天,今天就把我知道的分享给大家,希望大家能够少走弯路,早点写出属于自己的web项目。完成课程设计或毕业设计。

一.准备工作

首先,在这里推荐一个网站--菜鸟教程。这个网站内容丰富,里面有很多关于网站制作的一些知识。

后面大家学习都会用上。我就照着这个网站完成了我的项目。

二.环境搭建

(1)tomcat部署

在这里,我们要有一个tomcat(web服务器)。它的作用如下:

1.Web服务器是一个应用程序(软件),对HTTP协议的操作进行封装,使得程序员不必直接对协议进行操作,让Web开发更加便捷。主要功能是"提供网上信息浏览服务"。

2.Servlet需要依赖Tomcat才能运行

Servlet作为Javaweb中的核心,他一般是依靠web服务器来运行的。而在java中tomcat无疑是最好的选择(tomcat本身就是java写的)。我们知道Servlet由web服务器创建,Servlet方法由web服务器调用。我们暂时可以这么去理解有Servlet就一定要有Tomcat,他们两是相伴相生的。

3.tomcat可以运行.jsp(java server pages),.jsp文件很重要,里面可以包含html和java语句,实现后台数据库的连接代码。

tomcat怎么下载呢?这里提供两个链接:菜鸟教程--环境搭建,参考博文

这里会出现乱码
解决方案

打开apach-tomcat-9.0.45->conf->logging.properties

用记事本打开logging.properties找到下图那一行代码

这里有一个快捷键:ctrl+F

改为

java.util.logging.ConsoleHandler.encoding =GBK

UTF-8改为GBK

下图就是改完之后的正确显示

后面基本上tomcat就能成功了。

(2)连接器的下载。

首先,在这里我卡了很久。现在,我才知道之前.java连接数据库的驱动和.jsp连接数据库用的是同一个.jar文件。接下来,我就详细说一下怎么把.jar文件下载和加进web项目。

这里提供一个链接,可以帮助大家下载.jar文件。菜鸟教程--下载.jar

mysql下载驱动链接:官网下载

下载以后解压就是这个文件夹

里面有:

其中黄色部分就是我们要的,把它拿出来就行了。

(3)web项目具体创建步骤

下载好了以后创建web项目步骤如图所示:

选择自己安装的tomcat版本,这里我下载的是最新的v9.0

然后,点击finish就ok了。创建好的目录如下:

后面要连接数据库就把.jar文件复制到WEB-INF下面的lib文件下。找到官网下载的文件夹

把前面拿出来的.jar文件复制进去就ok.

然后,创建.jsp文件。

1.jsp代码:

<%@ page contentType="text/html;charset=GB2312" %><%@ page import="java.sql.*" %>
<%
String driver="com.mysql.jdbc.Driver";
String url="jdbc:MySql://localhost:3306/st";   String userid="root"; // 用户String passwd="123456"; // 密码try{
Class.forName(driver);
}
catch(Exception e){
out.println(" 无法载入 “+driver+” 驱动程序 !");
e.printStackTrace();}
try {Connection con=DriverManager.getConnection(url,userid,passwd);
if(!con.isClosed())out.println("成功连接数据库 !");}
catch(SQLException SQLe){out.println("无法连接数据库 !");}
%>

        其中st为数据库名

将鼠标放在1.jsp上,右击鼠标。

如果要再次运行,可以按如下操作

今天分享到此结束啦,下一次,我将分享一下我的完整的web项目。


http://www.ppmy.cn/ops/39053.html

相关文章

(AI Web、ChatGPT Native、Ai Loading、AI Tools、知豆AI)

目录 1、AI Web 2、ChatGPT Native 3、Ai Loading 4、AI Tools 5、知豆AI 1、AI Web

SinoDB数据库导入导出工具External table

External table又叫SinoDB外部表&#xff0c;外部表采用多线程机制&#xff0c;支持多线程读取、写入数据文件以及多线程数据转换、插入操作。多线程机制只需要消耗相对较少的系统资源&#xff0c;但是能提供高速数据导入、导出&#xff0c;可以应用在数据采集、表重建、数据库…

智慧互联,统信UOS V20桌面专业版(1070)解锁办公新模式丨年度更新

从小屏到大屏 突破&#xff0c;就在方寸之间 从人机到智脑 融合&#xff0c;旨在新质生产力 统信UOS一直致力于将先进科技与用户场景相结合&#xff0c;不断提升用户的工作效率和生产力。在最新发布的统信UOS V20桌面专业版&#xff08;1070&#xff09;版本中&#xff0c;我们…

【ARMv8/v9 系统寄存器 4 -- ARMv8 通用寄存器详细介绍】

文章目录 ARMv8 通用寄存器通用寄存器X30 寄存器和链接寄存器&#xff08;LR&#xff09;程序计数器&#xff08;PC&#xff09;ARMv8 X30和PC之间的关系小结 ARMv8 通用寄存器 在ARMv9架构中&#xff08;这也适用于ARMv8&#xff0c;因为ARMv9是其进化版本&#xff09;&#…

【HMWeb】HTML使用Leaflet实现本地离线地图Gis应用

下载Leaflet 官网下载&#xff1a;https://leafletjs.com/reference.html CSDN&#xff1a;https://download.csdn.net/download/hmxm6/89291989 选择版本号 添加html文件 加入代码 <!DOCTYPE html> <html lang"en"> <head><meta charset&qu…

vue3 JSX的使用与警告【JSX 元素隐式具有类型 “any“,因为不存在接口 “JSX.IntrinsicElements“】解决办法

一、安装 pnpm i vitejs/plugin-vue-jsx -D 二、配置 1、tsconfig.json "compilerOptions":{"jsx":"preserve" } 2、vite.config.ts import VueJsx from "vitejs/plugin-vue-jsx"...plugin:[vue(),VueJsx() ] 三、简单使用案例…

HarmonyOS开发案例:【卡片二级联动】

1 卡片介绍 使用ArkTS语言&#xff0c;实现一个导航与内容二级联动的效果。 2 标题 二级联动&#xff08;ArkTS&#xff09; 3 介绍 介绍了如何基于List组件实现一个导航和内容的二级联动效果。样例主要包含以下功能&#xff1a; 切换左侧导航&#xff0c;右侧滚动到对应…

如何设计与管理一个前端项目

目录 前端项目设计 前端项目搭建 洞察项目瓶颈 方案调研与选型对比 前端项目管理 合理的分工排期 风险把控 及时反馈与复盘 结束语 如果说基础知识的掌握是起跑线&#xff0c;那么使大家之间拉开差距的更多是前端项目开发经验和技能。对于一个项目来说&#xff0c;从框…