网站的设计与实现

《网站的设计与实现》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

┊┆┆┆大连外国语大学本科生毕业论文(设计)本科毕业论文（设计）题目（中文）：摄影工作室网站的设计与实现学院（系）软件学院专业信息管理与信息系统(日英强化)班级22班学号170454025姓名徐慧航指导教师刁建华、董勤巍

1┊┆┆┆大连外国语大学本科生毕业论文(设计)2021年3月6日

2┊┆┆┆大连外国语大学本科生毕业论文(设计)摘要本论文题目为摄影工作室网站的设计与实现，首先介绍了摄影工作室网站的选题原因，并对当前的摄影工作室发展进行了介绍，对本网站的关键程序和功能进行了细致的介绍，最后阐明了摄影工作室网站的发展前景。本网站由三个账户主题构成，各主体的名称为：用户、员工和摄影师。根据系统所需功能，使用的技术包括：以VS2012为开发平台，采用SQLServer做后台数据库。经过测试，本系统具有较好的可靠性，可以模拟实现摄影工作室网站的基本功能，包括用户查看浏览图片、查看并上传评论、进行线上会员注册与摄影预约；摄影师上传或删除个人作品；员工系统管理、评论管理、会员管理等。关键字：摄影工作室，会员管理，线上预约

3┊┆┆┆大连外国语大学本科生毕业论文(设计)AbstractThetitleofthispaperisthedesignandimplementationofthephotographystudiowebsite.Firstly,itintroducesthereasonsforthetopicselectionofthephotographystudiowebsite,introducesthecurrentdevelopmentofthephotographystudio,andintroducesthekeyproceduresandfunctionsofthewebsiteindetail.Finally,itexpoundsthedevelopmentprospectofthephotographystudiowebsite.Thiswebsiteconsistsofthreeaccountthemes,eachsubject'snameis:user,employeeandphotographer.Accordingtotherequiredfunctionsofthesystem,thetechnologiesusedinclude:takingvs2012asthedevelopmentplatform,usingSQLserverasthebackgrounddatabase.Aftertesting,thesystemhasgoodreliability,andcansimulatethebasicfunctionsofthephotographystudiowebsite,includingusersviewingandbrowsingpictures,viewinganduploadingcomments,onlinememberregistrationandphotographyappointment;photographersuploadingordeletingpersonalworks;staffsystemmanagement,commentmanagement,membermanagement,etc.Keywords:photographystudio,membermanagement,onlinebooking

4┊┆┆┆大连外国语大学本科生毕业论文(设计)目录1绪论11.1项目背景11.2研究意义11.3国内研究现状11.4系统概述22摄影工作室网站系统分析32.1系统需求分析32.1.1功能需求32.1.2性能需求32.2系统可行性分析42.2.1技术及开发方法可行性42.2.2管理可行性42.3业务流程分析43摄影工作室网站设计63.1系统物理环境配置63.2项目规划63.3系统概要设计73.4数据库设计83.4.1概念设计83.4.2逻辑设计113.4.3物理设计123.5系统详细设计143.5.1用户模块设计143.5.2管理员模块设计174摄影工作室网站的实现214.1系统技术实现21

5┊┆┆┆大连外国语大学本科生毕业论文(设计)4.1.1VisualStudio2012简介214.1.2SQLServer简介214.2系统首页实现214.3注册中心模块实现214.4会员模块实现224.4.1用户登录224.4.2会员完善或更新个人信息234.4.3用户修改密码模块244.4.4心愿单模块244.4.5样片套系展示模块244.4.6用户评论模块254.5管理员模块的实现264.5.1管理员登录264.5.2首页图片管理功能264.5.3新闻发布管理功能274.5.4会员管理功能274.5.5员工管理功能284.6摄影师模块的实现285.1系统测试方法305.1.1系统测试计划305.1.2系统测试工具305.1.3系统测试方法和测试类型305.2系统测试的目的和原则305.3系统测试305.3.1用户登录测试要点30

6┊┆┆┆大连外国语大学本科生毕业论文(设计)5.3.2管理员或摄影师进入系统测试要点315.3.3数据输入测试要点315.3.4数据删除测试要点315.3.5数据更新测试要点315.4系统测试效果316结论356.1系统开发总结356.2存在问题及改进35致谢36参考文献37

7┊┆┆┆大连外国语大学本科生毕业论文(设计)1绪论1.1项目背景伴随着人们物质生话水平的普遍提高，以及互联网行业的发展，网络搜索信息越来越受大众的重视，网络搜索信息给人民的生活带来了翻天覆地的变化，改变了以往的行为方式、沟通方式和生活习惯。不管是在食品、体育、教育、娱乐领域还是在其他领域，互联网都逐渐成为了人民的首选。摄影工作室网站，顾名思义就是在网上获取摄影信息，在追求美、发现美、创造美的当今社会，为了帮助爱美人士能够省时高效的选取所需的信息，据此，我开发了摄影工作室网站。本网上摄影工作室网站的用户可以做到∶在摄影工作室网站登录首页完成相关登录信息的注册，登录网站可以对感兴趣的拍摄风格和心仪的摄影师进行相对深入的了解，并可以进行线上预约；摄影工作室网站管理员可以做到：只有管理员才能登录摄影网站的后台。管理员登陆后台后可以对一系列信息进行增删改查。最后，还要努力做到保证系统的稳定性，美观性，可操作性和便捷性。便于用户的操作和使用。1.2研究意义在人们的实际生活中，有众多的团购、拼单APP，在这些团购优惠的APP中不仅可以找到心仪合适的就餐地点还可以找到适宜的丰富生活趣味的娱乐项目，比如本文所提的摄影项目。目前普遍的小众摄影工作室的宣传都是以大众点评或美团中的用户所写评论为推广手段，缺少展示其自身拍摄特点或擅长风格的宣传渠道，不仅如此，关于摄影工作室的实体环境、服装、化妆、道具和其所配备的摄影师都是无法具体展示的。因此，有些消费者可能会以为以上没有具体展示的内容而放弃拍摄。所以一个专业的摄影工作室网站，有利于让工作室及时上传新拍摄风格，有真实的客户评价和反馈，提高消费者的信任感，从而促进整个行业的快速发展。42

