SSM框架学习笔记——连接数据库以及简单的jsp

最新推荐文章于 2021-09-04 15:45:36 发布

依心而动，

最新推荐文章于 2021-09-04 15:45:36 发布

阅读量4.3k

点赞数

文章标签：学习笔记

本文链接：https://blog.csdn.net/xiaofeine/article/details/88831645

版权

相信大家都知道，现在做什么都离不开数据库。

今天我们用的是mysql。
打开mysql 新建数据库 shop
点击数据库shop 在下面表上右击点击新建表user
然后就是往表里添加数据了。
之后再eclipse里面配置信息进行链接数据库。
在这里插入图片描述
连接上数据库就可以像数据库里添加修改删除数据了。
SSM框架是一个完整的前端加后端的体系，现在说一下jsp。
具体如下：
<%@ page language=“java” contentType=“text/html; charset=utf-8”
pageEncoding=“utf-8”%>
<%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core”%>
<c:set var=“ctx” value="${pageContext.request.contextPath}" />

用户列表

新增

      </c:forEach>
    
    </tbody>
   
   </table>
                     
</div>

id	用户名	真实姓名	删除	编辑
${row.id}	${row.username}	${row.realname}	删除	编辑

用的css样式如下：
@CHARSET “UTF-8”;

/* 基础选择器：
id选择器#
class选择器.
标签选择器*
*通配符选择器，就是应用在html所有标签，所有空白都清空
*/
*{
padding:0px;
margin:0px;
}

.banner{
width:100%;
height:100px;
background-image:url(…/img/bgTitle.png);
/background-color:#FF6633;/
}
.title{
position: absolute;/绝对位置针对父标签的位置： fixed，相对于浏览器的/
top: 60px;
right: 30px;/设置绝对位置可以设置 top right left bottom/
color:#FFFFFF;
font-weight:bolder;
font-size:16px;
}

#main{
background-color:#EFEFEF;
}
#left{
width:12%;
height:900px;
background-color:#F2F2F2;
float:left;
border-right: 1px solid #dedede;
padding-bottom:100px;
}
#left ul{
list-style:none;
width:100%;
}
#left ul li{
height:70px;
line-height:70px;
background-color:#F9F9F9;
border-bottom: 1px solid #dedede;
text-align:center;
position:relative;
}
#left ul li:hover{
background-color:#FFFFFF;
}
.icon1{
position: absolute;
left: 30px;
top:25px;
display:block;
}
#left ul li a{
text-decoration:none;
color:#666666;
}
#left ul li a:hover{
color:#FF6633;
}

#right{
float:left;
width:86%;
/height:1300px;/
background-color:#fff;
padding:10px;
}

#loginDiv{
height:540px;
width:300px;
background-color:#FFFFFF;
padding:30px;
position:fixed;
left: 40%;
top: 25%;
border: 1px solid #CCC;
}

.box{
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
display: none;
}

.logTitle{
height:40px;
border-bottom:#ffb447 solid 1px;
font-size:28px;
margin-bottom:40px;
}
.formInput{
margin-bottom:20px;
height:40px;
width:100%;
}
.formInput img{
position: absolute;
padding-top: 12px;
padding-left: 8px;
}
.formInput input,select{
font-size:16px;
width:100%;
text-indent:5em;
height:40px;
}

.formInput span{
color:#999999;
position: absolute;
padding-top: 12px;
padding-left: 8px;
}
.formButton {
margin-top: 20px;
border: 0px;
font-size: 18px;
width: 100%;
height: 40px;
background-color:#ffb447;
color:#FFFFFF;
}
这样一个简单的jsp页面就完成啦。