Maven下构建bootstrap+jfinal项目Demo

一:创建Maven项目

1:新建选择Maven project
Maven下构建bootstrap+jfinal项目Demo_第1张图片

2:选择Maven项目路经

3:选择Maven 模板

4:填写Maven 项目信息
Maven下构建bootstrap+jfinal项目Demo_第2张图片

5:如果你和我一样,构建之后没有src/main/java包

  1. 确定eclipse的jdk版本
  2. 进入到项目的Java Build Path
  3. 编辑JRE System Library
  4. System library 选择你的eclipse中含有的版本,jdk1.7的就选择JavaSE-1.7(jre1.7)吧
    Maven下构建bootstrap+jfinal项目Demo_第3张图片
  5. 修改完之后项目有红叉但是里面没有文件报错,这时
    Maven下构建bootstrap+jfinal项目Demo_第4张图片
    改成刚刚设置的版本就好了

二:导入jfinal 的jar包

1. 在pom.xml中引入jfinal

Maven下构建bootstrap+jfinal项目Demo_第5张图片

2. 下载jfinal的jar包使用maven的命令将jfinal放到maven本地库之后再做第一步的填写pom.xml

maven 命令是mvn install:install-file -Dfile=jfinal包文件路经 -DgroupId=com.jfinal -DartifactId=jfinal -Dversion=2.2 -Dpackaging=jar,这些都可以参考第一步的dependency

三:导入bootstrap

  1. 下载bootstrap包
  2. 复制bootstrap整个文件到webap下面(放在WEB-INF下则不能在浏览器的地址栏直接访问)
    Maven下构建bootstrap+jfinal项目Demo_第6张图片
    因为bootstrap依赖jQuery包,我下载jQuery之后把jQuery包放到了bootstrap的js文件夹下

四:编写Demo

  1. 配置 web.xml
    Maven下构建bootstrap+jfinal项目Demo_第7张图片
  2. 在src/main/java下新建demo包,在demo包下新建两个文件,一个DemoConfig.java,一个DemoController.java,两个文件内容如下
    Maven下构建bootstrap+jfinal项目Demo_第8张图片

  1. 之后就是配置tomcat了,和其他项目一样配置没有分别
  2. 运行jfinal如下表示成功
    Maven下构建bootstrap+jfinal项目Demo_第9张图片

  3. 编写bootstrap demo
    Maven下构建bootstrap+jfinal项目Demo_第10张图片

  4. 在DemoController下写上bootstrap 的index.html的地址,在浏览器里访问
    出现如下画面表示成功
    Maven下构建bootstrap+jfinal项目Demo_第11张图片

到这里jfinal和bootstrap在maven下的搭建已经完成了,之后就是开发了

你可能感兴趣的:(Maven下构建bootstrap+jfinal项目Demo)