8┊┆┆┆大连外国语大学本科生毕业论文(设计)1.3国内研究现状知名的摄影预约网站例如“伯爵旅拍”以介绍明显夫妇的婚纱照和可前往拍摄的地点为介绍亮点。大量的明星广告图呈现在网站主页面上，缺少平民用户的真实客拍照片和真实评论，而本网站弥补了这个缺憾。再如“哪拍摄影”[1]，它以大量的打折活动为主页面亮点，缺少成片展示和拍摄类型分类。至此，本摄影预约网站兼顾预约、浏览、分类、活动和评论等多角度功能。真正做到美观性与实用性兼顾。1.4系统概述摄影工作室网站在VS2012上编写，SQLServer[2]保存各类数据。本摄影工作室网站主要功能详解如下∶在摄影工作室网站登录首页完成相关登录信息的注册，登录网站可以对感兴趣的拍摄风格和心仪的摄影师进行相对深入的了解，并可以进行线上预约；摄影工作室网站管理员可以做到：只有管理员才能登录摄影网站的后台。管理员登陆后台后可以对一系列信息进行增删改查。本网站为保证使用时的稳定性和流畅性，会在系统测试阶段进行多次人工测试以保证用户使用的舒适感受。42

9┊┆┆┆大连外国语大学本科生毕业论文(设计)42

10┊┆┆┆大连外国语大学本科生毕业论文(设计)2摄影工作室网站系统分析2.1系统需求分析2.1.1功能需求具体功能描述如下。1．一般用户/会员（1）首页：轮播图管理需要调用员工系统的“首页图片”管理，可显示摄影网站的宣传图片六张；风格发布板块需要调用会员系统的“新闻发布”管理[3]，可用来发布摄影工作的相关新闻如优惠活动、招聘信息、新风格发布等信息；顾客评论板块，可用来发表顾客评论，其发表评论的顾客需为本网站会员；风格选择板块需要调用摄影师系统的“风格管理”，可用来显示本摄影网站不同摄影师的摄影作品同时作为产品展示；（2）心愿单：中意的摄影产品可加入到心愿单进行保存，并可进行线上预约；（3）个人中心：用来完善已注册的会员信息；（4）安全中心：用来修改会员个人信息订单。2．管理员首页图片：用来上传和删除顾客首页显示的轮播图新闻发布：用来上传、修改、删除顾客首页显示的“风格发布”会员管理：用来搜索、修改会员和摄影师的相关信息员工管理：修改员工信息3.摄影师系统：摄影师可上传自己的摄影产品作为摄影网站的产品，并可以对相关产品进行更新和删除42

11┊┆┆┆大连外国语大学本科生毕业论文(设计)2.1.2性能需求可以概括为以下内容1．安全性要求：需要对数据库进行访问的内容，必须保证流畅性。可以自如的进行功能选择，并且保证用户隐私安全性。其所设定的密码不会在员工界面有所显示。2．时间性要求：保证用户一次最简单预定过程在1分钟内完成。并可以达到对所选择的摄影产品进行个性化操作。3．美观性要求：要求界面美观，操作简便。主要功能在不同身份的用户界面下可以直观显示。2.2系统可行性分析2.2.1技术及开发方法可行性本系统基于VS2012和SQLserver数据库可以进行界面的稳定搭建。2.2.2管理可行性利用面向对象的机构化方法，对账号主体进行统一规划管理，统一区分为不同组别，在同一组别中进行规范性管理。以保住系统的可行性和稳定性。2.3业务流程分析用户首先登录网站，如果用户还没有登录名，先要进行用注册。注册后，在登录时用户名与密码验证通过就能做相关操作。如果用户名不存在或密码不正确，则提示重新登录。用户成功登录之后，进入主页面，可选基本业务有四个，首页、心愿单、个人中心、安全中心。在心愿单中，查看自己心意的摄影风格和已下单的订单处理状态；在个人中心中，可以修改自己的个人信息；在安全中心中、可以对密码进行修改和退出会员系统。如果当前登录用户为管理员，则可以发布摄影工作水的相关信息如招聘信息、各类活动等，未注册游客只能浏览首页样片。会员业务流程图如图2-1所示。42

12┊┆┆┆大连外国语大学本科生毕业论文(设计)图2-1会员业务流程图42

