基于nodejs+vue诚交大学生二手交易平台python-flask-django

摘要
 
本次设计理论可行，实践中需要结合nodejs语言，express技术以及MySQL数据库进行网站系统设计，将大学所学理论知识运用到网站建设中，达到最终网站正常运行的目的，锻炼自身独立设计开发能力，对自身业务能力提升具有很重要的意义。
关键词：二手交易、大学校园、nodejs
前端技术：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文件夹
      存放视图。 
当前在市场经济的快速发展下，我国的经济形势也在不断的发展壮大。特别是在计算机信息化的普及下，新的互联网+业态促使着零售业在不断的转型发展。随着B2C、O2O的不断发展，传统的零售实体都受到了来自网络电商的严重冲击，传统零售模式不仅难以发展，并且其生存能力都已经受到了不小的影响，发展举步维艰。大学校园二手交易网站可以实现线上化交易，线上交易的好处一方面是其便捷性，买方可以快速的寻找到想要购买的产品目标，寻找到卖家，并可以24小时在线进行咨询、商讨价格。学校的学生是市场中消费的主力军，此次希望通过大学校园二手交易网站的建立，让同学们能够在网上出售不需要的图书、手机、游戏卡带等等，以便有需求的同学能够以较高的性价比获得相应物品，使得双方均获利。目 录
摘要 I
abstract II
前言 1
第1章 绪论 2
1.1开发背景 2
1.2开发意义 2
1.3研究内容 3
1.4 nodejs技术 3
1.5 MySQL数据库 4
1.6express技术 4
第2章 系统分析 5
2.1可行性分析 5
2.1.1技术可行性 5
2.1.2经济可行性 5
2.1.3操作可行性 5
2.1.4法律可行性 5
2.2业务需求分析 5
2.3 需求研究方法 6
第3章 系统设计 8
3.1系统结构设计 8
3.2功能模块设计 8
（1）系统用户管理功能 8
（3）二手商品管理 9
3.3数据库设计 9
3.3.1数据库设计概述 9
3.3.2概念设计 9
3.3.3数据库逻辑分析 9
3.3.4数据库表设计 10
3.2.2 数据库表设计 11
第4章 系统实现 13
4.1基本任务 13
4.2系统主要功能展示 13
4.2.1首页展示 13
4.2.2商品页面展示 13
4.3用户登录界面 15
4.4购买记录界面 15
4.5发布二手闲置商品界面 16
4.6后台管理界面 16
第5章 系统测试 17
5.1测试目的 17
5.2测试环境 17
5.3性能测试 17
5.4安全性测试 17
5.5单元测试 18
5.6测试结果 19
结论 20
参考文献 21
致谢 22
前言
当今社会，在网络发展飞快进步的影响下，人们的生活水平日益提高。人们如今的生活已经离不开网络。网络给人们的生活带来了全方位的变化，原先传统的报纸、杂志，现在都可以在网络上实现参阅。生活用品、服装百货都可以在网上实现购买。网上购物已经成为人们生活的常规操作，购物网站的界面是否具有吸引力，广告是否有诱惑力，物品是否有较高的性价比，都是网络时代人么生活的必须品。除了网上的购物网站大热之外，在网络购物下又催生出了二手商品的网络交易，因为其具有超高的性价比和可操作性，现已成为当今社会的另一主流品牌。
随着社会的不断进步，人们生活水平的不断提高，闲置物品的处置成为了当今社会热门话题，当前的二手交易市场十分火爆，2018年国内的二手商品交易量就已经超过了7000亿元，到2020年该市场交易额已过万亿大关。随之闲鱼、转转等网站大热，二手交易市场已成蓝海。
此次通过nodejs+ express+MySQL设计一个大学校园二手交易网站，用于大学校园内的二手商品交易。通过此次的设计，达到检验大学所学知识的目的。

第1章 绪论
1.1开发背景
随着社会的不断进步，人们生活水平的不断提高，闲置物品的处置成为了当今社会热门话题，当前的二手交易市场十分火爆，2018年国内的二手商品交易量就已经超过了7000亿元，到2020年该市场交易额已过万亿大关。随之闲鱼、转转等网站大热，二手交易市场已成蓝海。
通过对二手市场交易物品的详细了解可以看出，目前二手产品交易主要集中在18-30周岁的中青年，交易的物品多为闲置的手机、电脑、音响或者不合身的衣装鞋帽等等。青年人的消费观念比较超前，容易冲动消费，有些购买的不合适的产品也希望寻找真正有需求的买家，通过交易回笼资金，减少支出损失，达到双赢的局面。年龄段往上提升，便会涉及到金额较大的产品二手交易，例如二手车、二手房等等。
总体来看，二手交易市场存在着较大的商机，此次选题为大学校园二手交易网站，便是从大学校园范围内入手，建立一个以学校为范围的小型二手交易网上市场，通过网站的建设实现用户二手商品交易线上化。

