nodejs+vue河北任丘非物质文化遗产数字化传承python-flask-django-php

当今社会进入了科技进步、经济社会快速发展的新时代。国际信息和学术交流也不断加强，计算机技术对经济社会发展和人民生活改善的影响也日益突出，人类的生存和思考方式也产生了变化。传统购物方式采取了人工的管理方法，但这种管理方法存在着许多弊端，比如效率低下、安全性低以及信息传输的不准确等，同时由于购物管理信息系统中会形成众多的个人文档和信息系统数据，通过人工方法对购物信息进行集中管理会形成检索、更改和维护等较为麻烦的管理问题，同时由于当下人民群众对购物管理的需求也日益高涨，各级单位需要继续开展全新的改革以满足时代的需求。根据此问题，研发一套河北任丘非物质文化遗产数字化传承，既能够大大提高信息的检索、变更与维护的工作效率，也能够方便信息系统的管理运用，从而减少信息管理成本，提高效率。
该河北任丘非物质文化遗产数字化传承采用、前后端分离以及型进行设计，并采用nodejs语言以及 express框架进行开发。本系统主要设计并完成了用户注册、登录，购买商品过程、个人信息修改等，管理员对用户管理、演出类型管理、非遗演出管理、演出预约管理、商品分类管理、文创商城管理等功能，进行维护与管理。该系统操作简单，界面设计简单，不仅能基本满足目前网上河北任丘非物质文化遗产数字化传承的日常管理工作，而且能有效降低人员成本和时间成本，为网上河北任丘非物质文化遗产数字化传承工作提供方便。
前端技术：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 课题研究背景 1
1.2 课题研究意义 1
1.3 课题研究内容 2
2 系统开发环境及相关技术 3
2.1 系统开发环境 3
2.2 系统开发技术 3
2.2.1nodejs编程语言 3
2.2.2express框架介绍 4
2.2.3 MySQL数据库 4
3 系统需求分析 6
3.1 可行性分析 6
3.2 功能需求分析 6
3.3 系统流程分析 7
3.3.1 登录流程 7
3.3.2 添加信息流程 8
3.3.3 收藏信息流程 9
4 系统设计 10
4.1 功能模块设计 10
4.2 系统数据库设计 10
4.2.1 数据库系统 10
4.2.2 数据库概念设计 10
4.2.3 数据表设计 13
4.2.4 数据表的建立 13
5 系统实现 19
5.1系统功能实现 19
5.2后台管理员模块实现 21
6 系统测试 26
6.1软件测试过程 26
6.2测试用例 27
结 论 28
致 谢 29
参 考 文 献 30