13┊┆┆┆大连外国语大学本科生毕业论文(设计)3摄影工作室网站设计3.1系统物理环境配置系统硬件平台的配置：1．CPU：Inteli5处理器。2．内存：4GDDR。3．硬盘：500GB。4．基本的输入、输出设备。系统软件平台的配置：如果说硬件是一个系统的身体，那么软件则是一个系统的灵魂，一个系统设计的好坏，不仅要有正确的软件开发思想，也应该有良好的软件开发工具[6]，摄影工作室网站所采用的软件配置环境为：1．操作系统：Windows10家庭中文版2．数据库软件：SQLserver3．系统开发软件：VS20123.2项目规划本网站采用.NET[7]进行系统搭建，每个网页有具有前台和后台界面。在前台界面主要是对网站的框架进行搭建和外观设置，其后台界主要是对其功能的完善和具体要求的规定。本摄影工作室网站可以实现用户和商家的交互使用，服务对象可以通过点击网站中的不同板块实现其目的，本网站提供如下功能：1.不同用户身份的注册、登录、更新或删除。2.产品信息的修改和完善操作，心愿单内容的查询。42

14┊┆┆┆大连外国语大学本科生毕业论文(设计)3.3系统概要设计根据系统分析的结果数据流程图所描述的系统的逻辑模型[4]，把数据流程图上各个处理模块进一步分解，确定系统的层次结构关系，把逻辑模型变为物理模型。在管理信息系统的设计过程中，系统划分的一般原则如下：1．子系统要具有独立性。即应把相对独立的事务处理过程作为一个子系统。这样的子系统具有较高的内聚性，与其它的藕合较弱，便于软件开发、使用及日后系统维护。2．子系统的划分结果应使数据冗余度较小。应避免部分数据在多个子系统中出现，尤其是修改，以保证系统的安全性、可靠性和数据的一致性。3．子系统的划分应能满足目前和日后管理上的需要，功能应齐全，操作要方便且为今后发展留有接口。4．子系统的划分应以该单位的管理职能为依据。应尽量避免过分依赖于组织机构，以防止机构变更后为系统带来不必要的麻烦。系统功能模块结构图反映了电子购物商城的系统功能模块的划分，如图3-1所示。图3-1系统功能模块结构图1．用户模块功能描述42

15┊┆┆┆大连外国语大学本科生毕业论文(设计)（1）用户信息模块：注册新用户、登录、用户修改密码、用户个人资料管理。（2）查看客片模块：浏览已上传用户的照片、查看各类风格等。（3）发表评论模块：已经进行拍摄的用户可以上传评论。（4）订单模块：对已下单的订单进行流程分析。2．管理模块功能描述（1）会员管理：对会员信息进行维护且删除不良和过期用户。（2）发布活动：发布网站最新活动和折扣信息等。（3）评论管理：对不实评价可以进行删除操作。3.摄影师模块功能描述上传风格照片3.4数据库设计3.4.1概念设计概念结构设计是根据账户主题的功能和所需实现的功能进行设定。概念结构是各种数据模型共同基础，未来吧数据要求更加清晰准确的阐明，最常用的办法是建立E-R模型。管理员属性图如图3-2所示。42

16┊┆┆┆大连外国语大学本科生毕业论文(设计)图3-2管理员信息实体属性图用户属性图如图3-3所示。图3-3用户信息实体属性图心愿单加购属性图如图3-4所示。图3-4心愿单加购属性图评论信息实体属性图如图3-5所示。42

17┊┆┆┆大连外国语大学本科生毕业论文(设计)图3-5评论信息实体属性图发布信息实体属性图如图3-6所示。图3-6发布信息实体属性图产品信息实体属性如图3-7所示。图3-7产品信息实体属性图轮播图信息实体属性如图3-8所示。42

18┊┆┆┆大连外国语大学本科生毕业论文(设计)图3-8轮播图信息实体属性图用户完善信息实体属性如图3-9所示。图3-9用户完善信息实体属性图3.4.2逻辑设计数据库逻辑设计由三个不同阶段组成，分别是：用户要求阶段、建立E-R模型阶段和数据库模式设计阶段。第一阶段是按以下四步进行的：对用户活动进行分析系，明确系统的范围，分析用户活动所涉及的数据并对分析系统数据。逻第二阶段建立E-R模型分两步，第一步应进行局部E-R模型搭建，然后进行对总体E-R模型进行设计。第三阶段在数据库模式设计阶段分两步进行，首先要进行初步设计，把E-R图转换为关系模型，其次是对设计进行优化，对模式进行不断的完善和提升。本网站的实体转换出的关系模式如下：用户信息表｛用户ID，用户编号，密码，身份，错误次数，状态｝。42

19┊┆┆┆大连外国语大学本科生毕业论文(设计)用户完善信息表｛用户ID，真实姓名，生日，性别，电话｝。管理员信息表｛管理员ID，密码｝。心愿单信息表｛用户ID，产品编号，加购数量，价格，加购时间｝。评论信息表｛评论ID，评论标题，评论内容，发布者，发布时间，浏览量｝。发布信息表｛新闻ID，新闻标题，新闻内容，发布者，发布时间，浏览量｝。产品信息表｛产品ID，产品编号，产品价格，数量，产品描述，浏览量，客片，上传时间｝。轮播图信息表｛图片ID，图片名称，上传时间｝。3.4.3物理设计数据库物理设计包括：选择存储结构、确定存取方法、选择存取路径、确定数据的存放位置。最先应当解决选择文件存储结构和确定文件存取方法的问题。在数据库中访问数据的路径主要表现为索引应当如何建立。如要直接定位到所要查找的记录，应采用索引方法存取方法（索引表）。顺序表只能从起点进去向后一个个访问记录。在上面的实体以及实体之间关系模式的基础上，形成数据库中表以及各表之间关系。用户信息表如表3-1所示。表3-1用户信息表字段名说明类型长度可否为空主键uid用户IDint20否是username用户姓名varchar2020否否password用户密码Varchar6020否否42

20┊┆┆┆大连外国语大学本科生毕业论文(设计)roleType角色选择int20是否regDatetime注册时间datetime20是否errCount错误次数int20是否state当前状态int20是否用户信息完善表如表3-2所示。表3-2用户信息完善表字段名说明类型长度可否为空主键uid用户IDint20否是truename用户姓名nvarchar2020否否birth用户密码datetime20否否gender角色选择nvarchar120否否telephone注册时间varchar120否否加购信息完善表如表3-3所示。表3-3加购产品信息完善表字段名说明类型长度可否为空主键uid用户IDint20是是pid产品IDint20是是amount总价money20否否price单价money20否否cartDatetime加购时间datetime20否否评论信息表如表3-4所示。表3-4评论信息表42

21┊┆┆┆大连外国语大学本科生毕业论文(设计)字段名说明类型长度可否为空主键discussid评论IDint100否是distitle评论标题nvarchar5099否否discontent评论内容text4000否否disauthor评论发布者varchar20100否否dispubTime发布时间datetime20否否discount浏览量int1000否否管理员信息表如表3-5所示。表3-5管理员信息表字段名说明类型长度可否为空主键admname管理员IDvarchar220否是password管理员密码varchar220否否发布信息表如表3-6所示。表3-6发布信息表字段名说明类型长度可否为空主键nid新闻IDint100否是title新闻标题nvarchar501000否否content新闻内容text4000否否author作者varchar2099否否pubTime发布时间datetime50否否count浏览量int10000否否产品信息表如表3-7所示。表3-7产品信息表42

22┊┆┆┆大连外国语大学本科生毕业论文(设计)字段名说明类型长度可否为空主键pid产品IDint20否是pname产品名称nvarchar5020否否price产品价格money20否否quantity当前数量int20是否description产品描述text20是否discount浏览量decimal20是否pic样片Varchar2002000否否inputDatetime上传时间datetime50否否轮播图信息表如表3-8所示。表3-8轮播图信息表字段名说明类型长度可否为空主键pictureid图片IDint20否是url图片内容varchar100100否否uploadtime上传时间datetime50否否3.5系统详细设计摄影工作室系统根据业务内容分为员工系统、摄影师系统、用户登录系统。系统的模块设计是在需求规格说明和系统架构的基础上而建立的，以确保用例实现总是可靠可信的。3.5.1用户模块设计用户模块主要是已注册的会员登录；对网页信息进行浏览；修改完善相关用户信息；样片展示；发表评论；浏览评论；游客注册；了解最新活动；心愿单。下面对这些功能，挑选代表性功能进行详细叙述：1．会员登录42

23┊┆┆┆大连外国语大学本科生毕业论文(设计)会员登录涉及两个页面，包括前台界面Login.aspx和后台界面Login.aspx.cs。（1）Login.aspxLogin.aspx使用div进行分区，将此分区命名为“login”，并设定相应合适的边框尺寸。在登录页面设定两个必填项，分别为账号和密码，且账号和密码都不得为空，倘若为空，将会出现红色星号标记进行提醒。当全部填写完毕后，点击“登录”就将成功登陆会员界面。若新用户首次浏览网页，可以点击“注册”，并将跳转到新的注册界面。（2）Login.aspx.cs将此网页与数据库相连接，在数据库中查询已注册的用户名及用户密码，如果查找成功就将显示“登陆成功”，否则将显示登录失败。在登录失败五次之后用户账号将被锁定，将受到系统提示需到管理员界面进行额外操作。2．修改完善注册信息修改完善注册信息涉及到两个页面，包括前台界面UserInfo.aspx和后台界面UserInfo.aspx.cs。（1）UserInfo.aspx使用div进行分区，并命名为“UserInfo”,账号被锁定显示，可对当前账号的真实姓名、生日、性别、电话信息进行完善，点击“完善”可完成用户信息修改或完善。（2）UserInfo.aspx.cs与数据库相连接，在连接后首先确认是否登录成功，若未登录则会访问登录界面，进行登录操作。若登录成功，判断是否需为首次登录，首次登录将进行完善操作，否则将进行更新操作，对更新的信息显示“更新成功”或“更新失败”。3．样片展示模块样片展示模块涉及到两个页面，分别是前台界面ShowProduct.aspx和后台界面ShowProduct.aspx.cs。（1）ShowProduct.aspx42

