JavaWeb搭建数据库,并准备前端页面展示信息------前端

已于 2023-11-10 14:31:28 修改
阅读量181 收藏
点赞数 1
分类专栏： 前端 数据库 文章标签： sql 前端 javascript 前端框架 vue.js vue node.js
于 2023-10-10 11:09:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75960169/article/details/133742515
版权 
CREATE DATABASE SpringBootVue;
USE SpringBootVue;
CREATE TABLE t_movie(id BIGINT PRIMARY KEY AUTO_INCREMENT,title VARCHAR(255),rating DOUBLE);
INSERT INTO t_movie(id,title,rating) VALUES(NULL,"金刚狼",8.7);
INSERT INTO t_movie(id,title,rating) VALUES(NULL,"变形金刚",8.6)
INSERT INTO t_movie(id,title,rating) VALUES(NULL,"蜘蛛侠",8.7)
SELECT * FROM t_movie
CREATE TABLE dept(deptno INT PRIMARY KEY,dname VARCHAR(255),loc VARCHAR(255))
INSERT INTO dept(deptno,dname,loc) VALUES(10,'销售部','北京')
INSERT INTO dept(deptno,dname,loc) VALUES(20,'研发部','上海')
INSERT INTO dept(deptno,dname,loc) VALUES(30,'技术部','广州')
INSERT INTO dept(deptno,dname,loc) VALUES(40,'媒体部','深圳')
SELECT * FROM dept

CREATE DATABASE SpringBootVue;
USE SpringBootVue;
CREATE TABLE t_movie(id BIGINT PRIMARY KEY AUTO_INCREMENT,title VARCHAR(255),rating DOUBLE);
INSERT INTO t_movie(id,title,rating) VALUES(NULL,"金刚狼",8.7);
INSERT INTO t_movie(id,title,rating) VALUES(NULL,"变形金刚",8.6)
INSERT INTO t_movie(id,title,rating) VALUES(NULL,"蜘蛛侠",8.7)
SELECT * FROM t_movie
CREATE TABLE dept(deptno INT PRIMARY KEY,dname VARCHAR(255),loc VARCHAR(255))
INSERT INTO dept(deptno,dname,loc) VALUES(10,'销售部','北京')
INSERT INTO dept(deptno,dname,loc) VALUES(20,'研发部','上海')
INSERT INTO dept(deptno,dname,loc) VALUES(30,'技术部','广州')
INSERT INTO dept(deptno,dname,loc) VALUES(40,'媒体部','深圳')
SELECT * FROM dept

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>部门列表</title>
	</head>
	<body>
		<h1 align="center">部门列表</h1>
		<hr>
		<table align="center" border="1px" width="50%">
			<tr>
				<th>序号</th>
				<th>部门编号</th>
				<th>部门名称</th>
				<th>操作</th>
			</tr>
			<tr>
				<td>1</td>
				<td>10</td>
				<td>销售部</td>
				<td>
					<a href="javascript:void(0)" onclick="window.confirm('亲,确认删除该数据吗?')">删除</a>
					<a href="edit.html">修改</a>
					<a href="detail.html">详情</a>
				</td>
			</tr>
			<tr>
				<td>2</td>
				<td>20</td>
				<td>销售部</td>
				<td>
					<a href="javascript:void(0)" onclick="window.confirm('亲,确认删除该数据吗?')">删除</a>
					<a href="edit.html">修改</a>
					<a href="detail.html">详情</a>
				</td>
			</tr> 
			<tr>
				<td>3</td>
				<td>30</td>
				<td>销售部</td>
				<td>
					<a href="javascript:void(0)" onclick="window.confirm('亲,确认删除该数据吗?')">删除</a>
					<a href="edit.html">修改</a>
					<a href="detail.html">详情</a>
				</td>
			</tr>
		</table>
		<hr>
		<a href="add.html">新增部门</a>
	</body>
