Java Web学习（一）_javawebshow tables-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43993349/article/details/100933378

本文通过一个简单的JSP示例，展示了如何在网页上动态更改图片，并介绍了使用Java连接MySQL数据库的方法，包括数据库创建、表结构设计及数据插入等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单学一下jsp 了解一下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="{CHARSET}">
		<title></title>
	</head>
	<body>
		<!--在页面上放一张图片，同时取一名字id="a"-->
		<img src="a.jpg" id="a"/>
		
		<input type="button" value="1" onclick="changeImg()"/>
		<input type="button" value="2" />
		<input type="button" value="3" />
		<input type="button" value="4" />
		<input type="button" value="5" />
		<input type="button" value="6" />
		
	</body>
</html>

<script>
	//准备写javascript,此区域写
	//编写一个功能，弹出一个框,此处功能名字叫changeImg()
	function changeImg(){
		//alert('谁点我?');
		//1.将一个名字叫id="a"的标签 找到, 2.将它的图片换成b.jpg(也就是src="b.jpg")
		document.getElementById("a").src="b.jpg";
	}
</script>

轮播图
在这里插入图片描述
简单了解数据库

这个mysql数据库密码为root

-- 创建数据库,名字为bookdb,设置默认编码为utf8
create database bookdb default charset utf8;

-- 我怎么知道创建成功了呢，查看所有数据库
show databases;

-- 使用这个数据库，程序里面所有的数据都会装到这个数据库内
use bookdb;

-- 在这个数据库中创建表(表头)
-- 编号 书名  作者 出版社 出版时间 定价  折扣价 图片
create table bookinfo
(
	bookid int primary key auto_increment,
	bookname char(100),
	author char(20),
	publisher char(30),
	ptime char(30),
	bookprice float,
	discountprice float,
	bookimg char(100)
);

-- 查看一下刚刚创建好的表
show tables;

在这里插入图片描述
打开eclipse，导入mysql jar包学习如何连接mysql 执行添加测试是否链接成功

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.SQLException;

public class Book {

	public static void main(String[] args) throws ClassNotFoundException, SQLException {
		// TODO Auto-generated method stub
		/**
		 * 1.加载驱动包 Connection就是开mysql的钥匙
		 */
		Class.forName("com.mysql.jdbc.Driver");
		Connection lianjie = DriverManager.getConnection("jdbc:mysql://localhost:3306/bookdb","root","root");
		//我怎么知道成功没
				//System.out.println(lianjie.isClosed());
				
				//insert bookinfo values(101,'abcd','smith','wh','20101-1-1',19.9,9.9,'images/a.jpg')
				//连接的目的不就是为了crud吗(增删改查)
		PreparedStatement p = lianjie.prepareStatement("insert bookinfo values(121,'abcd','smith','wh','20101-1-1',19.9,8.9,'images/a.jpg')");
		//执行添加
		p.execute();
		
	}

}