24┊┆┆┆大连外国语大学本科生毕业论文(设计)在样片展示模块不仅可以查看套系样片、摄影师姓名、套系简介、原价及折扣价之外还可以直接进行服饰和妆发数量选择并加入到心愿单中。其中所选项的数量需小于系统当前拥有的库存量（1）ShowProduct.aspx.cs与数据库相连接并发送回发请求，判断是否为首次登录，在数据库tb_producr6中查询相关需要的信息当产品ID等于参数产品ID时，引用该参数并且创建多行多列表格，并将查询到的结果与aspx界面中使用的属性和方法进行数据绑定。在点击“加入心愿单”时，若未选定拍摄风格将会出现添加风格提示，成功选定后将显示“添加成功”。4．发表评论模块发表评论模块涉及到两个页面，分别是前台界面DiscussDetail.aspx和后台界面DiscussDetail.aspx.cs。（1）DiscussDetail.aspx使用脚本“CKEditor.NET”，用来发布评论。并可以设置发布主题和发布人姓名。以上填写的内容都不可以为空。（2）DiscussDetail.aspx.cs与数据库相连接，在tb_discuss中插入相应数据，若符合如输入要求则显示“评论发布成功”，否则将显示“评论发布失败”。5．心愿单模块心愿单模块涉及到两个页面，分别是前台界面MyCart.aspx和后台界面MyCart.aspx.cs。（1）MyCart.aspx该界面设定表格用来显示加入心愿单的套系名称、价格和妆发数量。其后，点击“确认预约”系统便会显示“下单成功，请电话联系123”，进行线下确认。（2）MyCart.aspx.cs42

25┊┆┆┆大连外国语大学本科生毕业论文(设计)进入心愿单界面首先要确认是否进行登录操作，如游客身份则无法登录心愿单；若是会员身份进行登录首先需发送回发请求，确认是否是首次登录。与数据库相连接，tb_product6表中查询相应的信息并在表格中进行显示。如心愿单中未添加任何信息，系统则会显示“心愿单为空，请先选择”。3.5.2管理员模块设计管理员模块主要进行管理员登录；首页图片发布；首页新闻发布；会员信息管理；员工账号密码修改。下面对这些功能，挑选代表性功能进行详细叙述：1．首页图片发布首页图片发布涉及到两个页面，分别是前台页面SliderManagement.aspx和后台页面SliderManagement.aspx.cs。（1）SliderManagement.aspx首页轮播图页面通过div进行分区，区分出增加图片和显示并删除图片两部分。通过HyperLink实现超链接的跳转，以方便添加图片，添加之后会显示添加的时间。点击“删除”即可对轮播图片进行删除操作。（2）SliderManagement.aspx.cs后台界面与数据库和数据适配器[5]相连接。首先发送回发请求，判断是是否为首次登录，之后在tb_slider中查询并添加相应图片添加到轮播图列表中。在删除轮播图列表图片是，也应在数据库中进行删除操作，点击“删除”，若删除成功则轮播图片消失；若删除失败，则显示“删除失败”。2．首页新闻发布首页新闻发布涉及到两个页面，分别是前台页面newsManagement.aspx和后台界面newsManagement.aspx.cs。（1）newsManagement.aspx42

26┊┆┆┆大连外国语大学本科生毕业论文(设计)该部分可浏览以发布的新闻、查询具体新闻和添加新闻内容。在浏览发布新闻部分使用表格进行划分，可显示标题、发布者和发布时间，同时可以对新闻进行删除和更新操作。点击“新闻发布”可跳转到新闻发布的界面。（1）newsManagement.aspx.cs连接数据库和适配器，并发送回发请求以确认是否为首次登录。在数据库tb_news表中可查询和删除新闻内容，并在操作结束后重新与数据进行绑定操作。同时设定分页功能对发布新闻列表进行系统化管理。3．会员信息管理会员信息管理涉及到两个页面，包括前台页面UserManagement.aspx和后台页面UserManagement.aspx.cs。（1）UserManagement.aspx该页面可以对会员和摄影师的基本信息和当前状态进行查看，并且可以对登录次数超过五次的账户进行恢复操作，也可以进行停用等维护系统的操作。在对已注册用户的搜索中使用GroupName实现了性别的互斥操作。同时可以在该平台对用户或摄影师进行新增操作。（2）UserManagement.aspx.cs链接数据库与数据适配器，发送回发请求以判断是否为首次操作。在查询具体用户信息是，在数据库tb_user中查询数据用户或摄影师信息与当前输入内容是否符合，将查询后的结果进行绑定。点击“密码重置”后，输入密码错误次数较多的用户密码将会被系统自动设定为123456，并重新更新到数据库中。停用的用户信息可在该界面实现更新操作，恢复正常使用。点击“新增”，将会跳转到管理员系统的新增界面。4．会员账号密码修改模块会员账号密码修改模块涉及到两个页面，包括前台界面InfoManagement.aspx和后台界面InfoManagement.aspx.cs。（1）InfoManagement.aspx42

27┊┆┆┆大连外国语大学本科生毕业论文(设计)通过该页面可以实现对管理员账户密码的修改，需输入旧密码和新密码并且确认密码。当新密码和确认密码都符合要求时，点击“确认输入”时，系统则更新完毕。（1）InfoManagement.aspx.cs连接数据库，在数据库tb_admin表中查询已登录的用户密码与数据库中存储的密码是否一致，当输入错误时，系统显示“旧密码不正确”。当旧密码输入正确时，输入新密码并进行确认操作，系统将会显示“密码修改成功”，否则将显示“密码修改失败”。3.5.3摄影师模块设计摄影师模块主要进行摄影师登录和风格管理。下面对以上两个功能进行具体描述。1.摄影师登录模块摄影师登录页面涉及到两个页面，包括前台界面SellerLogin.aspx和后台界面SellerLogin.aspx.cs。（1）SellerLogin.aspx此界面用于摄影师身份认证，需输入摄影师的用户名和密码，且不可以为空，若输入错误，系统将会有提醒操作。（2）SellerLogin.aspx.cs与数据库相连接，在数据库tb_user表中查询输入的用户名与数据库中存储的对应密码是否符合，若输入错误，则会相应的扣除次数，当扣除次数达上限时则会显示“该用户已经锁定，请联系管理员！”此外还存在操作不当的情况，系统将会显示“该用户已经停用，请联系管理员！”当用户名输入错误时，系统将会显示“用户名不存在！”2.风格管理模块风格管理模块涉及到两个页面，包括前台页面ProductManagement.aspx和后台界面ProductManagement.aspx.cs。（1）ProductManagement.aspx42

