Maven下构建bootstrap+jfinal项目Demo

本文详细介绍了如何使用Maven创建项目,导入JFinal和Bootstrap,以及编写Demo。首先创建Maven项目,确保正确配置JDK版本。接着导入JFinal的jar包,通过Maven命令将其添加到本地库。然后下载Bootstrap并放置于合适目录。最后,配置web.xml,编写Java控制器和视图,并成功运行Demo,展示Bootstrap页面。

一:创建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下的搭建已经完成了,之后就是开发了

评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值