1.2开发意义
大学校园二手交易网站可以实现线上化交易，线上交易的好处一方面是其便捷性，买方可以快速的寻找到想要购买的产品目标，寻找到卖家，并可以24小时在线进行咨询、商讨价格。另一方面，面临当前疫情环境，线上不接触交易也可以避免疫情传播蔓延。学校的学生是市场中消费的主力军，此次希望通过大学校园二手交易网站的建立，让同学们能够在网上出售不需要的图书、手机、游戏卡带等等，以便有需求的同学能够以较高的性价比获得相应物品，使得双方均获利。本次设计理论可行，实践中需要结合nodejs语言，结合MySQL数据库进行网站系统设计，将大学所学理论知识运用到网站建设中，达到最终网站正常运行的目的，锻炼自身独立设计开发能力，对自身业务能力提升具有很重要的意义。

1.3研究内容
网站的建设可分为前台开发与后台开发，此次通过网站的搭建，加深对前后台开发的了解，熟练所学计算机语言的运用。考虑到此次建设的网站为初中物理学习网站，在使用上面对的用户比较单一，相对而言信息量不大，所以在综合考量之后再开发的语言选择上，选择了nodejs技术进行设计开发，数据库采用mysql数据库。采myMyEclipse开发工具进行开发。通过此次设计开发，最终实现的大学校园二手交易网站主要包括以下两方面：
在前端，设计此次设计的“诚交”大学生交易网站的用户界面，优化界面设计，在前端做到页面美观、响应迅速、动态页面显示正常等。可实现站内新闻阅读、用户注册、商品信息浏览等功能。其中：
用户注册即消费者在用户注册界面可完成用户注册；
商品信息浏览功能，即二手商品可在网站上进行显示，每个种类进行排列，供消费者进行选择。
后台依托express+MySQL的开发，供网站系统管理员进行后台系统操作。在后台系统操作中，实现用户管理、网站信息管理、订单管理、账务管理等。
系统用户管理，即对注册用户可进行查看、信息修改等；
商品类别管理，主要系对网站上发布的二手商品信息进行类别管理，添加大类、小类，方便前端用户进行检索。
1.4 nodejs技术
nodejs语言最早出现在1990年，该语言能够面对对象编程，数据结构高效，其设计哲学就是要保证开发的简单、高效。所以该语言大量的使用了解释型语言，易于扩展，能够很好的与C语言下的程序想结合使用。或者可以利用C语言技术进行数据结构的扩展。nodejs是近几年来逐步流行起来的“网红”编程语言，拥有超高的知名度，其使用简便，占用空间小，对于初学者一本简单的教学书籍就可以教会其简单的编程过程，只做小型程序，亲民且形式有趣，不枯燥，因其强大的功能开发，以及通俗易懂的教学过程，深受广大用户喜爱。
1.5 MySQL数据库
在各种各样的数据库中，MySQL是其中的一种，服务器可以同时访问多个用户，并处理多个线程的事，是一个功能强大安全效率高的关系型数据库系统。它有一个很方便的特点，就是免费的开源的。由于开放源代码的特性，使得全球所有的程序员都能完成第二次开发，所以MySQL数据库将更加多元化、一般化、简单化和便捷。每个数据库都有着其相应的接口，MySQL的数据界面可以与许多在市场上广泛使用的语言相吻合。实现多个用户的多个线程另外，据世界软件软件规程IIEDS的调查，MySQL数据库是目前中小程序开发中使用最多的数据库，由于开源和操作简单，是程序员最喜欢的数据库之一。
1.6 express技术
express是nodejs语言中的开发框架，也是一款完全开放源代码的框架，他的特点是能够让开发过程“提速”，提高开发效率。其遵循的也是MVC设计模式，设计模式语言友好，自带强大的数据库管理与后台管理功能，能够按照模板进行开发，让编程变得更加容易。该框架支持包括中英文在内的多国家语言，使得其在全球范围内运用广泛。另外其拥有较好的缓存功能，让网页的反应速度变得更快。但是由于其模块化的开发管理也带来一些不便，首先如果仅开发简单的程序，用该架构则显得不够轻便，另外其虽然把模板都开发好可供使用，但想要修改其模板则较为不易。相对于C++、C语言而言，在使用性能上相对偏低，但总体与nodejs的结合能够达到本次设计开发的目的。

第2章 系统分析
2.1可行性分析
设计的可行性将从以下三个方面进行逐一分析：经济的可行性，科技的可行性以及操作的可行性。
2.1.1技术可行性
此次通过nodejs技术，利用其可以结合WEB页面动态响应，加快网页响应速度，达到网页运行稳定高效的目的。再通建立MySQL数据库，该技术简洁、安全性强、响应速度快，以三项技术进行网页的设计可行性强；
2.1.2经济可行性
从经济的方向分析，该网站采用的工具程序是可以不花钱使用的，从开发的经济性来看，开发成本支出不大，经济可行性强。
2.1.3操作可行性
网站仅需要普通电脑点击浏览器，然后输入网址即可浏览，无需特殊插件。前端用户、后端用户均可以在连接互联网的电脑上进行操作。不需要专业的计算机知识，操作十分简便，上手容易。
2.1.4法律可行性
法律可行性方面，该设计完全用于毕业设计使用，所设计的网站不进行商业用途使用，故无法律风险，可行性强。
通过上述分析，可以确定该系统具有实际开发的价值和可能性。
2.2业务需求分析
大学校园二手交易网站首先是要面向广大消费者的，所以消费者需求什么，是整个网站架构的重中之重。我们首先要考虑的就是用户的使用需求，所以需要先进行需求分析，进而再分开对每个小部分进行设计。
后台，能够对商品的分类、每件商品的信息进行管理。能够对在线的注册大学生用户的信息进行管理，对于交易等内容也有一定的管理需求。
2.3 需求研究方法
1、调查法，此次利用调查法，通过参考58同城、转转、拍拍网等排名靠前的二手交易网站页面，总结发现发现，该类网站前端主要以图片占据主导地位，首页便是大面积的滚动图片、同时会有各个大类-中类-小类的产品明细划分。调查58同城的网页主页面显示如下图所示

图2.2网页案例图
由上图可以看出，网页可直观看到各种商品的分类，包括送数码家电、母婴用品、图书音像等常用的分类，首页图片大多是当前需求火热的产品图片，利润手机、家电等。非常直观且分类定位十分准确，消费者进入该页面可以很快速准确地找到相应的采购品种。
2、文献法，在调查的同时也在通过文献法，以大量调取相关技术的参考书籍进行研究，确保设计推进顺利。文献法包括查阅静态网页与和动态网页的教学网站设计，以及相关的案例，进行总结以达到设计出一个功能完善的网站的目的。

第3章 系统设计
3.1系统结构设计
此次设计的“诚交”大学生二手交易网站，主要面向前端与后端，因此二手交易网站系统设计时有前端、后端两方面。前端主要的用户群体为消费者，后端是网站管理员或者二手交易网站经营者。前后端之间实际的关联千丝万缕，缺一不可。此次搭建的网站系统的功能结构图如下图所示：
 图3.1系统功能结构图