28┊┆┆┆大连外国语大学本科生毕业论文(设计)此界面用于对摄影师上传的套系样片进行查看和管理操作，可在该页面查看上面名称、库存量、价格、折扣、商家日期和样片等，并且可以对样片套系进行删除、修改、新增等操作。（1）ProductManagement.aspx.cs连接数据库和适配器，并发送回发请求，判断是否为首次登录。在搜索样片套系时需在数据库中调用tb_product6中的数据。在进行删除操作时，也需要删除数据库中数据，并且重新与数据库内容进行绑定。42

29┊┆┆┆大连外国语大学本科生毕业论文(设计)4摄影工作室网站的实现4.1系统技术实现4.1.1VisualStudio2012简介VisualStudio2012是开发工具包系列产品，他包括了整个软件生命周期的大部分工具，适用于微软支持的所有平台，VS是目前最实用的程序集成开发环境。本网站实用VS2012作为搭建平台，可以使网站的构建更加稳定有质量。4.1.2SQLServer简介SQLServer作为数据库，可以对不同类型的信息进行批量式存储，其通过简短的语句完成数据的创建、插入和修改等不同类型的操作。SQL与VS2012相互配合，可以实现系统的高效联通。4.2系统首页实现本页是浏览本站的首页面，在首页面中不仅要考虑系统功能的实现，页面的美观性也很重要。在本页中，整体色调以粉白色为主，导航条包括网站首页，心愿单，个人中心，安全中心。心愿单、个人中心和安全中心只有注册会员可以登录，其它的部分都可以供非注册用户查看。系统前台主页面如图4-1所示。图4-1系统前台主页面42

30┊┆┆┆大连外国语大学本科生毕业论文(设计)4.3注册中心模块实现本页是用户注册页面，在本页面中除了要考虑系统的注册功能，对于页面的布局设计也很重要。在本页中，整体色调以粉黄色为主，游客可以在用户登录页面找到注册入口，进行注册。注册中心页面如图4-2所示。图4-2注册中心模块本页是用户注册入口页面，在本页面中除了要考虑注册入口要方便易找到之外，对于页面的布局设计也很重要。在本页中，整体延续了系统的整体风格。注册入口页面如图4-3所示。图4-3注册入口页面42

31┊┆┆┆大连外国语大学本科生毕业论文(设计)4.4会员模块实现4.4.1用户登录本页面是用户登录模块，已注册过的用户，输入账号和密码即可登录用户系统，进行后续操作。在本页中，依旧延续了系统的整体风格色调。用户登录页面如图4-4所示，登录成功页面如图4-5所示。图4-4用户登录页面图4-5用户登录成功效果4.4.2会员完善或更新个人信息本页面是会员完善个人信息页面，已注册过账号用户可在该页面完善个人信息。完善个人信息的内容八廓真实姓名、身体、性别和电话。用户信息完善成功页面如图4-6所示。42

32┊┆┆┆大连外国语大学本科生毕业论文(设计)图4-6用户信息成功完善效果4.4.3用户修改密码模块本页面是用户修改密码页面，通过输入原密码、新密码并确认新密码可以实现密码修改操作。在设定新密码时，可以对密码强度有所衡量。用户修改页面如图4-7所示。图4-7用户修改密码页面4.4.4心愿单模块本页面是用户加入心愿单的产品页面，通过选定样品套系可以加入心愿单。在心愿单页面，涉及到套系名称、价格选定妆发数量。并且可以在线上进行套系预约。心愿单页面如图4-8所示。42

33┊┆┆┆大连外国语大学本科生毕业论文(设计)图4-8心愿单页面4.4.5样片套系展示模块本页面是用户在首页“风格选择”板块点击心仪样片后的样片套系展示页面，此页面显示摄影师姓名、原价、惊喜价（即折扣价）、库存量和用户预订的妆发数量。其中。预订妆发数量可由用户自行选定。在确认数量后，点击“加入心愿单”加入到心愿单中。样片套系展示页面如图4-9所示。图4-9样片套系展示页面4.4.6用户评论模块本页面是用来显示用户在首页浏览到拍摄过的用户发表的评论，并可以发表用户个人的评论。首页中顾客评论页面如图4-10所示。42

