项目笔记: IDEA+MAVEN+Bootstrap+Spring+Mybatis+SpringMVC+Mysql
Posted 曹辰的思考笔记
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了项目笔记: IDEA+MAVEN+Bootstrap+Spring+Mybatis+SpringMVC+Mysql相关的知识,希望对你有一定的参考价值。
前言
一句话简介本项目:
利用Intellij+MAVEN搭建Spring+SpringMVC+Mybatis+mysql后,再加入Bootstrap框架内容,美化页面表格。
笔者曾在2年前的.Net项目中运用过Bootstrap, 感觉很适合做OA系统, 拿来即用, 全终端适配. 很好很强大. 并且笔者所在公司的一套iwork办公系统也在使用 .
在此关于Bootstrap就不再过多做介绍了,
我也是为了练习而使用^_^
具体步骤
1 导入Bootstrap包
Bootstrap包不需要在MAVEN的pom.xml中导入,只需下载一个Bootstrap的jar包,然后直接放入项目中即可。在IntelliJ中,我是直接粘贴到webapp下(注意,不是WEN-INF下)。
2 jsp页面内调用Bootstrap样式
在显示页面中,引入这个包,这里要注意获取Bootstrap路径的问题,即:
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
我这里比较简单,可参看这篇blog【http://blog.csdn.net/u010890358/article/details/53463543】。
然后就可以直接调用Bootstrap定义的样式了,如修饰table,就可直接使用,class后内容即为样式。
可参考【http://v3.bootcss.com/css/#tables】内容。
<table class="table table-striped">
code:
[html] view plain copy print?
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
Created by IntelliJ IDEA.
User: wanggenshen_sx
Date: 2016/12/26
Time: 17:25
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<html>
<head>
<title>Show Page22</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
</head>
<body>23
<h2>Employee List</h2>
<table class="table table-striped" border="1" cellspacing="0" cellpadding="10">
<tr class="success">
<th>ID</th>
<th>LastName</th>
</tr>
<c:forEach items="${requestScope.employees}" var="emp">
<tr class="danger">
<td>${emp.id}</td>
<td>${emp.lastName}</td>
<td>${emp.email}</td>
</tr>
</c:forEach>
</table>
</body>
</html>
3 成功:
结尾
略显粗糙, 笔记就写这么多了。
最后说一句,希望努力认真做好每一件事,
同时抽出时间整理各个系列的项目笔记,这才是正经事。
==============================================
香港脚 台湾人
欢迎关注,我的微信公共号
如此而已____Write By CaoChen
我是[香港脚台湾人],这个微信公共号(summerhins)的定位是自我提升,范围主要包括学习方法、注意力、习惯等等,同时不定期分享一些五花八门的读书笔记和影评。欢迎关注。
「手留余香」
由于水平有限,不足和错误之处在所难免,希望大家能够批评指出。
我的博客:http://www.cnblogs.com/hins/
我的GitHub:https://github.com/caochenhins
我的微信公共号:summerhins
以上是关于项目笔记: IDEA+MAVEN+Bootstrap+Spring+Mybatis+SpringMVC+Mysql的主要内容,如果未能解决你的问题,请参考以下文章
项目笔记: IDEA+MAVEN+Bootstrap+Spring+Mybatis+SpringMVC+Mysql
项目笔记: 使用intellij idea搭建MAVEN+SSM(Spring+SpringMVC+MyBatis)框架