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

1.菜单

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

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

2.上传图片

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

问题一：

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

问题二：

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Bootstrap  # java  # 菜单  # java Springboot实现多文件上传功能  # springboot+webmagic实现java爬虫jdbc及mysql的方法  # Java Spring boot 2.0 跨域问题的解决  # 解决Spring Boot和Feign中使用Java 8时间日期API（LocalDate等）的序列  # SpringBoot文件上传控制及Java 获取和判断文件头信息  # springboot的java配置方式(实例讲解)  # 详解Spring Boot 中使用 Java API 调用 lucene  # Spring Boot利用Lombok减少Java中样板代码的方法示例  # JavaEE微框架Spring Boot深入解读  # 详解Spring Boot 使用Java代码创建Bean并注册到Spring中  # Spring Boot中利用JavaMailSender发送邮件的方法示例（附源码）  # BootStrap与validator 使用笔记(JAVA SpringMVC实现)  # 浅谈Java中Spring Boot的优势  # 上传  # 上传图片  # 三张  # 第二个  # 问题是  # 的是  # 都是  # 是一个  # 我是  # 是有  # 多个  # 只需  # 错了  # 才发现  # 做过  # 写了  # 所示  # 还不能  # 后会  # 相对应 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： MySQL查询结果复制到新表的方法(更新、插入)  如何在宝塔面板中创建新站点？  googleplay官方入口在哪里_Google Play官方商店快速入口指南  javascript读取文本节点方法小结  如何基于云服务器快速搭建个人网站？  Laravel怎么在Blade中安全地输出原始HTML内容  Laravel如何使用withoutEvents方法临时禁用模型事件  济南网站建设制作公司,室内设计网站一般都有哪些功能？  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  Laravel怎么实现验证码(Captcha)功能  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  如何获取上海专业网站定制建站电话？  laravel怎么为应用开启和关闭维护模式_laravel应用维护模式开启与关闭方法  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  如何快速搭建高效可靠的建站解决方案？  网站建设保证美观性，需要考虑的几点问题！  免费视频制作网站,更新又快又好的免费电影网站？  如何在景安云服务器上绑定域名并配置虚拟主机？  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  详解jQuery停止动画——stop()方法的使用  canvas 画布在主流浏览器中的尺寸限制详细介绍  Laravel如何配置.env文件管理环境变量_Laravel环境变量使用与安全管理  如何在HTML表单中获取用户输入并结合JavaScript动态控制复利计算循环  phpredis提高消息队列的实时性方法(推荐)  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件  如何在服务器上配置二级域名建站？  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  Laravel API路由如何设计_Laravel构建RESTful API的路由最佳实践  Python3.6正式版新特性预览  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析  Angular 表单中正确绑定输入值以确保提交与验证正常工作  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  如何在万网开始建站？分步指南解析  独立制作一个网站多少钱,建立网站需要花多少钱？  Laravel如何使用Eloquent进行子查询  Android中Textview和图片同行显示(文字超出用省略号，图片自动靠右边)  悟空浏览器如何设置小说背景色_悟空浏览器背景色设置【方法】  JavaScript实现Fly Bird小游戏  详解Android——蓝牙技术 带你实现终端间数据传输  如何用PHP快速搭建CMS系统？  如何用美橙互联一键搭建多站合一网站？  实例解析angularjs的filter过滤器  Laravel如何生成API文档？（Swagger/OpenAPI教程）  Laravel如何使用Telescope进行调试？（安装和使用教程）  php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】  如何快速搭建高效香港服务器网站？  Laravel怎么清理缓存_Laravel optimize clear命令详解