您的位置:首页 > Web前端 > BootStrap

Maven下构建bootstrap+jfinal项目Demo

2016-03-29 22:17 393 查看

一:创建Maven项目

1:新建选择Maven project



2:选择Maven项目路经



3:选择Maven 模板



4:填写Maven 项目信息



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

确定eclipse的jdk版本

进入到项目的Java Build Path

编辑JRE System Library

System library 选择你的eclipse中含有的版本,jdk1.7的就选择JavaSE-1.7(jre1.7)吧



修改完之后项目有红叉但是里面没有文件报错,这时



改成刚刚设置的版本就好了

二:导入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

下载bootstrap包

复制bootstrap整个文件到webap下面(放在WEB-INF下则不能在浏览器的地址栏直接访问)



因为bootstrap依赖jQuery包,我下载jQuery之后把jQuery包放到了bootstrap的js文件夹下

四:编写Demo

配置 web.xml



在src/main/java下新建demo包,在demo包下新建两个文件,一个DemoConfig.java,一个DemoController.java,两个文件内容如下





之后就是配置tomcat了,和其他项目一样配置没有分别

运行jfinal如下表示成功



编写bootstrap demo



在DemoController下写上bootstrap 的index.html的地址,在浏览器里访问

出现如下画面表示成功



到这里jfinal和bootstrap在maven下的搭建已经完成了,之后就是开发了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: