创新实训-IDEA初认识|导入项目|添加相关依赖|不装配指定bean|bootstrap 前端框架|layui|热部署

创新实训-IDEA初认识|前端相关知识
本次开发工具为IDEA2017版本，因为自己之前没用过，上手花费了一段时间，比较痛苦的经历就是导入项目显示Cannot Resolve Symbol，无法运行；向controller请求数据，无法返回.这两个问题都折磨的我好惨，但万幸最终还是解决啦。
这两天的成果就是弄出了两个页面，进度有点慢，前端需要各种调整，之后慢慢熟悉应该就会快了。
具体学到的知识和一些问题解决方法在这里记录一下。
1.导入项目
因为小组成员已经做好了一部分，我需要在其基础上继续，首先就需要导入项目，自己一开始创建了一个简单的springboot项目，运行没有问题，但是导入项目文件总是报错Cannot Resolve Symbol ，只能一边焦虑一边改各项配置，最终卡住我的是jdk必须重选，因为显示的jdk版本和我安装的是一样，所以检查之后就放过了。
总的来说，导入项目需要修改以下内容：
（1）导入pom.xml
不知道为什么，我用import导入项目，会出现没有导入pom.xml的情况，因此需要自己进行配置
view-tool windows-maven projects

然后点击下图中的加号，导入pom.xml

（2）maven设置
file-setting-搜索maven
将maven home directory改为自己下载的maven的路径
user setting file改为自己下载的maven的路径的setting文件
检查maven下importing中jdk for importer是否为java-home
（3）jdk设置
检查file-project structure-modules-souces 中jdk版本
！！下面是我的一个问题，modules-dependencies中的jdk一定要重选，重选，重选，选择自己的jdk下载目录
检查sdks中jdk home path
2.在pom.xml中添加相关依赖

<!--开发web项目相关依赖-->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>
<!--springboot单元测试-->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
<!--添加thymeleaf依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
   

3.不装配指定bean-@SpringBootApplication-exclude
取消数据库配置为：
@SpringBootApplication(exclude =DataSourceAutoConfiguration.class) ：
4.bootstrap 前端框架
本次主要用到了栅格系统进行布局，col-xs-、col-sm-、col-md-*分别对应不同屏幕。栅格系统会自动的将每行row分12列，最后的参数即为所占的列数。
基本使用方法为：

<div class="container">
   <div class="row">
      <div class="col-*-*"></div>
      <div class="col-*-*"></div>      
   </div>
   <div class="row">...</div>
</div>
<div class="container">...

然后还用到了偏移列的知识：