1 概 述
1.1 课题研究背景
来到21世纪的今天，伴随着信息技术的飞速发展，已经深入并且影响着我们的生活，伴随着网络、通信技术的突破性进展，电子商务即网上交易也就是我们常说的网购得以蓬勃发展。而非物质文化遗产数字化传承作为一种全新的消费模式已成为一个极具潜力的行业，它以多样化的方式为人们的购物提供了便利，但是传统线下购物的方式存在购买费时、费劲、种类不全和价格不合理等问题，这导致了传统的线下购物方式没有移动端的购物方式来的优势。在这一背景下，当前的主要销售通道为传统的线下门店销售与互联网平台的线上销售相结合。目前，线上销售与线下销售之间存在着一定的相同与不相同[1]。
在未来的电子商务竞争中，将会有更多的传统销售门店会转移到互联网销售中, 从而进而形成主流电子商务发展趋势。以当前市场经济趋势而言, 各行各业均会受到电子商务的影响, 并从中挖掘更多的商机, 因此传统实体经济向互联网转型已经成为一种必然的趋势, 在移动网络环境下, 商家将获得更广泛的市场, 进而使发展的市场平台更加高效。从市场角度而言, 现电子商务的主要人群为青年群体, 这一群体人数众多, 且消费能力强, 为移动电子商务的发展提供了更为稳定的市场资源, 这些条件都为传统商家转型为互联网商家创造了良好条件[2]。
移动电子商务其中最为明显的特点便在于其便利性，在技术的发展中，为所有消费者提供的便利性是其他消费模式无法比拟的。在消费者眼中移动消费方式比传统的消费方式有着更加优质的服务。就目前移动电子商务的发展趋势来看，消费者想要更加便利的方式而移动电子商务恰好满足这一条件。但也有其缺陷，商品由商家流通至消费者需等待商品的运输时间。在未来或许能够达到一个相对高效的运作模式[3]。
1.2 课题研究意义
(1)河北任丘非物质文化遗产数字化传承伴随着计算机网络的飞速发展而实现能巧妙的融入我们的日常中，在我们的日常中随着使用网购APP的频率提高，我们的日常生活方式也将得到改善[4]。
(2)非物质文化遗产数字化传承不仅仅只是表面中的“网购”，它能带来更加广阔的交易环境：使我们不在局限与人与人面对面的接触式交易，能通过互联网的方式随时随地线上交易；它能带来更加广阔的消费市场：使我们能接触到网络所能达到的地方，可以在全球任意一家商家购物；它能带来更加丰富的商品，在网络普及的现在我们能接触到比传统购物更加多的商品种类，来提高我们的消费质量；它能带来更加实惠的价格：网购能极大程度的减少卖家到买家手中的流通环节，从而减少中间差价让价格更加实惠。而河北任丘非物质文化遗产数字化传承是更加符合时代的潮流，能大大提高消费者的消费体验[5]。
3 系统需求分析
在当今的社会生活中，互联网已经变得非常普遍和重要。充分利用互联网大数据等技术可以解决很多问题。目前，河北任丘非物质文化遗产数字化传承也面临着自身的问题。根据这一普遍现象，网上购物制度的出现需求巨大。该系统可以很好地解决这些问题。系统中这两类用户的数据在系统中非常关键，因此系统数据应该被组织起来，因为数据是以某种格式存储的，而不是无序的。其概念是，它可以根据长期稳定的格式在计算机内存中共享。数据库管理系统主要用于保存、修改和添加索引数据以及设置数据库。为了确保系统数据管理的顺利进行，一些有能力的处理器可以在不需要专业人员处理的情况下管理数据。创建数据表时，可以调整、重新组织和重建数据表中的数据，以确保数据可靠性。在数据库系统设计中，MySQL主要用于实现数据的集中管理。各方面表现良好[7]。
2.1 可行性分析
根据河北任丘非物质文化遗产数字化传承的功能，通过对经济效益、技术难点和管理方法进行全面的可行性分析，提供准确的可行性依据。以下是本系统的可行性分析:
 表4-2：文创商城
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
shangpinbianhao varchar 200 商品编号
shangpinmingcheng varchar 200 商品名称
shangpinfenlei varchar 200 商品分类
tupian varchar 200
shangpinjianjie longtext 4294967295
clicktime datetime 最近点击时间
clicknum int 点击次数 0
price float 价格

表4-3：配置文件
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

name varchar 100 配置参数名称
value varchar 100 配置参数值

表4-4：收藏表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
userid bigint 用户id
refid bigint 商品id
tablename varchar 200 表名
name varchar 200 名称
picture varchar 200 图片
type varchar 200 类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注) 1
inteltype varchar 200 推荐类型
remark varchar 200 备注

表4-5：购物车表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
tablename varchar 200 商品表名 wenchuangshangcheng
userid bigint 用户id
goodid bigint 商品id
goodname varchar 200 商品名称
picture varchar 200 图片
buynumber int 购买数量
price float 单价
discountprice float 会员价

表4-6：用户表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

username varchar 100 用户名
password varchar 100 密码
role varchar 100 角色 管理员
addtime timestamp 新增时间 CURRENT_TIMESTAMP

表4-7：商品分类
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
shangpinfenlei varchar 200 商品分类

表4-8：地址
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
userid bigint 用户id
address varchar 200 地址
name varchar 200 收货人
phone varchar 200 电话
isdefault varchar 200 是否默认地址[是/否]

表4-9：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-10：订单
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
orderid varchar 200 订单编号
tablename varchar 200 商品表名 wenchuangshangcheng
userid bigint 用户id
goodid bigint 商品id
goodname varchar 200 商品名称
picture varchar 200 商品图片
buynumber int 购买数量
price float 价格 0
discountprice float 折扣价格 0
total float 总价格 0
discounttotal float 折扣总价格 0
type int 支付类型 1
status varchar 200 状态
address varchar 200 地址
tel varchar 200 电话
consignee varchar 200 收货人
remark varchar 200 备注
logistics longtext 4294967295 物流

表4-11：关于我们
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
title varchar 200 标题
subtitle varchar 200 副标题
content longtext 4294967295 内容
picture1 varchar 200 图片1
picture2 varchar 200 图片2
picture3 varchar 200 图片3

表4-12：关于我们
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
title varchar 200 标题
subtitle varchar 200 副标题
content longtext 4294967295 内容
picture1 varchar 200 图片1
picture2 varchar 200 图片2
picture3 varchar 200 图片3

