基于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中常用的SET和GET
Jan 13 Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
Jquery实现简单的轮播效果(代码管用)
Mar 14 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 Javascript
原生js实现水平方向无缝滚动
Jan 10 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
VUE实现移动端列表筛选功能
Aug 23 Javascript
浅析VUE防抖与节流
Nov 24 Vue.js
vue实现同时设置多个倒计时
May 20 Vue.js
vue postcss-px2rem 自适应布局
May 15 Vue.js
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安装问题
2006/10/09 PHP
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
php获取微信openid方法总结
2019/10/10 PHP
jQuery简单实现仿京东商城的左侧菜单效果代码
2015/09/09 Javascript
bootstrap监听滚动实现头部跟随滚动
2016/11/08 Javascript
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/06 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
jquery在vue脚手架中的使用方式示例
2017/08/29 jQuery
javaScript实现复选框全选反选事件详解
2020/11/20 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
2017/10/09 Javascript
jQuery获取随机颜色的实例代码
2018/05/21 jQuery
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
原生JavaScript实现五子棋游戏
2020/11/09 Javascript
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
[01:03:54]Liquid vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[01:01:52]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第二场 1月9日
2021/03/11 DOTA
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
Python实现的圆形绘制(画圆)示例
2018/01/31 Python
基于循环神经网络(RNN)实现影评情感分类
2018/03/26 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
python json load json 数据后出现乱序的解决方案
2020/02/27 Python
python实现程序重启和系统重启方式
2020/04/16 Python
Python实现EM算法实例代码
2020/10/04 Python
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
请说出你所知道的线程同步的方法
2013/04/19 面试题
Linux管理员面试经常问道的相关命令
2014/12/12 面试题
EJB实例的生命周期
2016/10/28 面试题
经典婚礼主持开场白
2014/03/13 职场文书
公务员群众路线专题民主生活会发言材料
2014/09/17 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
2015年安全生产责任书
2015/01/30 职场文书
员工辞职信范文大全
2015/05/12 职场文书
大学生学生会工作总结2015
2015/05/26 职场文书
mysql批量新增和存储的方法实例
2021/04/07 MySQL
MySQL中InnoDB存储引擎的锁的基本使用教程
2021/05/26 MySQL
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers