基于Bootstrap的Java开发问题汇总(Spring MVC)


Posted in Javascript onJanuary 15, 2017

第一次接触Bootstrap框架,特别生疏。但是在慢慢了解了之后会发现bootstrap是一个前端的技术框架。结合了JQuery从而实现了非常丰富、美观的界面效果。此次项目是基于Spring MVC模式下。

1.菜单

     在Bootstrap中构建一个菜单是一件非常容易的事情。因为有专门的菜单管理,所以相比以前做过的菜单相对来说就轻松的多。只需要点开菜单管理,进行需求菜单的添加。如下图所示:

基于Bootstrap的Java开发问题汇总(Spring MVC)

        添加完菜单之后还不能显示,因为没有为菜单分配权限。接下来在角色权限管理里面为菜单进行授权。之后用授权过的账户进行登录就可以看见刚才所添加的菜单。

2.上传图片

     上传图片费了好久才完成。开始以为上传图片功能已经做成功了。但是回过头看的时候才发现是有问题的。

问题一:

      因为我是总共要上传三张图片,遇到的问题是每一次上传都上传成功了,可是数据库里的数据永远保存的最后一条的记录。最终发现发现方法的参数写错了。本来调用的是根据多个属性删除对象实体,结果发现在方法的参数里写了两个参数new String[] { "type", "typeId" },就是第二个参数typeId导致每次删除的都是用户的所有记录。最终改为new String[] { "type", "imgId" },将第二个参数改为imgId每次根据图片的类型删除。每次改变只是改变相对应的图片,避免了将同一个用户的所有图片都删除。

问题二:

     上传成功后怎么都显示不到页面。问题是之前的做法是只上传一张图片,每次上传后的图片路径保存到filePath里,然而现在变成上传三张图片后每一次上传的图片路径都会保存到filePath里,也就是说第二次上传的图片路径每次都会覆盖上一次的路径,因此三张图片在页面的显示效果永远都是同一张照片。

      最终在要显示的页面里从attachment表里面将用户对应所上传的图片显示在页面,这样就避免了filePath里只能保存一个路径的问题!

基于Bootstrap的Java开发问题汇总(Spring MVC)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 研究心得 取得属性的值
Nov 30 Javascript
JavaScript confirm选择判断
Oct 18 Javascript
javascript prototype 原型链
Mar 12 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
Jun 09 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
javascript HTML5 canvas实现打砖块游戏
Jun 18 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 Javascript
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
JavaScript读取本地文件常用方法流程解析
Oct 12 Javascript
Angular处理未可知异常错误的方法详解
Jan 17 Javascript
JavaScript调试的多个必备小Tips
Jan 15 #Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 #Javascript
js实现密码强度检验
Jan 15 #Javascript
JavaScript实现图像模糊化的方法实例
Jan 15 #Javascript
vue实现简单实时汇率计算功能
Jan 15 #Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 #Javascript
JS轮播图中缓动函数的封装
Nov 25 #Javascript
You might like
PHP goto语句简介和使用实例
2014/03/11 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
WordPres对前端页面调试时的两个PHP函数使用小技巧
2015/12/22 PHP
Laravel搭建后台登录系统步骤详解
2016/07/26 PHP
ThinkPHP使用getlist方法实现数据搜索功能示例
2017/05/08 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
参考:关于Javascript中实现暂停的几篇文章
2007/03/04 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
Javascript实现计算个人所得税
2015/05/10 Javascript
JavaScript判断是否是微信浏览器
2016/06/13 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
js微信分享实现代码
2020/10/11 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
vue轻量级框架无法获取到vue对象解决方法
2019/05/12 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
深入了解Python数据类型之列表
2016/06/24 Python
python实现zabbix发送短信脚本
2018/09/17 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
python向图片里添加文字
2019/11/26 Python
深入理解Python 多线程
2020/06/16 Python
浅析python 字典嵌套
2020/09/29 Python
浅析Python中字符串的intern机制
2020/10/03 Python
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
手工制作的豪华英式沙发和沙发床:Willow & Hall
2019/05/03 全球购物
2014年圣诞节寄语
2014/12/08 职场文书
大一学生个人总结
2015/02/15 职场文书
Spring Cloud 中@FeignClient注解中的contextId属性详解
2021/09/25 Java/Android
JavaScript实现栈结构详细过程
2021/12/06 Javascript
聊聊Python String型列表求最值的问题
2022/01/18 Python