表4-13：论坛中心
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
title varchar 200 帖子标题
content longtext 4294967295 帖子内容
parentid bigint 父节点id
userid bigint 用户id
username varchar 200 用户名
avatarurl varchar 200 头像
isdone varchar 200 状态

表4-14：非遗资讯
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
biaoti varchar 200 标题
fengmian varchar 200 封面
neirong longtext 4294967295 内容
shipin varchar 200
xiangqing longtext 4294967295
fabushijian date

表4-15：非遗演出
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
biaoti varchar 200 标题
fengmian varchar 200 封面
yanchushijian datetime 演出时间
yanchudidian varchar 200
yanchuyulan varchar 200
menpiao int
feiyijianjie longtext 4294967295
clicktime datetime 最近点击时间
clicknum int 点击次数 0

表4-16：非遗项目
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
biaoti varchar 200 标题
xiangmumingcheng varchar 200 项目名称
xiangmufenlei varchar 200 项目分类
tupian varchar 200
xiangmujianjie longtext 4294967295
clicktime datetime 最近点击时间
clicknum int 点击次数 0

表4-17：非遗传承人
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
renwumingcheng varchar 200 人物名称
touxiang varchar 200 头像
chuanchenggushi longtext 4294967295 传承故事
chuanchengjianjie longtext 4294967295
thumbsupnum int 赞 0
crazilynum int 踩 0

表4-18：演出预约
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
yuyuebianhao varchar 200 预约编号
biaoti varchar 200 标题
menpiao int 门票
yuyuepiaoshu int
zongjiage int
yuyueshijian date
yonghuzhanghao varchar 200
yonghuxingming varchar 200
dianhuahaoma varchar 200
sfsh varchar 200 是否审核 待审核
shhf longtext 4294967295 审核回复
ispay varchar 200 是否支付 未支付

表4-19：演出类型
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
yanchuleixing varchar 200 演出类型

表4-20：文创商城评论表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
refid bigint 关联表id
userid bigint 用户id
avatarurl varchar 200 头像
nickname varchar 200 用户名
content longtext 4294967295 评论内容
reply longtext 4294967295 回复内容

表4-21：项目分类
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
xiangmufenlei varchar 200 项目分类

表4-22：用户
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
yonghuzhanghao varchar 200 用户账号
yonghuxingming varchar 200 用户姓名
mima varchar 200 密码
xingbie varchar 200 性别
touxiang varchar 200 头像
dianhuahaoma varchar 200 电话号码
money float 余额 0

5 系统实现
5.1系统功能实现
当用户进入系统前台进行相关操作前必须进行注册、登录，用户注册、登录界面如图5-1所示：

 
(3)管理可行性
本管理系统要求管理难度低，只需要有管理员就能够对个人中心、用户、非遗演出、演出预约、商品分类、文创商城、系统和订单等进行删除、修改和新增操作[9]。
3.2 功能需求分析
河北任丘非物质文化遗产数字化传承综合网络空间开发设计要求。目的是将非物质文化遗产数字化传承通过网络平台将传统管理方式转换为在线上管理，完成非物质文化遗产数字化传承的方便快捷、安全性高、交易规范做了保障，目标明确。河北任丘非物质文化遗产数字化传承可以将功能划分为用户的使用功能和管理员功能[10]。
（1）、用户关键功能包含用户注册登录，个人信息修改，查看非遗历史、非遗传承人、非遗演出、文创商城、非遗资讯、购物车等有关信息，并进行详细操作。用户用例如下：
6 系统测试
软件测试是一系列过程活动的总和，本系统采用黑盒测试，用于检测用户和管理员两个角色在操作中存在的问题。黑盒测试注重于测试软件的功能需求[11]。
6.1软件测试过程
软件测试是软件设计的收尾阶段，它是贯穿整个设计过程的，是一个巨大的任务。软件测试需要对程序所有的部分进行测试。且对每个部分的测试都是不一样的，需要在进行测试之前将它们分为以下几个阶段：
软件测试是软件设计的最后阶段，它贯穿于整个设计过程，是一项巨大的任务。软件测试需要测试程序的所有部分[12]。每个部分的测试是不同的，在测试前需要分为以下几个阶段:
（1）模块测试
它是一种检查软件程序代码的测试。用于软件的最小单元部分。单元测试分为手动测试和动态测试。为了保证程序算法的正确性，静态检测应规范程序的逻辑性、规范性和正确性。这一步是检测尽可能多的错误。动态检测是通过比较实际结果和期望结果来发现误差。
（2）集成测试
集成测试是在单元测试的基础上对系统各个功能模块进行测试。任何软件设计都会有集成阶段，因此集成测试是软件测试过程中必不可少的一部分。在集成测试中，由于测试是在各个模块之间进行的，所以在测试过程中可能没有发现问题，但会暴露整个测试。同时，在进行集成测试时要注意模块连接时的数据丢失。还要注意，虽然单个模块的错误可能很少，但它们可以拼凑在一起，对系统产生重大影响。
（3）系统测试
系统测试紧随集成测试之后。系统测试将通过集成测试的部分作为整个系统的一部分。与电子设备的各种软硬件一起，通过实际操作来检测，在模拟的实际环境中是否存在误差。需要将系统测试与计划的理想情况进行比较，并找出与预期不同的地方。通过设计师的分析确定如何修改。在软件的实际操作过程中，会出现很多意想不到的错误，测试人员可能无法在第一时间解决问题。因此，系统测试应尽量在实际操作下进行，以达到更好的测试目的[13]。
（4）验收测试
验收测试是系统设计和发布前的最后测试，需要了解用户和合作伙伴的需求。并与他们一起完成测试，同时根据他们的需求进行具体的修改，使软件更好地满足这三个需求。
6.2测试用例
本管理系统的登录模块测试，主要包括了密码测试，具体测试情况如下：
(1)密码登录测试
密码登录要求用户输入用户名和密码进行核对，如果用户登录成功，会自动跳转到系统主页，如果登录失败，则会弹出“ 用户名或密码输入有误，请重新输入！”，系统会根据用户不同的角色加载相应的菜单，具体测试用例见表6-1。
表6-1登录测试用例