34┊┆┆┆大连外国语大学本科生毕业论文(设计)图4-10首页顾客评论页面本页面是用户在点击“顾客评论”模块中具体的评论后所显示的具体内容。用户评论详细内容范例如图4-11所示。图4-11用户评论详情页面本页面是用户在首页点击“发表我的评论”后所显示的页面，在此页面用户可以发表自己的拍摄感受。上传评论应具有标题，以便显示在主页，此外还需填写上传评论的用户姓名。用户发表评论详情页面如图4-12所示。图4-12用户发表评论详情页面4.5管理员模块的实现4.5.1管理员登录此页面是员工登录员工系统页面，在此页面输入员工用户名和密码可以登录员工系统。用户登录页面如图4-13所示。42

35┊┆┆┆大连外国语大学本科生毕业论文(设计)图4-13用户登录页面4.5.2首页图片管理功能本页面是员工系统中的首页图片管理页面，在此页面中可以实现新增或删除用户首页的轮播图。并且成功上传的轮播图[8]可以显示上传时间。员工系统页面均采用粉色。首页图片管理页面如图4-14所示。图4-14首页图片管理页面4.5.3新闻发布管理功能本页面是员工系统中首页所显示的风格发布的员工系统管理页面，在此页面可以查询、新增、删除、修改员工发布的相关信息。其显示新闻标题、发布者、发布时间。新闻发布管理页面如图4-15所示。42

36┊┆┆┆大连外国语大学本科生毕业论文(设计)图4-15新闻发布管理页面4.5.4会员管理功能本页面是员工系统中显示注册会员和摄影师的管理页面。在此页面，可以显示用户的信息、当前用户状态、所选角色和注册时间。对于账号存在问题的用户，可以重置密码、更新状态或停用。同时可以在员工系统中添加用户或摄影师信息。会员管理页面如图4-16所示。图4-16会员管理页面4.5.5员工管理功能本页面是员工对其密码进行修改的页面。员工修改密码页面如图4-17所示。42

37┊┆┆┆大连外国语大学本科生毕业论文(设计)图4-17用户管理修改密码页面4.6摄影师模块的实现4.6.1摄影师登录本页面用于摄影师登录系统，摄影师输入用户名和密码即可成功登录摄影师系统。摄影师登录页面如图4-18所示。图4-18摄影师登录页面4.6.2摄影师风格管理42

38┊┆┆┆大连外国语大学本科生毕业论文(设计)本页面用于摄影师对上传的样片套系进行风格管理。在此页面可以显示不同摄影师上传的风格套系的名称、价格、折扣、库存量和样片。摄影师可在此页面对其上传风格进行新增、删除或更新操作。同时还可以搜索已上传的样片套系的具体信息。风格管理页面如图4-19所示。图4-19风格管理页面42

39┊┆┆┆大连外国语大学本科生毕业论文(设计)5系统测试5.1系统测试方法5.1.1系统测试计划测试计划以保证测试过程的顺利和有效性。明确测试的职责权限、测试内容和测试范围，并指定相应的测试人员。对测试配置[9]和环境进行规范说明。同时还应明确测试进度并指定相应的改错计划。5.1.2系统测试工具目前的测试方法都是手工测试，测试员需对系统各部分的功能有彻底细致的了解，并且明确系统测试[10]的目的以及理想的测试效果。5.1.3系统测试方法和测试类型黑盒测试[11]：使用黑盒测试，测试每个功能能否正常使用，对不能流畅使用的功能进行记录并后续完善白盒测试：使用白盒测试，以实验每个程序能否按逻辑有序进行，正确完成工作内容。对系统的逻辑路径有明确细致的了解和掌握。5.2系统测试的目的和原则在软件开发和测试的过程中，软件错误不可避免，但可以尽可能的规避错误的发生，有效减少发生错误的次数，保证系统运行的流畅和完整性[12]。系统测试的目的也在于发现迄今为止尚未发现的错误和缺陷，保证系统的可靠性。5.3系统测试5.3.1用户登录测试要点测试要点：用户名和密码；登录或注册测试路径：用户名和密码是否为真，身份为游客或是已注册用户。测试结果：为真，进入系统；为假，提示重新输入用户信息[13]。42

40┊┆┆┆大连外国语大学本科生毕业论文(设计)为新用户，注册成为系统会员。5.3.2管理员或摄影师进入系统测试要点测试要点：管理员姓名和密码。测试路径：用户名和密码是否与数据库[14]内容相符合，测试结果：为真，进入系统；为假，提示重新输入信息。5.3.3数据输入测试要点测试要点：输入内容，测试路径：输入内容是否符合要求，测试结果：符合要求，插入数据库；为假，重新输入。5.3.4数据删除测试要点测试要点：删除内容，测试路径：删除内容是否删除彻底，测试结果：成功删除，显示“删除成功”；否则，显示“删除失败”。5.3.5数据更新测试要点测试要点：更新内容，测试路径：能否成功更新内容，测试结果：内容成功更新，显示“更新成功”；否则，显示“更新失败”、5.4系统测试效果1．根据上面的系统入口测试用例，其测试效果。当用户名和用户密码错误的时候，提示框显示[15]，“用户名或密码错误”。如图5-1所示。42

41┊┆┆┆大连外国语大学本科生毕业论文(设计)图5-1用户登录测试效果2.员工或摄影师进入系统测用例，其测试效果。如图5-2所示，为摄影师登录错误范例。图5-2摄影师登录测试效果3．数据输入类型[16]测试，其测试效果。如图5-3、5-4、5-5所示。图5-3评论发布内容测试效果42

