Maven下构建bootstrap+jfinal项目Demo

来源:互联网 发布:代码什么颜色 知乎 编辑:程序博客网 时间:2024/06/01 09:57

一:创建Maven项目

1:新建选择Maven project
new maven project

2:选择Maven项目路经
这里写图片描述

3:选择Maven 模板
这里写图片描述

4:填写Maven 项目信息
这里写图片描述

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)吧
    这里写图片描述
  5. 修改完之后项目有红叉但是里面没有文件报错,这时
    这里写图片描述
    改成刚刚设置的版本就好了

二:导入jfinal 的jar包

1. 在pom.xml中引入jfinal

这里写图片描述

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下则不能在浏览器的地址栏直接访问)
    这里写图片描述
    因为bootstrap依赖jQuery包,我下载jQuery之后把jQuery包放到了bootstrap的js文件夹下

四:编写Demo

  1. 配置 web.xml
    这里写图片描述
  2. 在src/main/java下新建demo包,在demo包下新建两个文件,一个DemoConfig.java,一个DemoController.java,两个文件内容如下
    这里写图片描述

这里写图片描述

  1. 之后就是配置tomcat了,和其他项目一样配置没有分别
  2. 运行jfinal如下表示成功
    这里写图片描述

  3. 编写bootstrap demo
    这里写图片描述

  4. 在DemoController下写上bootstrap 的index.html的地址,在浏览器里访问
    出现如下画面表示成功
    这里写图片描述

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

0 0