3.2功能模块设计
该网站有前台和后台模块，前台包括用户注册、二手商品管理，其中包括发布二手商品以及对已发布的二手商品的管理、信息展示、在线购买、支付管理等。后台包括站内系统用户管理、站内新闻管理、 商品类别管理、二手商品管理、订单支付信息管理等。下面就主要板块进行分析。
（1）系统用户管理功能
系统用户管理功能主要包括用户的信息添加、删除、修改、及查询等基本功能，是网站建设的基本管理功能。
（2）商品类别管理
管理员能够对商品的大类、小类进行添加、修改等管理。
（3）二手商品管理
管理员可以在系统内对发布的二手商品进行添加、修改、删除等操作。
3.3数据库设计
3.3.1数据库设计概述
数据库是信息储存的容器，是一个系统的重要组成部分。没有数据库作为基础，系统就没有了存在的意义。根据设计理念、逻辑关系，综合开发的数据库是否具备其应有的完整功能，是数据库设计的重中之重、数据库在系统开发中有着举足轻重的地位，有数据库作为基础才能完成整个设计。库存管理系统开发和创立的核心技术是数据库，有数据库支撑才会有完善的系统开发。
3.3.2概念设计
在概念设计中，通常用四种方法：
自顶向下，是指从需求源头开始，一步一步梳理需求，比如从前端用户开始，逐步进行需求梳理；
自底向上，是指从开发后端进行梳理，比如，一个成熟的网站需要什么样的技术配置、需要什么样的开发环境等等，以及后端用户有什么样的需求；
逐步扩张，系在设计开发过程中，逐步的发挥头脑风暴，从点联想到面，尽量去扩充网站可能会遇到的问题面，然后进行分析解决；
混合策略，即将上述三个方向混合进行实施，通过多方面的需求了解，进行更为全面的设计。
3.3.3数据库逻辑分析
在数据库的建设中，首先对数据库的概念和逻辑进行分析，才能在日后的设计中，得心应手。我们知道，数据库概念模型独立于任何特定的数据库管理系统，不同的内容，设计不同，因此需要根据特定的需求进行逻辑设计或者设计更改，将设计需求再转化为计算机语言，让计算机逻辑进行相关处理。一般会采用E-R图进行演示,E-R模型向关系数据库模型转换应遵循下列原则：
*每一个实体要转换成一个关系
*所有的主键必须定义非空（NOT NULL）
*对于二元联系应按照一对多、弱对实、一对一、多对多等联系来定义外键。

3.3.4数据库表设计
E-R模型能够充分的、直观的显示出数据库的结构特征，从各模块关联之间更为简洁的展示出数据库的整体架构。
 3.2.2 数据库表设计
我在管理员功能基础上使用MySQL设计了数据库。下面是数据库各个表的信息。
表3.1 商品信息管理表
字段名称 类型 说明
Id 文本 编号
Name 文本 商品名称
Count 文本 数量
image 文本 图片
price 文本 价格
Create time 文本 创建时间
Modify time 文本 修改时间
description 文本 类型

表3.2 公告信息表
字段名称 类型 说明
Id 文本 编号
Name 文本 名称
Content 文本 内容

表3.3 用户信息表
字段名称 类型 说明
Id 文本 编号
user_id 文本 用户编号
Name 文本 姓名
password 文本 密码
email 文本 邮箱
Role 文本 角色
Creat time 文本 创建时间
Modify time 文本 修改时间
description 文本 类型

第4章 系统实现
4.1基本任务
实现网站的正常运行。网站正常运行是建立在各个单独的模块正常运行，组合成一个整体后依然运行稳定。此次设计的网站已基本实现该目标，前端后端单独模块都运行正常，整个网站也运行正常。
4.2系统主要功能展示
4.2.1首页展示
大学生二手交易网站的首页显示如下图，在首页有各类商品的分类，如书籍、数码家电、服装鞋帽等等。在页面左上角有登录以及注册，右上角能够进入个人用户要积极管理员后台管理界面。
 第5章 系统测试
5.1测试目的
此次的express“诚交”大学生二手交易平台以及开发完成，在开发完成后需要进行测试环节，测试的目的在于检验系统的运行稳定性、抗压能力等，通过测试才能够检验出系统是否真的可以投入运行，界面是否显示正常，系统运行是否会有报错出现等，测试的目的就是进行一次检测，通过检测让该系统能够在未来的运行中错误率低、稳定性强，能够达到长期使用的目的。
5.2单元测试
登录测试环节，主要围绕着登录信息进行测试，此次采用了黑盒测试方法，具体的测试如下表所示：
表5.1用户登录测验用例

5.3可用性测试
对于此次的开发还进行了其他方面的测试，一款网站系统要想让用户长期使用，页面的显示、易用性也是非常重要的一个方向，所以此次对于页面的字体大小、内容布局等也进行了深入的测试。通过对于窗口的放大、缩小、关闭、打开，来观察网页是否会因为这些操作而发生字体的变动、内容的偏移等情况。通过鼠标点击各个模块，观察各个模块是否正常的能够进行打开和关闭，点击提交是否能够正常完成提交操作。在键盘输入内容时，对应的输入栏是否能够正常显示输入的文字信息，对于输入的信息是否能够按照正常字体进行显示等等，具体的测试项如下表所示：
表5.2可用性测试表