</html>

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>部门列表</title>
    </head>
    <body>
        <h1 align="center">部门列表</h1>
        <hr>
        <table align="center" border="1px" width="50%">
            <tr>
                <th>序号</th>
                <th>部门编号</th>
                <th>部门名称</th>
                <th>操作</th>
            </tr>
            <tr>
                <td>1</td>
                <td>10</td>
                <td>销售部</td>
                <td>
                    <a href="javascript:void(0)" οnclick="window.confirm('亲,确认删除该数据吗?')">删除</a>
                    <a href="edit.html">修改</a>
                    <a href="detail.html">详情</a>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>20</td>
                <td>销售部</td>
                <td>
                    <a href="javascript:void(0)" οnclick="window.confirm('亲,确认删除该数据吗?')">删除</a>
                    <a href="edit.html">修改</a>
                    <a href="detail.html">详情</a>
                </td>
            </tr> 
            <tr>
                <td>3</td>
                <td>30</td>
                <td>销售部</td>
                <td>
                    <a href="javascript:void(0)" οnclick="window.confirm('亲,确认删除该数据吗?')">删除</a>
                    <a href="edit.html">修改</a>
                    <a href="detail.html">详情</a>
                </td>
            </tr>
        </table>
        <hr>
        <a href="add.html">新增部门</a>
    </body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新增部门</title>
	</head>
	<body>
		<h1>新增部门</h1>
		<hr>
		<form method="get" action="list.html">
			部门编号:<input type="text" name="deptno"/><br>
			部门名称:<input type="text" name="dname"/><br>
			部门位置:<input type="text" name="loc"/><br>
			<input type="submit" value="保存"/>
		</form>
	</body>
</html>

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>新增部门</title>
    </head>
    <body>
        <h1>新增部门</h1>
        <hr>
        <form method="get" action="list.html">
            部门编号:<input type="text" name="deptno"/><br>
            部门名称:<input type="text" name="dname"/><br>
            部门位置:<input type="text" name="loc"/><br>
            <input type="submit" value="保存"/>
        </form>
    </body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>修改部门</title>
	</head>
	<body>
		<h1>修改部门</h1>
		<hr>
		<form method="get" action="list.html">
			部门编号:<input type="text" name="deptno" value="20" readonly/><br>
			部门名称:<input type="text" name="dname" value="销售部"/><br>
			部门位置:<input type="text" name="loc" value="北京"/><br>
			<input type="submit" value="保存"/>
		</form>
	</body>
</html>

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>修改部门</title>
    </head>
    <body>
        <h1>修改部门</h1>
        <hr>
        <form method="get" action="list.html">
            部门编号:<input type="text" name="deptno" value="20" readonly/><br>
            部门名称:<input type="text" name="dname" value="销售部"/><br>
            部门位置:<input type="text" name="loc" value="北京"/><br>
            <input type="submit" value="保存"/>
        </form>
    </body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>部门详情</title>
	</head>
	<body>
		<h1>部门详情</h1>
		<hr>
		部门编号:20<br>
		部门名称:销售部<br>
		部门位置:北京<br>
		
		<input type="button" value="后退" onclick="window.history.back()"/>
	</body>
</html>

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>部门详情</title>
    </head>
    <body>
        <h1>部门详情</h1>
        <hr>
        部门编号:20<br>
        部门名称:销售部<br>
        部门位置:北京<br>
        
        <input type="button" value="后退" οnclick="window.history.back()"/>
    </body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>欢迎页</title>
	</head>
	<body>
		<a href="list.html">查看部门列表</a>
	</body>
</html>

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>欢迎页</title>
    </head>
    <body>
        <a href="list.html">查看部门列表</a>
    </body>
</html>