42┊┆┆┆大连外国语大学本科生毕业论文(设计)图5-4评论发布成功测试效果图5-5评论发布成功，首页更新界面测试效果4．数据删除测试[17]用例，其测试效果。如图5-6,、5-7、5-8所示。图5-6轮播图片删除前测试效果42

43┊┆┆┆大连外国语大学本科生毕业论文(设计)图5-7确认删除轮播图片测试效果图5-8图片删除成功后测试效果42

44┊┆┆┆大连外国语大学本科生毕业论文(设计)6结论6.1系统开发总结在完成毕业设计的这段时间里，我经历了大学第四年最有价值和收获的一段时光。这段时间，我全力备战研究生招生考试，还会在仅有的休闲时间里专心准备毕业设计。过去的这段时间虽然无限辛苦与疲惫，但我却依然甘之若饴。回看这一段时间的准备，我不仅对自己大学四年的专业课内容进行融会贯通还发现了自己很多的不足以及待开发的潜力。言而总之，辛苦与快乐并存，疲惫与收获同行。我的独立实操和文字表述能力都有了很大的提高。感谢这段时间辛苦付出的老师和自己。6.2存在问题及改进在准备毕业设计的过程中，有很多问题是我目前无法解决的，这为我之后的学习和工作带来了巨大的动力。问题既是压力，这些压力不会牵绊到我，反而会推动着我不断向前进步。准备时间有限，本次设计还有很多想法因为个人能力原因未能实现。如用户在成功预订之后可以在其订单界面及时看到当前排位情况，以及摄影师的工作内容和员工的工作内容应当更好的相互贯通交流。42

45┊┆┆┆大连外国语大学本科生毕业论文(设计)致谢本次毕业设计能够顺利完成离不开我的指导老师刁建华的指导和帮助，刁老师在得知我的考研复习状态紧张的情况下，允许我延期提交论文初稿，老师的理解和支持让我非常感动。另外，还要特别感谢大学四年学习过程中给我系统讲授专业课知识的各位老师，是各位老师在我大学四年的学习生涯中的点滴浇灌，才让我有如今具备独立构建网页的能力。从大学一年级的“计算机小白”到现今的步入正轨，每一位老师的付出我都不敢忘记，并深深铭记在心。时间的仓促及自身专业知识的不足，整篇论文肯定存在尚未发现的缺点和错误。恳请阅读此篇论文的老师、同学，多予指正，不胜感激！42

46┊┆┆┆大连外国语大学本科生毕业论文(设计)42

47┊┆┆┆大连外国语大学本科生毕业论文(设计)参考文献[1]龚晓丽,田倍齐,高媛,何云,李宜珈.基于微信公众平台的固原气象微网站的设计与实现[J].农业与技术,2020,40(08):106-107.[2]邢彤彤,覃蕊,高峰.基于PHP+MySQL技术的农家乐推广网络系统开发与实现[J].计算机产品与流通,2020(05):52.[3]乐蓓.高性能电子商务网站前端设计理念研究[J].计算机产品与流通,2020(05):95.[4]董辉,韩林贝,董浩,袁登鹏,李华昌.基于Web的手套机工业物联网平台设计与开发[J].计算机测量与控制,2020,28(04):200-204.[5]路志红.电力网络视频网站版权风险管理信息系统的设计[J].变压器,2020,57(04):93.[6]杨晶晶.网站管理系统中数据库设计的应用[J].福建茶叶,2020,42(04):39.[7]张欢,姜在新.基于不同人群的农产品电商界面设计研究[J].轻纺工业与技术,2020,49(04):114-115.[8]DarshallaPremamtneD．AnevaluationofaChineseLallguageLeingWebsite=BBC’sIalChinese[J]。QuanerlyJounlalofChineSeStudies，2013[9]杨毅,林圣基,周元春,陈建国.基于智能手机与WEB平台的微课移动教学系统设计与实践[J].自动化技术与应用,2020,39(04):182-185.[10]柴畅.跨境电商平台中美购物网站店铺主页的跨文化比较[J].电子商务,2020(04):33-34+36.[11]RolloSN，FerroPJ，PetersonMJ，eta1．LeamingandTbachingChineseOnline—BaSedonasul～eyofChineseEducatlonmtheNetherlands[J]．JoalZoo&WildlifeMedicine．2001．[12]陈猛.基于Java的购物网站设计与开发[J].农家参谋,2020(08):200.[13]袁莹静,陈婷,陈龙,周芷仪,谢鹏辉.基于Web的二手车交易系统的设计与实现[J].软件,2020,41(04):195-199.[14]周宇轩,朱科旭,杨知涵,唐诗钰,褚永彬.基于HTML5的“慢游”旅游WebApp设计与实现[J].电脑与信息技术,2020,28(02):47-50.[15]SteWanD’SilVa，KirstenVaJlKessel．AnEVal嘣ionofmeQualitya11dContentofWebSitesonCancerRelatedFatigue[J]．Joa1ofCons啪erHealthonthe42

48┊┆┆┆大连外国语大学本科生毕业论文(设计)Intenlet，20l4，l8(4)：313—336．[16]王昭.基于用户体验的中国扇文化推广类网站的设计研究——以“京扇子”品牌官方网站设计为例[J].设计,2020,33(07):28-31.[17]肖文娟,王加胜.基于Vue和SpringBoot的校园记录管理WebApp的设计与实现[J].计算机应用与软件,2020,37(04):25-30+88.42