基于nodejs+vue家装一体化平台python-flask-django-php

提高现下家装一体化平台的准确度,同时降低经济波动带来的不良影响,希望本文能对广大学者的研究提供参考。

前端技术: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文件夹

存放视图。

目 录

摘 要 I

Abstract II

1 绪 论 1

1.1研究背景 1

1.2 研究目的和意义 1

1.2.1 研究的目的 2

1.2.2 研究的意义 2

1.3 研究的主要内容 3

1.4 问题定义 3

2 系统开发技术介绍 4

2.1 nodejs语言简介 4

2.2 express框架介绍 5

2.3 MySQL数据库 5

2.4 系统运行环境 6

3可行性研究与需求分析 6

3.1可行性分析 7

3.1.1经济可行性分析 8

3.1.2市场可行性分析 9

3.1.3技术可行性分析 9

3.1.4用户使用可行性分析 10

3.1.5法律可行性分析 10

3.2 需求分析 11

3.3网站功能分析 11

3.4系统流程设计 12

3.4.1 系统开发流程 13

3.4.2 用户登录流程 14

3.4.3 系统操作流程 15

4 软件功能模块设计 16

4.1 数据库设计与实现 16

4.1.1 概念模型设计 17

4.2 系统数据表设计 18

5 系统详细设计 19

5.1前台系统功能模块实现 19

5.2管理员功能模块实现 21

5.3设计师功能模块实现 21

5.4用户功能模块实现 21

6 系统测试 23

6.1系统测试的目的 26

6.2系统测试方法 26

6.3功能测试 27

结 论 29

参考文献 30

致 谢 31

随着网络科技的不断发展以及人们经济水平的逐步提高,网络技术如今已成为人们生活中不可缺少的一部分,而信息管理系统是通过计算机技术,针对用户需求开发与设计,该技术尤其在各行业领域发挥了巨大的作用,有效地促进了家装一体化的发展。然而,由于用户量和需求量的增加,信息过载等问题暴露出来,为改善传统线下管理中的不足,本文将提出一套基于nodejs的家装一体化平台,计算机技术作为近十年来新发展起来的科技,可运用于众多领域中,尤其在家装一体化中,可有效地提升其效率。1 绪 论

1.1研究背景

随着科技的飞速发展与我国对技术人才的重视,我国经济快速地朝着数字化经济转型。尤其在互联网技术的运用领域,而互联网技术领域在现当代人们的生活中运用的极为广泛,它们给人们的生活带来了更多的选择和便捷也成为了人们生活中不可缺少的重要部分,于是看来人们对该领域的要求也在不断提高,期待获得更好的用户体验。然而,因互联网用户的数量逐年提升,使得信息的准确率下降,用户有效获取到所需的信息变得越来越难,为解决这样的问题,家装一体化平台应运而生并快速发展,目前已成为众多行业的应用模块,同时也引起了学术界的长期关注[1]。

随着时代的发展和需求的不断提高,应对的数据量将越来越庞大,数据结构也会越来越复杂,学术界和商界都积极的地想要开发出信息管理系统来解决这些问题,给用户带来更好的体验。因此本文所提出的家装一体化平台具有实际意义,可提高效率,减少不必要的人力财力的损失,具有一定的现实意义[2]。

1.2 研究目的和意义

1.2.1 研究的目的

随着网络的不断发展,互联网技术渐渐成为人们生活中重要的一部分,国家的经济也被其牵动。但近年来,一些网络平台,由于用户量迅速扩增,导致传统的线下管理方式难以满足人们的需求,为保证用户体验感,本文根据nodejs语言,express框架,以及MYSQL等技术的支持下共同完成了该系统的开发,用以解决信息过载、不够精准等问题。具有更好的效果,降低复杂度和运行成本[3]。

1.2.2 研究的意义

"互联网+"的高速发展,使得我国的国际影响力显著增强,不仅使得经济得到发展,人们的生活也发生了巨大的改变。信息化的建设成为了各行业的发展基石以及重要组成部分,如果仍然使用传统的线下管理方式,如何让用户选择合适和所需的商品信息、特价商品是一个迫在眉睫的问题。此时,家装一体化平台的研究尤为重要。家装一体化平台不仅能提升用户的满意度,还可以使将来研究的数据更加准确。综上,研究管理系统意义重大。

本文的家装一体化平台致力于研究更丰富的语义关系,将它们整合为一体,可大大提升信息的准确率[4]。

1.3 研究的主要内容