5.4测试结果
通过此次的测试，我们可以看到，此次的系统在用例测试环节以及可用性测试环节均通过了测试。实际上，在测试环节中，也出现了一些问题，比如页面的显示、运行中会跳出乱码等情况，正是在检测环节，通过测试来解决了这些问题，通过对于代码的修改、对于页面的完善，最终该系统成功通过了测试环节，能够正常的投入日常使用之中。该系统功能完善，内容清晰，具有一定的使用价值。
软件测试是一个周期性的工作，也是一个长期的工作，在不断地使用和更新中，会出现各种各样的问题，我们要随时跟进，发现问题解决问题。
网站打开正常，信息显示正常、各模块工作正常。用户登录正常。由于该网站开发要求时间紧，在开发中还存在一些不足，各模块内的信息较为简单，且数据信息量不大，对数据库存储的检测未有更为深入的检查机会。此次测试能确定网站可正常运行，响应速度相对较快。由此可以看出网站的安全性较高，数据库对数据的存储功能、校验功能完善。
经过全面测试分析，该网站前端后端功能完善、可操作性强、体验感良好，已基本达到使用要求。 通过以上的测试之后，本系统的功能要求与计划的差不多，可以实现用户的基础操作。不过由于技术和设备等客观因素，本系统的美工设计还不算完美，与网络上比较成熟的系统相比，还相差很多。而且功能的设计上面，后台逻辑还是很复杂，但是功能却没有提升，没有专业人员设计的语句简单，功能全面。但是总体来说，本系统作为毕业设计来说已经算是相当完美了，可以达到毕业设计的要求，也达到了我本人的心里目标。

结论
整体设计我使用当今流行的nodejs技术，使用MySQL作为数据库，从硬件和软件方面，开发证实了网站的可行性。通过此次设计，本人深刻的了解到了nodejs的优势所在，了解到其使用的便捷性、语言相对简易的优点使得我在编程的过程中得心应手。
在此次的设计中也存在一定的不足之处，设计的网站与国内成熟的网站相比在页面设计、动态技术运用上还存在较大差距，网站虽然功能不缺，但实际模块的构图、页面的布局与成熟网站仍相差甚远。另外，此次的支付模块相对技术比较落后，与市场上的其他网站支付相比还处于初级阶段。后期我还将不断的进行网站优化。
与此同时，我也体会到了，面对同一个问题，每个人都有不同的理解方法，需要通过许多实践，找出最适合自己的解决问题方法。在此次毕业设计活动中，我提高了自己综合能力，在每一次失败中收获了经验，这些经验将对我以后的职业发展提供帮助。
通过本次网站的研究与实现，我感到学习没有结束的一天，它是没有终点的。不断地从失败中吸取教训，积累经验，将生活中的微小感悟转化为对设计的灵感。比如要有简洁清新的排版，更完善的功能，才能吸引更多的用户使用。通过这次摄影论坛网站的开发，我参考了许多成熟的例子，借鉴学习，逐渐改良并吸取了其他网站设计的优点，渐渐对自己的论坛项目进行了完善，目前虽仍有很多不足的地方，但基本已经能满足大学生摄影爱好者们正常交流、分享使用。
综上，本人经过实践证明，“诚交”大学生二手交易网站的开发前景非常好，测试及运行的功能完善，操作方便、技术成熟。

致谢
本次毕业设计已经顺利完成，本人大学四年的求学之路也临近尾声。即将步入社会，抵达人生的新战场。在未来的工作中，我会将大学所学的专业知识充分运用到未来的工作当中去。大学四年我要感谢我的老师、同学们，是你们教会我知识的宝贵和友谊的珍贵，让我在这个离别之际，如此的依依不舍。
此次毕业设计的完成离不开老师的倾力相助和同学们的灵感碰撞，让我能够快速的把书本上的理论知识转化为实践操作，是老师的耐心指导教会我如何快速熟练地运用nodejs语言进行网页设计。通过大量的查看资料，我也学到很多课程以外的知识，加深了我对所学专业的理解和认识。
我的大学生涯已经进入了倒计时阶段了，马上就要迎来新的环境、遇到新的朋友、同事，突然发现大学的时光真的是人生旅行中最美好的一段时光。想到昨天课上老师的严格要求，舍友们在考试周的发奋还有校园里点点滴滴的美好事务顿时有些不舍。天下没有不散的宴席，这些不舍也不会是永远的，总有一天我们会在社会才再相遇的，只不过现在的我们将青春洒在了这片热土之上。祝愿老师同学，未来的人生平安、顺心。