根据此问题，研发一套渔船出海及海货统计系统，既能够大大提高信息的检索、变更与维护的工作效率，也能够方便信息系统的管理运用，从而减少信息管理成本，提高效率。
该渔船出海及海货统计系统采用B/S架构、前后端分离进行设计，并采用nodejs语言以及express框架进行开发。该系统主要设计并完成了管理过程中的用户注册登录、个人信息修改、用户信息、渔船信息、渔船航班、海货价格、渔船海货、非法举报、渔船黑名单等功能。该系统操作简便，界面设计简洁，不但可以基本满足本行业的日常管理工作，同时又可以有效减少人员成本和时间成本，为渔船出海及海货统计工作提供了方便。当今社会已经步入了科学技术进步和经济社会快速发展的新时期，国际信息和学术交流也不断加强，计算机技术对经济社会发展和人民生活改善的影响也日益突出，人类的生存和思考方式也产生了变化。传统渔船出海及海货统计采取了人工的管理方法，但这种管理方法存在着许多弊端，比如效率低下、安全性低以及信息传输的不准确等，同时由于渔船出海及海货统计中会形成众多的个人文档和信息系统数据，通过人工方法对渔船信息、渔船航班、海货分类、海货价格等进行集中管理会形成检索、更改和维护等较为麻烦的管理问题，同时由于广大用户对网络技术的需求也日益高涨，于是信息技术也需要继续开展全新的改革以满足时代的需求。
目 录
摘 要 I
Abstract II
1 概 述 1
1.1 课题研究背景 1
1.2 课题研究意义 1
1.3 课题研究内容 2
2 系统开发环境及相关技术 3
2.1 系统开发环境 3
2.2 系统开发技术 3
2.2.1 express框架介绍 3
2.2.2 nodejs介绍 3
2.2.3 MySQL数据库 4
2.2.4 B/S结构 4
3 系统需求分析 5
2.1 可行性分析 5
3.2 功能需求分析 5
3.3 系统流程分析 7
3.3.1 登录流程 7
3.3.2 添加信息流程 8
3.3.3 收藏信息流程 8
4 系统设计 10
4.1 功能模块设计 10
4.2 系统数据库设计 11
4.2.1 数据库系统 11
4.2.2 数据库概念设计 11
4.2.3 数据表设计 12
4.2.4 数据表的建立 12
5 系统实现 22
5.1系统前台模块实现 22
5.2后台管理员模块实现 24
5.3后台用户模块实现 24
6 系统测试 32
6.1软件测试过程 32
6.2测试用例 33
结 论 34
致 谢 35
参 考 文 献 36
前端技术：nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架：Express
前端:Vue.js
数据库：mysql
数据库工具：Navicat
开发软件：VScode
视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。
代码结构讲解
1、 node_modules文件夹(有npn install产生)
这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
用于存放路由文件。
5、views文件夹
存放视图。。
1 概 述
1.1 课题研究背景
近年来，由于计算机技术和互联网技术的飞速发展，所以各企事业单位内部的发展趋势是数字化、信息化、无纸化，随着这一趋势，而各种决策系统、辅助系统也就应运而生了，其中，信息管理系统是其中重要的组成部分[1]。
然而多年以来人们大都习惯使用传统方法，即人工来完成渔船信息、渔船航班、渔船黑名单的管理，但是这种方法存在着工作效率低以及保密性差的问题，同时还会生成大量的文本和数据，在检索数据时极大不便。随着科技发展进步，我们已进入了信息化社会，仅仅依靠传统的表格管理方式已不能适应时代的要求。因此使用计算机来进行接手传统方式已经势在必行[2]。
而通过计算机技术来实现的渔船出海及海货统计系统拥有对信息的快速检索、保存了大量的信息、信息系统保存的稳定性高和维护成本低等优点，对渔船出海及海货统计的工作效率也能提高。如今，传统的人工管理方法、文件和图表打印等信息传输方法已经不能满足当下渔船出海及海货统计的发展需求，计算机科学与互联网技术的蓬勃发展，颠覆了人们的生活以及思维方式。渔船出海及海货统计系统的出现，利用信息技术将渔船出海及海货统计融于网络平台中，成为用户提高管理水平的有利手段，将会成为未来发展的新模式[3]。
1.2 课题研究意义
在当下，信息自动化以一种迅速并不可阻挡的速度在慢慢遍布到社会的每一个角落中，而渔船出海及海货统计系统正是信息自动化的一个小小分支，解决了传统管理中繁杂且重复的操作，提高了工作的效率
对于大部分的用户来说，渔船出海及海货统计系统对于管理人员进行管理来说是非常重要的，渔船出海及海货统计系统应该做到让管理人员进行快捷的信息查询以及对信息的处理功能，让用户体验到更加快捷方便在线查看渔船航班、海货价格等，然而，大多数的用户并没有使用电子化来管理工作的意识，还是使用传统的人工管理方法。如今，伴随着计算机科学的不断发展，互联网科技的日渐成熟，计算机所带来的种种优势已经逐渐为人们所认识，它已经应用在社会中的各个领域中并且越来越重要，利用计算机将 渔船出海及海货统计进行电子化、系统化的管理代替了传统的人工管理方式，提升了工作效率[4]。所以，开发一套运用于渔船出海及海货统计的通用管理系统。
(1)无纸化办公，节省了时间，减少了纸张的浪费同时节约了成本。
(2)加快了信息传输的过程，使渔船出海及海货统计系统更规范和科学。
(3)利用计算机处理速度快、信息存储量大的特点，将渔船出海及海货统计工作信息化，可以积累和管理大量的数据。
(4)对数据进行有效并且集中的管理，实现了信息的共享，使管理人员可以从传统的人工管理中解放出来，提升了工作的效率，使其有更多的时间去完成更多的工作，来提高自身的业务素质[5]。
1.3 课题研究内容
本系统结合现今渔船出海及海货统计系统的功能模块以及设计方式进行分析，使用nodejs语言和express框架进行开发设计，具体研究内容如下：
(1)系统主页展示首页、渔船航班、海货价格、后台管理、个人中心等功能。
(2)用户在前台可以查看渔船航班、海货价格、进行收藏、评论等，管理员是拥有系统最高权限，所以对系统所有功能都能进行操作。
2.2.3 MySQL数据库
MySQL是一种关联数据库管理系统，该系统速度快而且灵活性强，主要原因是它将数据保存在不同的表中，MySQL软件的优点是成本低、体积小、速度快，开放源码，所以一般中小型网站的开发都选择MySQL作为网站数据库。
2.2.4 B/S结构
B/S结构就是指系统客户端与服务器分离，客户端通过浏览器访问服务端进行操作。
B/S结构目前广泛应用于绝大部分系统搭建中，这种结构摒弃C/S结构客户端服务端不分离的缺点，具有更多的优势：
（1）跨平台性：B/S的标准由标准化组织确立，适用于绝大多数的系统搭建，通用于应用之间。
（2）低维护成本：客户端和服务器端分离，减轻了两端的压力，尤其是客户端，对客户端设备，硬件、软件要求都比较低，并且系统需要升级或维护时，只需要在服务器端升级或维护就可以，使相应的费用减少。
3 系统需求分析
在当今的社会生活中，互联网已经变得非常普遍和重要。充分利用互联网大数据等技术可以解决很多问题。目前，渔船出海及海货统计管理也面临着自身的问题。根据这一普遍现象，该系统可以很好地解决这些问题[7]。系统中这二类用户的数据在系统中非常关键，因此系统数据应该被组织起来，因为数据是以某种格式存储的，而不是无序的。其概念是，它可以根据长期稳定的格式在计算机内存中共享。数据库管理系统主要用于保存、修改和添加索引数据以及设置数据库。为了确保系统数据管理的顺利进行，一些有能力的处理器可以在不需要专业人员处理的情况下管理数据。创建数据表时，可以调整、重新组织和重建数据表中的数据，以确保数据可靠性。在数据库系统设计中，MySQL主要用于实现数据的集中管理。各方面表现良好[8]。
2.1 可行性分析
根据渔船出海及海货统计系统所拥有的功能情况，通过经济效益、技术难度和管理方式进行全面的可行性分析，来提供准确的可行性依据。以下是本系统的可行性分析：
(1)经济可行性
使用了免费版的Eclipse节省了开发成本，在购买服务器后部署项目便能通过浏览器进行访问。
(2)技术可行性
本管理系统采用B/S架构进行设计，通过分层分包的方法，有利于日常的维护，同时降低了代码之间的耦合。
(3)管理可行性
本管理系统所需要的管理难度低，只需要一个管理员便能进行渔船信息、渔船航班、海货价格、渔船海货、非法举报等删除、修改和添加[9]。
3.2 功能需求分析
渔船出海及海货统计系统综合网络空间开发设计要求。目的是将渔船出海及海货统计通过网络平台将传统管理方式转换为在网上操作，方便快捷、安全性高、交易规范做了保障，目标明确。渔船出海及海货统计系统可以将功能划分为用户和管理员功能[10]。
4.2.3 数据表设计
本管理系统的数据表的设计根据管理过程中的具体流程所需，方便了管理员对数据进行新增、删除、修改和查询的操作。
4.2.4 数据表的建立
系统使用MySQL工具对数据库进行操作，它有着简便的数据库管理操作以及强大的数据处理能力。以下是数据表的建立情况：
表4-1：用户
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
yonghuzhanghao varchar 200 用户账号
mima varchar 200 密码
yonghuxingming varchar 200 用户姓名
touxiang longtext 4294967295 头像
xingbie varchar 200 性别
shoujihaoma varchar 200 手机号码
sfsh varchar 200 是否审核 待审核
shhf longtext 4294967295 审核回复
表4-2：用户表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
username varchar 100 用户名
password varchar 100 密码
role varchar 100 角色 管理员
addtime timestamp 新增时间 CURRENT_TIMESTAMP
表4-3：token表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
userid bigint 用户id
username varchar 100 用户名
tablename varchar 100 表名
role varchar 100 角色
token varchar 200 密码
addtime timestamp 新增时间 CURRENT_TIMESTAMP
expiratedtime timestamp 过期时间 CURRENT_TIMESTAMP
表4-4：收藏表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
userid bigint 用户id
refid bigint 商品id
tablename varchar 200 表名
name varchar 200 名称
picture longtext 4294967295 图片
type varchar 200 类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注) 1
inteltype varchar 200 推荐类型
remark varchar 200 备注
表4-5：海货价格
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
haixianmingcheng varchar 200 海鲜名称
haihuofenlei varchar 200 海货分类
tupian longtext 4294967295 图片
jiage float 价格/kg
haixianxiangqing longtext 4294967295 海鲜详情
gengxinshijian datetime 更新时间
表4-6：海货分类
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
haihuofenlei varchar 200 海货分类
表4-7：非法举报
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
jubaobianhao varchar 200 举报编号
yuchuanmingcheng varchar 200 渔船名称
jubaoneirong longtext 4294967295 举报内容
jubaoshijian datetime 举报时间
yonghuzhanghao varchar 200 用户账号
yonghuxingming varchar 200 用户姓名
shoujihaoma varchar 200 手机号码
sfsh varchar 200 是否审核 待审核
shhf longtext 4294967295 审核回复
表4-8：渔船信息
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
yuchuanbianhao varchar 200 渔船编号
yuchuanmingcheng varchar 200 渔船名称
yuchuantupian longtext 4294967295 渔船图片
yuchuanmianji varchar 200 渔船面积
yuchuanzhongliang varchar 200 渔船重量
yuchuanxiangqing longtext 4294967295 渔船详情
dengjishijian date 登记时间
表4-9：海货价格评论表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
refid bigint 关联表id
userid bigint 用户id
avatarurl longtext 4294967295 头像
nickname varchar 200 用户名
content longtext 4294967295 评论内容
reply longtext 4294967295 回复内容
表4-10：渔船黑名单
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
heimingdanbianhao varchar 200 黑名单编号
yuchuanmingcheng varchar 200 渔船名称
heimingdanxiangqing longtext 4294967295 黑名单详情
dengjishijian datetime 登记时间
beizhu varchar 200 备注
表4-11：配置文件
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
name varchar 100 配置参数名称
value varchar 100 配置参数值
表4-12：渔船航班
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
hangbanbianhao varchar 200 航班编号
luxianmingcheng varchar 200 路线名称
luxiantupian longtext 4294967295 路线图片
yuchuanmingcheng varchar 200 渔船名称
tujingzhandian varchar 200 途径站点
shifazhandian varchar 200 始发站点
zhongdianzhandian varchar 200 终点站点
chuxingshijian datetime 出行时间
luxianxiangqing longtext 4294967295 路线详情
gengxinshijian datetime 更新时间
表4-13：渔船海货
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
hangbanbianhao varchar 200 航班编号
yuchuanmingcheng varchar 200 渔船名称
chuxingshijian datetime 出行时间
fanhangshijian datetime 返航时间
haihuoxiangqing longtext 4294967295 海货详情
haihuojine float 海货金额
chuxingfeiyong float 出行费用
huodejine float 获得金额
dengjishijian datetime 登记时间
beizhu varchar 200 备注
5 系统实现
5.1系统前台模块实现
当游客打开系统的网址后，首先看到的就是首页界面。在这里，游客能够看到渔船出海及海货统计系统的导航条显示首页、渔船航班、海货价格、后台管理等功能，如图5-1所示。
图5-1系统首页界面图
当用户进入系统前台进行相关操作前必须先注册登录，在注册页面填写用户账号、密码、确认密码、用户姓名、头像、性别、手机号码等信息，然后点击注册，如图5-2所示。
图5-2用户注册界面图
用户登录，用户在登录页面通过填写账号、密码等，点击登录操作，如图5-3所示。
图5-3用户登录界面图
用户点击渔船航班，在渔船航班页面的搜索栏输入线路名称、渔船名称，进行查询，然后可以查看航班编号、线路名称、线路图片、渔船名称、途经站点、始发站点、终点站点、出行时间、更新时间等信息，如有需要进行收藏操作，如图5-4所示。
图5-4渔船航班界面图
用户点击海货价格，在海货价格页面的搜索栏输入海鲜名称，进行查询，然后可以查看海鲜名称、海货分类、图片、价格/kg、更新时间等信息，如有需要进行收藏或者评论等操作，如图5-5所示。
图5-5海货价格界面图
用户点击个人中心，在个人中心页面可以修改个人信息、密码修改，还可以对我的收藏进行详细操作，如图5-6所示。
图5-6个人中心界面图
5.2后台管理员模块实现
管理员登录，在登录页面选择需要登录的角色，在正确输入用户名和密码后，进入操作系统进行操作；如图5-7所示。
图5-7 管理员登录界面
管理员进入渔船出海及海货统计系统，主要功能包括对系统首页、个人中心、用户管理、渔船信息管理、渔船航班管理、海货分类管理、海货价格管理、渔船海货管理、非法举报管理、渔船黑名单管理、系统管理等功能进行详细操作。如图5-8所示：
图5-8管理员功能界面
管理员点击用户管理，在用户管理页面对用户账号、用户姓名、头像、性别、手机号码、审核回复、审核状态、审核等信息，进行查询、新增或者删除用户信息等操作，如图5-9所示。
图5-9用户管理界面图
管理员点击渔船信息管理，在渔船信息管理页面对渔船编号、渔船名称、渔船图片、渔船面积、渔船重量、登记时间等信息，进行查询、新增或者删除渔船信息等操作，如图5-10所示。
图5-10渔船信息管理界面图
管理员点击渔船航班管理，在渔船航班管理页面对航班编号、线路名称、线路图片、渔船名称、途经站点、始发站点、终点站点、出行时间、更新时间等信息，进行查询、新增或者删除渔船航班等操作，如图5-11所示。
图5-11渔船航班管理界面图
管理员点击海货价格管理，在海货价格管理页面对海鲜名称、海货分类、图片、价格/kg、更新时间等信息，进行查询、新增或者删除海货价格等操作，如图5-12所示。
图5-12海货价格管理界面图
管理员点击渔船海货管理，在渔船海货管理页面对航班编号、渔船名称、出行时间、返航时间、海货金额、出行费用、获得金额、登记时间、备注等信息，进行查询或新增、删除渔船海货等操作，如图5-13所示。
图5-13渔船海货管理界面图
5.3后台用户模块实现
用户点击后台管理，然后页面跳转到系统主页面后可以对系统首页、个人中心、非法举报管理等功能进行操作。如图5-14所示：
图5-14 用户功能界面
6 系统测试
软件测试是一系列过程活动的总和，本系统采用黑盒测试，用于检测用户和管理员二个角色在操作中存在的问题[12]。黑盒测试注重于测试软件的功能需求。
6.1软件测试过程
软件测试是软件设计的收尾阶段，它是贯穿整个设计过程的，是一个巨大的任务。软件测试需要对程序所有的部分进行测试。且对每个部分的测试都是不一样的，需要在进行测试之前将它们分为以下几个阶段：
软件测试是软件设计的最后阶段，它贯穿于整个设计过程，是一项巨大的任务。软件测试需要测试程序的所有部分。每个部分的测试是不同的，在测试前需要分为以下几个阶段:
（1）模块测试
它是一种检查软件程序代码的测试。用于软件的最小单元部分。单元测试分为手动测试和动态测试。为了保证程序算法的正确性，静态检测应规范程序的逻辑性、规范性和正确性。这一步是检测尽可能多的错误。动态检测是通过比较实际结果和期望结果来发现误差[13]。
（2）集成测试
集成测试是在单元测试的基础上对系统各个功能模块进行测试。任何软件设计都会有集成阶段，因此集成测试是软件测试过程中必不可少的一部分。在集成测试中，由于测试是在各个模块之间进行的，所以在测试过程中可能没有发现问题，但会暴露整个测试。同时，在进行集成测试时要注意模块连接时的数据丢失。还要注意，虽然单个模块的错误可能很少，但它们可以拼凑在一起，对系统产生重大影响。
（3）系统测试
系统测试紧随集成测试之后。系统测试将通过集成测试的部分作为整个系统的一部分。与电子设备的各种软硬件一起，通过实际操作来检测，在模拟的实际环境中是否存在误差。需要将系统测试与计划的理想情况进行比较，并找出与预期不同的地方。通过设计师的分析确定如何修改。在软件的实际操作过程中，会出现很多意想不到的错误，测试人员可能无法在第一时间解决问题。因此，系统测试应尽量在实际操作下进行，以达到更好的测试目的。
（4）验收测试
验收测试是系统在设计和发布前的最后一次测试，需要了解用户和合作伙伴的需求。并与他们一起完成测试，同时根据他们的需求进行具体的修改，使软件更好地满足这三个需求[14]。
6.2测试用例
本管理系统的登录模块测试，主要包括了密码测试，具体测试情况如下：
(1)密码登录测试
密码登录要求用户输入用户名和密码进行核对，如果用户登录成功，会自动跳转到系统主页，如果登录失败，则会弹出" 用户名或密码输入有误，请重新输入！"，系统会根据用户不同的角色加载相应的菜单，具体测试用例见表6-1。
表6-1 账号密码登录测试用例表
用例 用户名/密码/角色 预计结果 实际结果
1 1001/123
/用户 弹出"密码输入有误，请重新输入！"的提示 弹出"密码输入有误，请重新输入！"的提示
2 1001/a123456
/用户 登录成功并跳转至主页 登录成功并跳转至主页
3 1002/admin1
/管理员 登录成功并跳转至主页，同时显示不同的菜单 登录成功并跳转至主页，同时显示不同的菜单
结 论
通过本次毕业设计对渔船出海及海货统计系统的设计与实现，让我能够将所学的一个个知识联系起来形成了一个整体，对于整个系统的运行流程有了一个清楚的认识。从前端通过接口请求数据到后端控制层调用业务层再到数据库访问层对数据库进行查找，然后将数据进行封装后一个一个层传输最后到前台以及后台进行显示的过程中，每一个流程都需要仔细的分析调试。在这之间，也遇到了许许多多的困难，走了很多的弯路，但正是因为克服了这些困难，才能开发出这个系统，实现对渔船出海及海货统计的电子化管理，提高了工作的效率。
虽然本系统已经完成了开题报告中提出的功能，但作为一个完整的系统，还有许多功能需后期进一步地完善，待改善的功能有以下几点：
(1)优化UI 设计，并且加入总体模块来完善系统功能。
(2)系统当前只能在网站中使用，若能在App或小程序中使用会更便捷。
(3)系统中未考虑到数据的备份与恢复功能，手动备份耗时耗力并且安全性不好，需要对其进行完善。
致 谢
晃眼间四年大学时光即将过去。当我在完成大学里最后一个任务模块时，我意识到自己将要毕业了，将离开陪伴了自己四年快乐时光的校园。回首四年往事，让我深有感触学校四年的点点滴滴，有太多无法忘记的事事非非。学校的室友，同学，老师，图书馆，教学楼等，这些都是我无法抹去的记忆，已使我的心里很不是滋味。在此我要首先感谢我的指导老师。从最开始的论文选题、分析，老师就根据我们所选的课题提供了参考资料并且帮助我们进行系统的功能分析。他认真的工作态度、辛勤的工作精神，对我的影响深远，当我遇到问题以及疑惑时，老师总能指出问题的所在，让我收获了许多，再次感谢老师对我的帮助，以及还要感谢我的家人和朋友，正因为有了他们的支持，使我今后的人生有了更多的意义。
同时我还要感谢我的室友们。虽然我这几年的生活一直很困难，但是每当我遇到困难或者不开心的时候，他们都会给我建议，让我不难过。每当我生日的时候，他们都会聚在一起为我庆祝。和他们交流之后，我就会走出坏心情，变得快乐。因此，我感谢他们这四年的努力。
时光飞逝，四年的大学生活转眼就要过去了。此时此刻，四年的时光在我的脑海中再次上演。我的舍友、同学、老师，这一刻，我已经止不住的流泪了。我有太多的记忆永远刻在脑子里，我不会忘记他们的点点滴滴。与此同时，我也会积极准备考研，吸取第一次失败的经验，争取在二战中取得好成绩，考上心中理想的学校。我一定会加油的!