旧约Alatus
关注
专栏目录
【JavaWeb】网上蛋糕项目商城-首页
笔触狂放的博客
05-03 2267
以上代码中，定义了 GetAllType()方法用于获得数据库中蛋糕的所有分类，但该类是业务逻辑层，并不能执行sql业务代码，所以需要将操作交给dao层去执行。在src中创建filter包，在该包下创建EncodeFilter类，用于拦截所有浏览器的地址请求，将所有请求的编码格式都调整为UTF-8格式。接着，我们在src中创建service包，在该包下创建TypeService类，这里也可以使用MVC模式，接口的方式创建业务逻辑层。在src中创建model包，用于存储创建的实体类，在该包下创建Type类。
JavaWeb 前端
笨羊的博客
12-22 880
Junit单元测试: * 测试分类: 1. 黑盒测试: 不需要写代码,给输入值,看程序是否能够输出期望的值 2. 白盒测试: 需要写代码,关注程序具体的执行流程 * Junit使用: 白盒测试 * 步骤 1. 定义一个测试类 (测试用例) * 建议: * 测试类名: 被测试的类名 * 包名 : xxx.xxx.xx.test cn.itcast.test 2. 定义测试方法:可以独立运行 * 建议: * 方法名: test测试的方法名 testA
JavaWeb-显示mysql数据库数据
gezongbo的博客
03-17 3143
连接mysql数据库EMS-员工信息管理系统创建ems库创建user表插入表格数据创建UserListServlets使用JDBC连接数据库最后，部署服务器 EMS-员工信息管理系统 MySQL–基础操作 MySQL–基础命令实操 创建ems库 show databases; create database ems; use ems; 创建user表 create table user( id int primary key auto_increment,
小型的java WEB项目一个页面（第三段）jsp界面
lick_java的博客
07-04 797
注：这是一个简单的展示数据在前端的功能；在后期，我会继续分享SSM框架和一些有趣的知识点， 这里所需的css样式和js样式就不列出来了 注意如果在jsp页面使用for循环一定要加如下的一行代码： 通过for循环遍历list集合，将从后端传入的集合展示在前端页面 jsp展示界面： 如果没加过滤器，启动后在浏览器应该是这样的页面；需要把上面的域名加上访问的资源： 然后跳转页面： 注意看搜索栏 最终展示效果： 想要通过前端页面CURD可在URL追加参数； ！！！参数很重要，数据的作用域也非常重要 以
用Java制作一个小界面
lxh13_14_15的博客
05-19 367
适合大一学生java的基础知识运用，学习JAVA
201711671105 《Java程序设计》第九章学习总结
不是志锋的博客
12-04 1461
教材学习内容总结 1.Java Swing 组件与容器： Java把component类的子类或间接子类创建的对象称为一个组件； Java把container的子类或间接类创建的对象称为一个容器； 向容器添加组件： public add（）； 移除组件：removeAll（）移除所有组件；  remove（component c）方法 ，移除指定组件c； 容器本身也是一个组件，可以把...
Web端可视化数据库操作的设计与实现
最新发布
laojin1234的博客
08-01 1206
Spring Boot集成了多个框架，这样开发者就无需手动搜索和导入Jar包，同时能够有效避免不同组件间的版本冲突，增强组件间的相关性，进一步简化Spring应用程序的构建和开发过程。在数据库开发过程中，需全面考虑用户需求，用户立场为出发点，进行整体设计，确保数据库的可靠性、效率、可维护性和可扩展性，便于未来升级与扩充，同时在整个软件系统开发流程中[3]，数据库设计是至关重要的环节，一个优质的数据库设计需充分考虑多方面因素，确保对数据库的深入理解，进而进行数据分析和处理，促进软件的持续发展。
JavaWeb课程设计/期末大作业-仿天猫电商网站的搭建+源代码+文档说明+数据库
12-27
实现顶部用户栏实时显示用户信息，动态从数据库显示最新卖家发布的商品信息，并点击商品跳转至购买页面。 3.购买页面. 动态生成商品信息(图片，价格，介绍等…)，包含添加到购物车功能，查看购物车等功能。 4.卖家...
基于后端SSM框架和前端Vue+Element-UI的图书管理系统源码.zip
10-24
2. 图书管理：添加、删除、修改图书信息，使用Mybatis进行数据库操作，Vue.js展示和交互。 3. 借阅与归还：用户可以查询图书并进行借阅，系统记录借阅状态，到期提醒归还，所有业务逻辑在后端SSM框架中实现。 4. ...
Java Web开发, Spring Boot, Layui, Mybatis-plus, 后台管理系统源代码, 实战项目
05-28
该后台管理系统基于Spring Boot框架，实现了快速开发和部署的优势，同时结合了Layui和Mybatis-plus等开源工具，提供了丰富的前端界面和数据库操作功能。 熟悉Spring Boot、Layui和Mybatis-plus的基本概念和用法，...
JavaWeb开发-前端
Holy
01-18 226
1.HTML 1.1 HTML概念 HTML，超文本标记语言 超文本：比普通文本功能强大 标记语言：使用标签对内容进行描述，不是编程语言 1.2 HTML语法规范 HTML文件：后缀以.html和.htm结尾 HTML由和两部分组成 HTML标签，以开始标签开始结尾标签结束 HTML忽略大小写 1.3 HTML标签 标题标签：(n=1~6)加粗显示，单独占一行，并
（超详细教程）用Java制作出用户登录界面（上）
2301_79629586的博客
05-16 3313
在Java界面，点开数据包中文件夹下的windows，点开它，根据代码注解，就可以运行和修改登录界面了，我把代码发在下面，需要的同学可自取。
使用java+Mysql数据库做一个简单的登录窗口界面
溯夜，逆流而上
10-26 6万+
最近在做项目的时候，对java连接到数据库小有体会，特此来写一篇博客给大家讲解在java中如何连接使用数据库。来展示下效果图： 首先，我们来编写关于数据库里的数据操作，包括基本的增删查改以及增加的功能。我在数据库里定义了一个info库，并在库里添加了player表。player表内容如下： 可以看到，表里定义了三个变量in...
网页上直接sql查询操作数据库,并在网页上展示列表数据的工具页面
yule117737767的专栏
10-13 4万+
很多人可能跟我一样,需要连接N都个数据库,进行操作, 有时候要查某个服务器下某个数据库的某张表的数据. 然后只能打开连接远程服务器, 连接远程数据库, 然后再sql语句操作. 每次都很烦,所以有空做了个 连接数据库操作的工具页面. 直接工具栏输入, 下面显示查询结果列表 前端: easyui 前端我用的是easyui的表格功能,这个做列表数据展示还不错, 后端: php 接口,  ...
阿里云java短信验证码源码-java-backend-development:我的Java框架、JavaWeb和数据库的Java代码
06-06
后台开发：JavaWeb，微服务框架 以及数据库相关的代码。 环境简述： 使用了 IntelliJ Idea 作为后台开发工具，WebStorm 作为前端开发工具 使用了 DataGrip 查看配置数据库 使用了 Maven 作为项目管理工具 使用了 ...
向web页面显示数据
bulbboy的博客
09-16 8724
1.向web页面显示数据 首先数据库里面要有数据  主要的是连接数据库后再在web上显示数据这一过程   &lt;?php header("content-type:text/html;charset=utf-8"); if($conn=mysql_connect('localhost','root','root')){ }else{ die('数据库连接失败:'.mysql_er...
JavaWeb项目查询数据库获得数据显示在jsp页面上
热门推荐
Mart1nn的博客
07-26 8万+
先来简单的例子吧。大概如下：index.jsp页面中只有一个按钮，用来跳转到Servlet操作数据，Servlet中对数据库查询操作后将信息保存在request对象中通过转发传递到showinfo.jsp页面（如果你对数据的操作也是在jsp中，java代码逻辑部分其实是一样的，注意跳转路径即可；用了@Controllor同理，跳转的逻辑也是一样的） 把数据库建好 CREATE TABLE `...
文章展示从数据库到前端页面实现部分展示
xiaokanshijie的博客
03-02 4939
前后端交互实现前端页面展示数据库部分文章： &lt;c:forEach items="${userinfo}" varStatus="i" var="item" &gt; &lt;div class="article"&gt; &lt;div&gt; &lt;div class="content" id
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值