通过对知识内容的学习研究,进而设计并实现一个家装一体化平台。系统能实现的主要功能应包括;用户、设计师、商品信息、特价商品等的一些操作,传统的管理模式主要是使用纸作为介质,信息交流很大程度上受地域的影响,在当今信息技术发达的现状下,完全无法满足高效率的,快节奏的现代工作生活的需要。现代化网络管理模式主要是利用网络技术,将传统的以纸作为介质的信息资源保存到网络数据库中,在需要用到的时候直接通过网络到数据库中获取,无论何时何地都不受影响,完全满足现代工作生活的高效率的需求[5]。

1.4 问题定义

问题定义也是软件开发中一个重要的环节,在这个阶段我们要清楚的找到以下问题的答案:开发这个系统的原因是什么,开发这个系统所需要的具备什么样的技术支持,需要获得什么样的物资基础等。而家私城所采用的家装一体化平台就可以很好的促进商品信息、特价商品工作的完成、而且可以使家私城的整体管

理水平得到有效的提升。因为使用该系统的主要是用户、设计师以及管理员,所以要准确的进行角色的定位,然后对不同的角色给予不同的使用权限。

3 可行性研究与需求分析

3.1可行性分析

家装一体化在家私城还是比较广泛存在,家装一体化平台是家私城不可或缺的一部分,对家装一体化平台的可行性分析基于当下的互联网背景,从经济、市场、技术、法律和用户使用上进行了调查,从此验证次系统开发的可行性。下面分别从以下几点进行分析:

3.1.1经济可行性分析:此次家装一体化平台所用的框架技术完全是开源的,其余的软件使用也都是免费的,在开发方面所消耗的成本可以忽略不计。而购置设备的费用远远少于其带来的社会收益,从经济上分析开发家装一体化平台是完全可行的[6]。

3.1.2市场可行性分析:家装一体化平台作为非盈利性的系统,其职能在方便用户。图书馆作为承载知识的载体,社会都有不计其数的图书馆,而家装一体化平台需要图书馆的支撑,自然在市场上可行[7]。

3.1.4用户使用可行性分析:鉴于系统的使用用户为高校学生,有统一的学

号和一定的知识水平,且系统无需用户有过多的操作,界面清晰简洁,用户使用可行性上无问题。

3.1.5法律可行性分析:本应用的开发内容均在法律范围内得到支持,并已经通过备案[9]。

3.2 需求分析

需求分析,也称为软件需求分析、系统需求分析或需求分析工程,是指开发人员经过充分的研究和分析,准确地理解用户和项目在功能、性能、可靠性等方面的具体需求,并将用户的非正式需求表述转化为确定系统必须执行的需求的完整定义的过程[10]。

3.3网站功能分析

功能需求分析是系统设计的前提,它要求开发者和用户定义开发什么样的体系和系统需要什么样的功能。本文主要介绍了一种基 平台实现的家装一体化平台。该系统为用户提供了更安全、更高效、更便捷的途径。本系统有三个角色:管理员、设计师和用户,要求具备以下功能:

(a) 管理员;管理员使用本系统涉到的功能主要有:系统首页、个人中心、用户管理、商品分类管理、商品信息管理、特价商品管理、 设计师管理、在线留言管理、系统管理、订单管理等功能。

图4-5商品信息实体图

4.2 系统数据表设计

根据E-R得出数据库包涵了以下几张数据表来实现了对数据库的存储、

调用。

表4-1:用户表

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

username varchar 100 用户名

password varchar 100 密码

role varchar 100 角色 管理员

addtime timestamp 新增时间 CURRENT_TIMESTAMP

表4-2: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-3:在线客服

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

userid bigint 用户id

adminid bigint 管理员id

ask longtext 4294967295 提问

reply longtext 4294967295 回复

isreply int 是否回复

表4-4:特价商品

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

shangpinmingcheng varchar 200 商品名称

tupian longtext 4294967295 图片

shangpinfenlei varchar 200 商品分类

guige varchar 200 规格

pinpai varchar 200 品牌

shangpinxiangqing longtext 4294967295 商品详情

reversetime datetime 倒计结束时间

price float 价格

表4-5:购物车表

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

tablename varchar 200 商品表名 tejiashangpin

userid bigint 用户id

goodid bigint 商品id

goodname varchar 200 商品名称

picture longtext 4294967295 图片

buynumber int 购买数量

price float 单价

discountprice float 会员价

goodtype varchar 200 商品类型

表4-6:收藏表

字段名称 类型 长度 字段说明 主键 默认值

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-7:地址

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

userid bigint 用户id

address varchar 200 地址

name varchar 200 收货人

phone varchar 200 电话

isdefault varchar 200 是否默认地址[是/否]

表4-8:设计师

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

shejishizhanghao varchar 200 设计师账号

mima varchar 200 密码

shejishixingming varchar 200 设计师姓名

tupian longtext 4294967295 图片

xingbie varchar 200 性别

lianxidianhua varchar 200 联系电话

gerenjianjie longtext 4294967295 个人简介

xiangguanzuopin longtext 4294967295 相关作品

money float 余额 0

表4-9:商品信息

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

shangpinmingcheng varchar 200 商品名称

tupian longtext 4294967295 图片

shangpinfenlei varchar 200 商品分类

guige varchar 200 规格

pinpai varchar 200 品牌

shangpinxiangqing longtext 4294967295 商品详情

clicktime datetime 最近点击时间

clicknum int 点击次数 0

price float 价格

表4-10:商品分类

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

shangpinfenlei varchar 200 商品分类

表4-11:订单

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

orderid varchar 200 订单编号

tablename varchar 200 商品表名 tejiashangpin

userid bigint 用户id

goodid bigint 商品id

goodname varchar 200 商品名称

picture longtext 4294967295 商品图片

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 物流

goodtype varchar 200 商品类型

表4-12:公告信息

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

title varchar 200 标题

introduction longtext 4294967295 简介

picture longtext 4294967295 图片

content longtext 4294967295 内容

表4-13:特价商品评论表

字段名称 类型 长度 字段说明 主键 默认值

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-14:在线留言

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

shejishizhanghao varchar 200 设计师账号

shejishixingming varchar 200 设计师姓名

zixunneirong longtext 4294967295 咨询内容

zixunshijian datetime 咨询时间

yonghuzhanghao varchar 200 用户账号

yonghuxingming varchar 200 用户姓名

shoujihaoma varchar 200 手机号码

shhf longtext 4294967295 回复内容

表4-15:商品信息评论表

字段名称 类型 长度 字段说明 主键 默认值

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-16:用户

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP

yonghuzhanghao varchar 200 用户账号

mima varchar 200 密码

yonghuxingming varchar 200 用户姓名

touxiang longtext 4294967295 头像

xingbie varchar 200 性别

shoujihaoma varchar 200 手机号码

money float 余额 0

表4-17:配置文件

字段名称 类型 长度 字段说明 主键 默认值

id bigint 主键 主键

name varchar 100 配置参数名称

value varchar 100 配置参数值

6 系统测试

6.1系统测试的目的

在经过长期的测试与修改下,系统能正常运行,已经达到基本的要求,但难免有时会出现一些报错和Bug,如果忽略一些不起眼的小问题有可能会产生连锁反应:数据的报错,数据的无缘被修改以及泄露,甚至会成为不法分子的可乘之机,给开发者和使用者造成惨重的代价。综合以上几点,必修要对这个完成的系统进行测试,只有通过一定的测试来解决这些出现的问题。通过不断地进行测试,一步一步的发现系统中的问题,然后对问题进行一次又一次的修改,使该家装一体化平台更加完善,最后争取没有漏洞和Bug,成为一个接近完美无暇的家装一体化平台的网站。还要在测试修改的过程中吸取经验:自己为什么会犯这种错误、代码的编写哪个逻辑环节出了错误、又有哪些地方是因为自己的粗心大意造成的等等[12]。使系统本身接近完美以及以后的维护更加快捷方便。

对于在线家装一体化平台,要对其进行一个整体的测试。测试根据各个模块的功能,以及各功能之间的相互联系,协同关系来进行操作。尤其在用户、设计师和管理员三个的数据库这一地方进行多次测试以及调整。通过一次又一次的系统测试,保证在线家装一体化平台能够在上线面向开放使用后是一个方面、安全、省心的系统[13]。

6.3功能测试

(1)用户登录测试。在登录模块页面,通过输入二个用户名和密码进行测试。其中输入的用户名"aboin"和密码"aboin"是正确的,会出现登陆成功的提示信息,而第一个和第二个登录失败。第一个登录失败的原因是因为用户名和密码不匹配,数据库中无法找到相应的匹配数据;第二个登录失败的原因是因为该用户名没有注册,数据库中没有相应的记录,所以第一次和第二次的登录会出现登录失败的得结果。如表6-1所示。

表6-1用户登录测试表

模块名称 测试用例 预期结果 实际结果 是否通过

登录模块 用户名:abo 密码:123 弹出错误提示,提示密码错误 弹出错误提示,提示密码错误 通过

登录模块 用户名:123

密码:aboin 弹出错误提示,提示用户名错误 弹出错误提示,提示用户名错误 通过

登录模块 用户名:aboin

密码:aboin 管理员登录成功 管理员登录成功 通过

(2)删除分类测试。在删除分类模块,找到相对应的删除信息,点击"删除"该信息的接口,删除成功后信息会在数据库中的表中进行删除,然后返回前端页面删除成功的提示框。通过一次又一次的删除操作,发现该系统的删除功能以及后端代码运行正常,多次的删除测试说明该系统的删除分类功能没有问题。如表6-2所示。

表6-2删除分类测试

模块名称 测试用例 预期结果 实际结果 是否通过

删除分类模块 分类名:最新通知 删除成功、页面自动跳转 删除成功、页面自动跳转 通过

(3)修改密码测试。在修改密码模块,通过二个用户的修改数据进行该功能的测试。测试中发现只有第三次的修改密码成功了,第一次和第二次的密码修改出现了问题。问题的原因分别为"密码错误"和"确认密码不一致"的问题。通过多次的修改和测试,发现修改密码这一功能运行正常,没有问题。如表6-3所示。

表6-3修改密码测试

模块名称 测试用例 预期结果 实际结果 是否通过

修改密码模块 原密码:666

新密码:123

确认密码:123 弹出错误提示,提示原密码错误 弹出错误提示,提示原密码错误 通过

修改密码模块 原密码:aboin 新密码:123

确认密码:333 弹出错误提示,提示确认密码不一致 弹出错误提示,提示确认密码不一致 通过

修改密码模块 原密码:aboin 新密码:123

确认密码:123 密码修改成功 密码修改成功 通过

通过上述一次又一次的测试修改,又加上对系统的白盒测试和黑盒测试等一系列的操作,对家装一体化平台进行了多次全面具体的测试。该系统的各个功能模块都能正常运行,性能良好,占据CPU的空间也较小。对用户和设计师都有很大的帮助,提供了便利,对账户信息有较强的保密性,后台数据库能保持良好的完整性和安全性。无论是前端的页面设计,还是后端的数据库和代码运行,都十分不错,达到了预期的效果[15]。

5 系统详细设计

5.1前台系统功能模块实现

当游客打开系统的网址后,首先看到的就是首页界面。在这里,游客能够看到家装一体化平台的导航条显示首页、商品信息、特价商品、设计师、公告信息、后台管理、在线客服、购物车、个人中心等。系

结 论

随着时代的进步,信息量的增加,信息管理系统已经被各个领域所广泛使用,它可以为人们提供更好更优质的服务,因此它成为广大学者的重点研究对象,专家学者们致力于改善家装一体化平台存在的问题。

在这次毕业设计的过程中,我理解了更多的关于家装一体化的内容,学会了如何将现实中需求转化成系统的功能,在摸索学习过程中不断的提高自己的代码能力,以前开发都只开发一些业务逻辑的功能,从未接触过一个整体系统的设计与实现,这次毕业设计,我一边学习一边思考设计,最终既学会了一般的系统功能设计也完成了毕业设计。当然,在这次毕业设计的过程中我遇到了很多的困难,很多的问题。在遇到困难的时候我没有逃避,自觉的查找相关资料加强学习,自己解决的不了的问题就咨询身边的同学和老师。身边的同学和老师都非常的热情,友好,对待我的问题都很热情帮我解决,所以在此,我非常的感谢他们。是他们的支持与帮助,才使我顺利的完成这次毕业设计。

相关推荐
豌豆花下猫6 分钟前
REST API 已经 25 岁了:它是如何形成的,将来可能会怎样?
后端·python·ai
NoloveisGod7 分钟前
Vue的基础使用
前端·javascript·vue.js
GISer_Jing8 分钟前
前端系统设计面试题(二)Javascript\Vue
前端·javascript·vue.js
理想不理想v1 小时前
使用JS实现文件流转换excel?
java·前端·javascript·css·vue.js·spring·面试
ac-er88881 小时前
ThinkPHP中的MVC分层是什么
开发语言·php·mvc
EasyNTS1 小时前
无插件H5播放器EasyPlayer.js网页web无插件播放器vue和react详细介绍
前端·javascript·vue.js
guokanglun2 小时前
Vue.js动态组件使用
前端·javascript·vue.js
平头哥在等你2 小时前
Python中的正则表达式教程
python·正则表达式
Best_Me072 小时前
如何在Pycharm的终端里进入自己的环境
ide·python·pycharm
好看资源平台3 小时前
爬虫开发工具与环境搭建——环境配置
爬虫·python