基于VUE婚纱摄影网站
摘 要:随着科学技术的发展和人们生活质量的改善,人们对于服务的要求也会越来越高。为了给需要拍摄婚纱的用户更好的体验,基于VUE婚纱婚纱婚纱摄影网站被开发出来提高用户体验。
本系统利用VUE技术进行开发婚纱摄影网站是未来的趋势。该系统使用的编程语言是Node.js,数据库采用的是MySQL数据库,基本完成了系统设定的目标,建立起了一个较为完整的系统。建立的婚纱摄影网站用户使用浏览器就可以对其进行访问,管理员在操作上面能够方便管理,因此用户和管理员能够方便对这个系统进行操作。论文全面介绍系统数据库,功能设计和业务流程设计。数据库能够存储婚纱摄影网站需要的数据。
关键词:VUE;MySQL;Node.js
based on Vue
Abstract: With the development of science and technology and the improvement of people's quality of life, people's requirements for services will be higher and higher. In order to give users who need to take wedding photos a better experience, a wedding photography website based on Vue has been developed to improve the user experience.
This system uses Vue technology to develop wedding photography website, which is the trend in the future. The programming language used by the system is node JS, the database adopts MySQL database, which basically completes the goal set by the system and establishes a relatively complete system. The established wedding photography website can be accessed by users using the browser. The administrator can manage the operation conveniently, so users and administrators can operate the system conveniently. This paper comprehensively introduces the system database, function design and business process design. The database can store the data needed by the wedding photography website.
Key words:Java;MySQL;Tomcat
1 绪 论
1.1 研究背景
现今社会发展迅速,过去的摄影作品管理模式已经不能够满足用户的要求,在当今互联网时代,便捷的婚纱摄影网站成为人们的首要选择。传统对摄影作品管理进行管理采用的是人工处理的方式,但是这样做的话不仅出错率高并且可参考的资料也不多,为了能够高效且顺畅地管理摄影作品管理,开发一个更好的婚纱摄影网站势在必行。
1.2 选题意义
21世纪属于大数据时代,由于在信息管理方面数据量不少,因此管理员需要处理大量数据。由于计算机具有自动处理数据的优势,因此很多用户选择使用计算机处理大量的数据,这样能够提高婚纱摄影网站的效率和安全性。处理越复杂的数据越能够体现出使用计算机管理的好处。在刚开始的时候,管理员处理数据的方式采用的是人工的方式进行管理,但是由于数据量巨大并且继续采用人工的方式进行管理的话,则会导致出现不少问题,当需要管理的数据量躲起来的时候,数据容易丢失并且查找的时候也不容易找到,这样会导致管理员的工作效率低下。
1.3 研究内容
针对本文的婚纱摄影网站安排论文的章节如下:
第一章是引言。本章主要介绍了课题研究背景与意义、课题研究现状和论文结构。
第二章是系统开发环境及技术。本章介绍了婚纱摄影网站开发环境和所涉及到的技术。
第三章是需求分析。本章介绍了婚纱摄影网站的功能需求和非功能需求,绘制出系统功能模块图。
第四章是系统总体设计。对系统功能模块进行划分和数据库设计。
第五章是系统实现。本章阐述了婚纱摄影网站功能模块的实现功能。
第六章是系统测试。本章阐述了使用黑盒测试对系统进行测试。
2 系统技术
2.1 Vue.js技术
Vue.js核心的功能包括数据双向绑定、路由功能和状态管理。系统数据模型与前端视图显示的数据相绑定,这样可以使得只要修改前端界面的数据,那么系统数据模型的数据也会发生相应的改变。如果修改数据模型的数据,前端界面的数据也会发生相应的改变[1]。如果软件开发者想要加入业务功能模块的话,需要在对应的路由中心配置业务模块,这样才可以通过请求跳转到不同的页面当中。Vuex为Vue框架的一种状态管理模式,有了Vuex模式能够实现多种组件的共享。
2.2 MySQL数据库
MySQl属于关系型数据库中的一种,它最初是由MySQL AB公司进行开发的,之后隶属于Oracle旗下的产品。在Web程序中使用较多的数据库为MySQL。关系型把数据库存放在不同的表当中,这种方式能够提升数据查询的速度,灵活性也能够提高不少,MySQL数据库属于关系型数据库中的一种。管理MySQL数据库的记录通常使用SQL语言进行管理,MySQL数据库能够使用标准的SQL语言对数据库记录进行操作[2]。MySQL被人们划分为两种版本,分别是社区版和商业版,用户可以使用免费开源的社区版本,而且性能也算得上卓越。
2.3 Node.js技术简介
node.js是一种脚本语言,能够把数据库与js页面实现交互,与大部分后端语言一样,能够把js页面传递过来的数据进行处理,对数据库进行更新,之后把数据库的记录传递到js页面当中,能够为分布式程序提供基础操作[3]。使得程序员能够简单实现数据在前后端之间进行相互传递,在后端能够利用数据库SQL语句把信息取出,把数据显示在js页面当中,node.js运用的是单线程技术,与多线程程序不同,因此可以很大程度避免了程序堵塞的问题,虽然是单线程技术,但是node.js具有超强的并发能力,能够在服务器上建立高并发的程序。
2.4 vscode编译器介绍
虽然vscode是一个编译器,但是随着越来越多的插件出现,vscode可以把这些插件集成到自身功能中从而使其功能更加丰富。它满足日常的开发场景,功能包含了系统整个开发的不同阶段,使用起来很方便快捷,包括前端的界面编写、后端的业务逻辑代码、框架的引用、组件下载等,其均可以完成本次开发的实际使用。数据库是开源免费的版本,使用标准的SQL语法,不需要进行额外的学习,就可以使用操作数据库,并且部署的软件直接安装就可以使用,维护也很方便,连接数据库的工具使用的是老牌的SQLYOG软件,此款软件具有表设计、代码查询纠错等功能,非常的好用,能够满足此次开发的需求。
3 需求分析
3.1 系统目标
婚纱摄影网站能够处理面向摄影作品管理的大多数事务,它包括了服务管理等工作,目的是方便用户和提高管理员的效率。
婚纱摄影网站的实现需要结合实际,确定用户的需求,通过需求分析从而制定系统的目标,通过分析确定出婚纱摄影网站的体系结构,所以在实现婚纱摄影网站的时候要考虑全面:
(1)每个子系统之间要相对独立和稳定,这样有利于子系统的开发和维护。
(2)充分考虑管理的业务分工,尽可能地使功能子系统在一个职能的管理范围之内,以便于子系统的管理[4]。
系统性能方面要求用户界面需要设置得较为友好,用户可以简洁易学地使用系统。系统在开发的时候要注意开发的成本,提高效率。
3.2 系统可行性分析
通过对系统的目标进行分析之后,现从技术和经济的角度对婚纱摄影网站分析可行性。
(1)技术上可行。系统在实现开发系统的时候,所需要的软硬件环境都需要满足基本需求。在硬件方面,电脑和硬盘等售价价格较为便宜。在软件方面,操作系统采用的是Win10系统,数据库系统采用的是MySQL,这些软件在很多婚纱摄影网站中有应用,技术上较为成熟并且技术是开源免费的,能够降低程序开发的成本。
(2)经济上可行。经济可行性要求婚纱摄影网站带来的收益能够多余软件开发的成本。通过该系统,管理员可以大大降低手工操作并且提高管理效率。该系统使用的框架为开源框架,使用开源框架可以降低开发成本。本婚纱摄影网站扩展性强和易于维护,因此后期维护费用大大降低[5]。
(3)操作上可行。婚纱摄影网站开发出来的目的是为了能够给用户方便操作,系统在设计和实现的时候需要注意用户在操作上是否可行。本次设计的婚纱摄影网站没有采用过于专业的设计,使用的按钮和界面是用户较为熟悉的。
3.2 功能需求分析
(1)管理员,主要功能包括个人中心、用户管理、商家管理、婚纱摄影管理、摄影类型管理、摄影规格管理、摄影预约管理、支付信息管理、咨询信息管理、领取通知管理、留言板管理、系统管理
图3-1 管理员用例图
(2)用户
图3-2 用户用例图
(2)商家
图3-3 商家用例图
3.4 非功能需求分析
(1)当用户通过客户端访问系统的时候,需要检测婚纱摄影网站的性能是否优秀,可以通过设置多个服务器,从而提高婚纱摄影网站的性能。MySQL具有缓存的功能,可以通过缓存存储婚纱摄影网站的数据,调节数据库服务器的参数从而提高系统的性能。如果使用了数据库的缓存功能,那么每次用户访问相同内容的时候,可以直接读取缓存中的内容,这样有利于提高数据访问的速度。
(2)婚纱摄影网站在运行的时候需要具有一定的可靠性,需要能够承载着一定的压力。如果代码出现了小的错误的时候,婚纱摄影网站的运行需要基本不受影响。如果因为意外错误出现了系统停机的情况下,这需要要求婚纱摄影网站的基本功能还能够正常使用。
(3)婚纱摄影网站在设计实现的时候需要注意其维护性,系统需要采用多层架构进行实现,程序开发者在分工的时候要注意其明确性,这样有利于后期的维护。
(4)本婚纱摄影网站提供了灵活的查询模块,管理员输入信息查询的时候为组合查询,能够提高查询效率[6]。
4 系统功能设计
4.1 功能模块设计
本婚纱摄影网站划分为三个模块,分别是客户端、服务端和数据库服务器,客户端在设计的时候使用到了开源框架能够方便用户使用系统功能。服务端使用到的是HTTP协议,使用了统一的协议能够减少人员差异带来的问题,更加规范了开发的流程和减少开发难度,这能提高服务端模块的复用性。
4.1.1 设计结构
本系统设计模式采用的是MVC模式,用户的请求会通过http传递给控制层中进行处理,用户的请求会被传递到控制层中进行处理,数据模型会把获得的数据结合视图将结果进行显示,并且管理数据的持久化以此来操作数据。交互的界面也算视图层,能够将结果显示给用户。
4.1.2 功能模块
图4-4 功能模块图