论文部分内容阅读
随着科学技术的不断发展以及人民生活水平的提高,数码相机和手机等拍摄器材已经越来越多地进入了人们的家庭生活之中,电子图片管理系统逐渐成为了管理这些电子图片的重要工具。如何更有效率地实施电子图片管理工作、优化用户的权限管理是当前电子图片管理系统的重点研究内容。大数据是当今的热点及前沿研究方向之一,如何对非结构化、数量庞大的电子图片数据信息进行高效管理,是大数据方面需要突破的难点问题之·。我们项目组设计并实现了一种基于B/S架构的图片管理系统。一个完整的WEB应用系统由服务器后台和WEB前端两部分构成。在服务器后台部分,本系统采用SpringMVC框架来对该系统的后台功能进行支持;在WEB前端部分,本系统采用HTML5+CSS3、JSP、JavaScript、jQuery 以及 Vue.js 等先进技术或工具,实现了用户权限管理、用户信息管理、图片上传下载、图片的审核等功能。在功能模块的划分上,本系统整体上由两个主要功能模块构成:用户功能模块以及图片功能模块。本文给出了图片管理系统WEB前端关键技术的设计与实现方法,本文的主要内容如下:(1)给出了图片管理系统的用户权限管理的设计与实现方案。该方案将权限分为四层结构,权限等级由高到低分别为:系统管理员、部门管理员、普通用户以及游客。不同权限的用户拥有不同的可访问功能,这些功能在图片管理系统的WEB前端对应着不同的功能子模块。(2)给出了一种图片管理系统的页面整体布局的设计与实现方案。并利用JavaScript脚本语言和jQuery函数库对这种布局进行了实现。(3)给出了一种高效的图片管理系统用户子模块的设计与实现方法。此方法利用Vue.js的组件功能将登陆区域表单、高级搜索区域表单、功能选择区域列表自定义成组件,可以极大地压缩HTML代码并提高可扩展性。利用jQuery给表单添加实时验证和提交验证功能,可以减少用户的误操作率,并提高系统效率。添加区域缩放功能可以使页面高度可控、增强用户体验。(4)设计并实现了图片的展示、上传下载、审核以及搜索等功能。图片管理系统WEB前端对用户的登录、用户的管理以及图片的展示管理等功能提供了支持,对Vue.js组件功能的使用加快了页面的加载速度并提高了系统可扩展性,四层权限的管理结构可以有效地提高工作人员的工作效率并保护信息安全。