JavaWeb项目详解系列1-1(Servlet + Jsp + JavaBean)

一.项目介绍

本项目来自GitHub,链接在此:link ,但是因为原作者没有给出一个详细的项目讲解,所以我就越俎代庖的把这件事儿给做了。
此项目较为简单,具体功能,技术栈我就不在此赘述,下面直接给进行详解。
对了,我用的是IDEA,我没用过Eclipse,所以可以跳过这部分看后面的代码分析。

二.IDEA里你可能会遇到的问题

先给出步骤:

1. 解压缩,并导入IDEA。 我没有截图提示的步骤,直接跳过即可。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这里把tomcat的lib添加进来。

2. 到这边你已经完成了前期的引导工作,但是后面的配置仍然尤为重要。

在这里插入图片描述
删除红圈文件夹,这一步的目的是为了我们自己手工建立文件夹。
打开File->Project Structure
在这里插入图片描述
先Apply,然后点击右下角Create Artifact。

3. 配置TomCat

run -> edit configuration
在这里插入图片描述
请点击这个小加号,而不是下面的Template。
在这里插入图片描述
在这里插入图片描述
Name可以随便取,第二个红框必须这么选。
在这里插入图片描述
这些红框框看似吓人,但是实际上,你只要把第一个红框框设定好,后面几个选用默认即可。注意,这里的参数都是跟随你的tomcat来的,我是自己配置的9090端口,默认端口是8080。反正你只要把第一个红框框(最上面的)设定好,后面自动即可。

4. 数据库相关。

4.1 XML文件中配置数据库

src里有一个c3p0-config.xml,打开并准备编辑。
在这里插入图片描述
这四行语句请你注意,要配置成你的mysql所对应的。前两行主要跟你的mysql版本有关,比如我,作为一个潮男,我用的版本都很新,我的mysql是8.0.12,所以这两句就不是这样写的。再说后两行,后两行就是你的mysql的账号密码,这个你应该自己知道。如果这四行你不会配置,那你目前还不适合看项目实战的教程。
我的配置如下:
<property name="jdbcUrl">jdbc:mysql://localhost:3306/customer?useSSL=false&amp;serverTimezone=UTC</property> <property name="driverClass">com.mysql.cj.jdbc.Driver</property>
至于后两行账号密码,是你自己设置的。

4.2 建立数据库和表。

首先建立一个叫做customer的数据库,然后采用如下sql语句建表:

create table t_customer(
	id varchar(32) primary key, 
	name varchar(20) not null, 
	gender varchar(6), 
	phone varchar(11),
	email varchar(20),
	description varchar(200)
	);

4.3 更改mysql的jar包

在这里插入图片描述file->project structrue,点击fix
在这里插入图片描述
该注意的地方我都打上红圈了,lib那边要双击就会出来详细界面,最后一个红圈那边是mysql的包,注意这个包,你的mysql下载的是什么版本,就要放对应的包。所以我这里要改成mysql8.0.12的版本的jar包。
在这里插入图片描述
点击左上角红圈可以添加文件, 下面红圈标注的文件是我添加的8.0.12的jar包。

4.4 Demo检验数据库环节是否配置完毕

打开src->demo,并运行。
在这里插入图片描述
这个软件叫navicat,用来可视化查看数据库的,我这里把demo的循环次数改成了5次,这是出来的效果。说明数据库配置的没问题。
到这里,前期准备全部完成,可以尝试运行web程序了。

5 运行Web应用

启动服务器,这边怎么弄不用我说了吧。
在这里插入图片描述
点击添加客户,点击提交。然后你就会发现,糟了,卡住了?为啥提交不过去。
原因很简单。
在这里插入图片描述
仔细看,这里有两个c3p0-config.xml。所以你需要把两个都改正确了。至于怎么改,见前文4.1.
在这里插入图片描述
看到这行绿字,就说明该项目已经成功运行,nice!
再查看一下数据库:
在这里插入图片描述
刚才提交的已经存入数据库,完美。
好了,项目详解系列1-1到此结束,后面讲解架构和代码,敬请期待。也欢迎大家关注我的CSDN~

猜你喜欢

转载自blog.csdn.net/w8253497062015/article/details/84992088
今日推荐