项目笔记: 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?

  1. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  

  2. <%--  

  3.   Created by IntelliJ IDEA.  

  4.   User: wanggenshen_sx  

  5.   Date: 2016/12/26  

  6.   Time: 17:25  

  7.   To change this template use File | Settings | File Templates.  

  8. --%>  

  9. <%@ page contentType="text/html;charset=UTF-8" language="java" %>  

  10. <%@ page isELIgnored="false" %>  

  11. <html>  

  12. <head>  

  13.     <title>Show Page22</title>  

  14.     <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">  

  15. </head>  

  16. <body>23  

  17.             <h2>Employee List</h2>  

  18.                 <table class="table table-striped" border="1" cellspacing="0" cellpadding="10">  

  19.                     <tr class="success">  

  20.                         <th>ID</th>  

  21.                         <th>LastName</th>  

  22.                     </tr>  

  23.   

  24.                     <c:forEach items="${requestScope.employees}" var="emp">  

  25.                         <tr class="danger">  

  26.                             <td>${emp.id}</td>  

  27.                             <td>${emp.lastName}</td>  

  28.                             <td>${emp.email}</td>  

  29.                         </tr>  

  30.                     </c:forEach>  

  31.                 </table>  

  32.   

  33. </body>  

  34. </html>  

3 成功:

 

结尾


    略显粗糙,  笔记就写这么多了。 


    最后说一句,希望努力认真做好每一件事, 


    同时抽出时间整理各个系列的项目笔记,这才是正经事。



==============================================





香港脚 台湾人


欢迎关注,我的微信公共号

分享也是一种生活态度
分享所思、所得。

                如此而已____Write By CaoChen

                我是[香港脚台湾人],这个微信公共号(summerhins)的定位是自我提升,范围主要包括学习方法、注意力、习惯等等,同时不定期分享一些五花八门的读书笔记和影评。欢迎关注。








「手留余香」

  • 由于水平有限,不足和错误之处在所难免,希望大家能够批评指出。

  • 我的博客:http://www.cnblogs.com/hins/

  • 我的GitHub:https://github.com/caochenhins

  • 我的微信公共号:summerhins




以上是关于项目笔记: IDEA+MAVEN+Bootstrap+Spring+Mybatis+SpringMVC+Mysql的主要内容,如果未能解决你的问题,请参考以下文章

Maven基础-02-笔记

Maven基础-02-笔记

IDEA 创建java maven项目笔记

Maven学习笔记3:在idea中使用Maven

项目笔记: IDEA+MAVEN+Bootstrap+Spring+Mybatis+SpringMVC+Mysql

项目笔记: 使用intellij idea搭建MAVEN+SSM(Spring+SpringMVC+MyBatis)框架