bootstrap与java如何结合使用
BootStrap主要作用于前端美化,它也有自己的一套布局,你在使用的时候只需要将文件包解压,添加进项目之后,在用到的html或者jsp中引用他的文件即可,不过在引入之前,一定要先把jquery的文件引入进去,因为它依赖于jquery,文件的顺序十分重要。
还有就是,他的文件的顺序最好不要打乱,因为它的内部也有调用自己的文件,如果你把它弄乱了之后,就可能导致它找不到自己的文件,所以,直接引入是最好的方法,先引入CSS文件《link href=“》 再引入jquery《script src=”“》,最后引入Javascript文件《script src=”“》,
例如:
《!DOCTYPE HTML》
《html》
《head》
《link href=”bootstrap-datetimepicker-master/sample in bootstrap v2/bootstrap/css/bootstrap.min.css“ rel=”stylesheet“》
《link rel=”stylesheet“ type=”text/css“ media=”screen“
href=”bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css“》
《/head》
《body》
《div class=”input-append date form_date“ data-date-format=”yyyy-mm-dd“》
《input size=”16“ type=”text“ value=”“ readonly》
《span class=”add-on“》《i class=”icon-remove“》《/i》《/span》
《span class=”add-on“》《i class=”icon-calendar“》《/i》《/span》
《/div》
《div class=”input-append date“ id=”datetimepicker“ data-date-format=”yyyy-mm-dd“》
《input class=”span2“ size=”16“ type=”text“》
《span class=”add-on“》《i class=”icon-th“》《/i》《/span》
《/div》
《script type=”text/javascript“ src=”bootstrap-datetimepicker-master/sample in bootstrap v2/jquery/jquery-1.8.3.min.js“》
《/script》
《script type=”text/javascript“ src=”bootstrap-datetimepicker-master/bootstrap/js/bootstrap.min.js“》
《/script》
《script type=”text/javascript“ src=”bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js“》
《/script》
《script type=”text/javascript“ src=”bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js“ charset=”UTF-8“》
《/script》
《script type=”text/javascript“》
$(‘.form_date’).datetimepicker({
language: ‘zh-CN’,
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0
});
《/script》
《/body》
《html》
这是我做的一个用到datepicker的文件
而java是用于后台开发所用,而那个工具是应用于前段美化的所以他们之间并不冲突,正常的结合就行了
只要按上面的方法导入bootstrap的文件,然后在进行自己的java的开发就行了,就不会受到什么干扰了
基于Bootstrap的Java开发问题总结
第一次接触Bootstrap框架,特别生疏。但是在慢慢了解了之后会发现bootstrap是一个前端的技术框架。结合了JQuery从而实现了非常丰富、美观的界面效果。此次项目是基于Spring MVC模式下。
1.菜单
在Bootstrap中构建一个菜单是一件非常容易的事情。因为有专门的菜单管理,所以相比以前做过的菜单相对来说就轻松的多。只需要点开菜单管理,进行需求菜单的添加。如下图所示:
添加完菜单之后还不能显示,因为没有为菜单分配权限。接下来在角色权限管理里面为菜单进行授权。之后用授权过的账户进行登录就可以看见刚才所添加的菜单。
2.上传图片
上传图片费了好久才完成。开始以为上传图片功能已经做成功了。但是回过头看的时候才发现是有问题的。
问题一:
因为我是总共要上传三张图片,遇到的问题是每一次上传都上传成功了,可是数据库里的数据永远保存的最后一条的记录。最终发现发现方法的参数写错了。本来调用的是根据多个属性删除对象实体,结果发现在方法的参数里写了两个参数new String[] {“type”, “typeId” },就是第二个参数typeId导致每次删除的都是用户的所有记录。最终改为new String[] { “type”,“imgId” },将第二个参数改为imgId每次根据图片的类型删除。每次改变只是改变相对应的图片,避免了将同一个用户的所有图片都删除。
问题二:
上传成功后怎么都显示不到页面。问题是之前的做法是只上传一张图片,每次上传后的图片路径保存到filePath里,然而现在变成上传三张图片后每一次上传的图片路径都会保存到filePath里,也就是说第二次上传的图片路径每次都会覆盖上一次的路径,因此三张图片在页面的显示效果永远都是同一张照片。
最终在要显示的页面里从attachment表里面将用户对应所上传的图片显示在页面,这样就避免了filePath里只能保存一个路径的问题!
评论
查看更多