结 论
通过本次毕业设计对河北任丘非物质文化遗产数字化传承的设计与实现，让我能够将所学的一个个知识联系起来形成了一个整体，对于整个系统的运行流程有了一个清楚的认识。从前端通过接口请求数据到后端控制层调用业务层再到数据库访问层对数据库进行查找，然后将数据进行封装后一个一个层传输最后到前端以及前端进行显示的过程中，每一个流程都需要仔细的分析调试。在这之间，也遇到了许许多多的困难，走了很多的弯路，但正是因为克服了这些困难，才能开发出这个系统，实现对非物质文化遗产数字化传承信息的电子化管理，提高了河北任丘非物质文化遗产数字化传承工作的效率。
系统的总体设计已经实现了非物质文化遗产数字化传承的基本功能，但是还有很多地方需要以后进一步改进，比如：
(1)优化UI 设计，并且加入总体模块来完善系统功能。
(2)系统当前只能在网站中使用，若能在App或小程序中使用会更便捷。
(3)系统中未考虑到数据的备份与恢复功能，手动备份耗时耗力并且安全性不好，需要对其进行完善。

致 谢
晃眼间四年大学时光即将过去。当我在完成大学里最后一个任务模块时，我意识到自己将要毕业了，将离开陪伴了自己四年快乐时光的校园。回首四年往事，让我深有感触学校四年的点点滴滴，有太多无法忘记的事事非非。学校的室友，同学，老师，图书馆，教学楼等，这些都是我无法抹去的记忆，已使我的心里很不是滋味。在此我要首先感谢我的指导老师。从最开始的论文选题、分析，老师就根据我们所选的课题提供了参考资料并且帮助我们进行系统的功能分析。他认真的工作态度、辛勤的工作精神，对我的影响深远，当我遇到问题以及疑惑时，老师总能指出问题的所在，让我收获了许多，再次感谢老师对我的帮助，以及还要感谢我的家人和朋友，正因为有了他们的支持，使我今后的人生有了更多的意义。
同时我还要感谢我的室友们。虽然我这几年的生活一直很困难，但是每当我遇到困难或者不开心的时候，他们都会给我建议，让我不难过。每当我生日的时候，他们都会聚在一起为我庆祝。和他们交流之后，我就会走出坏心情，变得快乐。因此，我感谢他们这四年的努力。
时光飞逝，四年的大学生活转眼就要过去了。此时此刻，四年的时光在我的脑海中再次上演。我的舍友、同学、老师，这一刻，我已经止不住的流泪了。我有太多的记忆永远刻在脑子里，我不会忘记他们的点点滴滴。与此同时，我也会积极准备考研，吸取第一次失败的经验，争取在二战中取得好成绩，考上心中理想的学校。我一定会加油的!