nodejs+vue分类信息服务平台移动端的设计与实现-安卓pythonflask-django-php

分类信息服务平台设计的目的是为用户提供活动信息、活动记录等方面的平台。

与PC端应用程序相比,分类信息服务平台的设计主要面向于移动端,旨在为管理员和用户、商铺提供一个分类信息服务平台。用户可以通过Android及时查看活动信息等。

分类信息服务平台是在Android操作系统下的应用平台。为防止出现兼容性及稳定性问题,框架选择的是 ,Android与后台服务端之间的数据存储主要通过MySQL。 。通过此方式促进分类信息服务平台信息流动和数据传输效率,提供一个内容丰富、功能多样、易于操作的分类信息服务平台。

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

一 绪论 1

1.1研究意义 1

1.2系统设计目的 2

1.3系统设计思想 2

二系统开发环境及关键技术 3

2.1nodejs编程语言 3

2.2 express框架 3

2.3 Android平台的架构 4

2.4 MySQL数据库介绍 4

三 系统的设计 5

3.1 Android性能需求 5

3.2 Android需求分析 6

3.3可行性分析 6

3.3.1经济可行性 6

3.3.2技术可行性 7

3.3.3社会可行性 7

3.4系统用例分析 7

3.5软硬件需求 8

3.6系统流程图 9

四 系统设计 11

4.1系统设计总体描述 11

4.2数据库设计 12

4.2.1 数据库系统 12

4.2.2数据库实体及属性 12

4.2.3数据库设计表 13

五 系统的实现 14

5.1 用户Android端功能的实现 14

5.1.1用户注册界面的实现 14

5.1.2用户登录界面的实现 15

5.1.3 Android首页功能的实现 15

5.1.4活动信息 16

5.1.5商铺 17

5.1.6我的功能页面 19

5.2 管理员服务端功能的实现 21

5.3 商铺服务端功能的实现 25

六 软件测试 28

6.1软件测试原则 28

6.2软件测试过程 29

6.3测试用例 30

6.4本章小结 31

结 论 32

参考文献 33

致 谢 34

一 绪论

近年来,随着网络基础设施的不断建成,互联网成为社会发展和经济增长的推动力。中国网民总体规模持续增长:一是城乡上网差距继续缩小,二是得益于互联网适应用老化改造持续推进,老年群体加速融入网络社会。上网的总时长保持增长,上网的终端设备呈现多元化,其中包括手机、笔记本电脑、电视机和平板电脑。其中,手机仍然是上网的主要设备[1]。受新冠疫情影响,不但引起"大萧条"以来最严重的经济衰退,而且为人们的出行带来了极大的不便。由此带来的是,即时通信、网络视频、短视频用户、在线办公、在线医疗等应用保持较快增长,人们有愈来愈多的线上需求。从现在来看,国内的分类信息服务管理比较缓慢,广大分类信息服务管理应该加紧脚步,积极投身入到实践任务当中,不断积极探索,从实践中出来,总结出自己的理论方法。与传统的分类信息服务相比较,分类信息服务平台具有开发成本低、方便快捷等特点,将会得到大力发展[2]。

分类信息服务平台就是针对适合移动设备方便用户访问和浏览而进行搭建的,而且还是基于PC端进行开发。分类信息服务平台主要是针对智能手机用户,智能手机尺寸小、可方便携带的优势,带来了获取信息及时、方便快捷的用户体验,也可以减少加载资源的时间,以提前进行缓存内容。在当前各行业工作都转向线上的形势之下,分类信息服务平台充分发挥了它的优势,利用互联网将用户、商铺和管理员和平台相互联系。在大数据背景下,产生的数据会非常繁多,后台会对产生的数据进行汇总和处理,确定其真实性和合法性。

1.1研究意义

常见的Android主要通过互联网上的信息和数据等,这样的传播形式极大丰富满足了人们求知的欲望[3]。不过随着近些年来互联网不断渗透到生活各个方面,这些传统的传播媒介受到了冲击,显示出它的弊端。各种电子产品的出现也是顺应时代,满足当前更加数字化、网络化的时代发展趋势。再加上近年来科技领域的不断突破,大数据和人工智能也不断进入我们的生活中,与此同时,分类信息服务平台的开发要从实践中总结研究出自己的一套理论体系,需要学者不断地进行系统性总结和反思。表现形式难免也跟随现代技术的发展而发生相应的转变,以往的纸质文档等静态表达形式正受着视频化、移动化的方式的冲击,未来的某一天也许会被取代[4]。这提醒工作者更加关注公众需求的多层次性,在条件允许的情况下,采用线上和线下相结合的方式更有利于促进分类信息服务平台整体水平的提升。在分类信息服务管理工作中,管理者都是根据用户的需求来规划和设计,用户的需求就是应该考虑的,这就是"需求导向"原则[5]。

1.2系统设计目的

为了给用户清晰直观的页面指示。用户在完成注册后,会将用户注册相关信息添加到后台数据库中;用户在登录时,会根据数据库存储信息进行身份验证。用户在Android端可以查看商铺、活动信息、地图、公告信息,后台服务端商铺发布活动信息、活动记录,管理人员对系统上的功能进行维护与管理[6]。

1.3系统设计思想

在系统开发过程中,为了提升软件质量,提升用户体验,秉持严谨的态度制定了一些应遵守的原则。这些原则可以保证完成软件开发任务,也可以为后期软件测试和维护提供便利[7]。以下是应遵守的一些原则:

(1)用户第一原则

分类信息服务平台的开发,不仅要建立用户思维,围绕用户展开工作、解决用户需求,还要把为用户创造价值放在工作的第一位,并作为产品制定项目的切入点。了解需求的构成,了解需求的背后,善于洞察用户需求。此外,还应探索新思路,做出创新并达成突破性结果。

(2)可扩展、灵活性原则

毫无疑问,一个被客户称赞的系统,在拓展性和灵活性方面都比较高。因为在当今时代,用户的需求变化比较快。为满足用户需求,开发者需要及时对系统做出调整,如果用户小小的需求会引起系统的大量改动,那么这个系统就是不成功的。应该牢牢把握"原则",让系统在设计初期就考虑到拓展性和灵活性,为后期的运维和技术支持也将带来很多的好处。例如,如何做到在降低模块间依赖性的同时,提升系统稳定性[8]。

(3)安全性和可维护性原则

在使用过程中,难免出现不可预知的安全问题,应做到及时辨识系统的隐患,应采取有效措施,让损失降到最小。维护性包括代码理解性、测试性、修改性。在设计初期,如没考虑到系统的可维护性,也会带来很多的棘手问题。当运维阶段时,系统遇到比较大的问题时,解决起来费时费力,还不一定可以解决。最好的、最简单的方法就是重写,这就造成人员、金钱和时间等资源浪费[9]。

三 系统的设计

3.1 Android性能需求

(1)用户在Android页面各种操作可及时得到反馈。

(2)该平台是提供给多个用户使用的平台,用户使用之前需要注册登录。登录验证后,用户才可进行各种操作[10]。

(3)管理员用户拥有信息新增,修改和删除等权限。

(4)数据库表设计简单,各表之间联系直观清晰明了。

(5)界面布局设计简洁合理,能够让用户具有更加流畅且愉悦的体验。

3.2 Android需求分析

作为一款分类信息服务平台,面向的是大多数学者,软件的界面设计简洁清晰,用户可轻松掌握使用技巧。在调查之后,获得用户以下需求:

(1)用户注册登录后,可进入系统解锁更多功能,用户将信息加入到后台数据库。

(2)用户不仅可以查看活动信息,而且还可以自行搜索活动信息。

(3)管理员具有权限,对活动信息、活动记录等,进行添加、修改、删除等操作[11]。

(4)用户可以点击商铺页面进行查看。

(5)商铺查询活动信息,查看活动记录进行回复。

(6)管理员在系统管理发布客服反馈、轮播图管理、公告信息、关于我们。

3.3可行性分析

3.3.1经济可行性

本项目经济可行性,主要是考虑前期所需的投入和后期项目上线后维护费用,服务器费用和后期产生的经济效益是否能保证整个项目的运行。

在前期投入方面,由于开发工具都是开源免费的,所以开发工具花费比较小,主要是开发人力资源的投入[12]。在保证项目的质量下,这方面的支出还是比较少的。

另外项目完成交付之后,项目的推广也需要一部分支出,这部分也是非常重要的环节,用户使用数目的多少将直接决定后期的盈利。在上线时还要考虑后期管理和维护的费用。

从以上分析来看,前期的投入和后期收益,可以保证整个项目运转前提下,获得的额外盈利还是可观的。

3.3.2技术可行性

本次开发主要是为了打造区别于传统的管理形式的Android。在网络允许条件下,用户可在任何地方任何场所进入Android浏览相关内容。软件的主要逻辑是:用户进入Android页面然后进行各种点击操作,处理用户各种点击操作请求,业务逻辑处理以及访问数据库几个过程;如果把这三个功能放在一块,代码会显得很复杂,对后期的维护很不方便。于是,笔者经过查询相关资料最终决定采用B/C设计模式,B/C模式将代码按照功能分为三层,提高扩展性和维护性[13]。

软件把用户提交的数据经过后端系统的处理后,供以用户查看和操作。

在确定好开发环境的整个项目大致方向之后,笔者循序渐进地学习相关技术,早日完成开发。由此看来,技术可行性也是没有问题的。

3.3.3社会可行性

在这个交通便捷、信息通畅的时代,人们可以选择的管理方式渐渐多了起来,对于网络、Android的依赖也越来越大。电子信息、教学界都需要快速的发展和进步。这些行业的发展对人们有着很大的影响。对我们的祖国才能更迅速的发展起来,以完成党和国家的百年奋斗目标。而把科技发展和工业发展连接起来,二者相互推动进在目前看来是一个大的趋势。现在正是各个国家比拼各自科技的时代,这样一来,分类信息服务管理就变得十分重要。同时,分类信息服务平台大大提升了使用者的使用体验,符合当今社会的发展背景和发展方向[14]。

六 软件测试

软件测试指的就是通过自动或是人工的手段来运行某个软件系统,并对其运行过程进行综合测定,其目的在于对所开发软件系统质量进行合理评判。软件测试的最后的目的是验证软件的正确性,即是否满足既定的需求分析,是否满足用户的特定功能。将未满足的需求得以实现或错误改正[15]。根据测试目的的不同,所选取的测试方法也存在差异。而软件质量保证是为保证软件质量而建立的一套标准,目的是给予管理者一套管理标准,使软件测试环节系统、有计划的进行,能够及时找到错误。由于软件本身是无形态的逻辑产品,因此不存在错误是不可能的。工厂的产品在生产出厂前需要经过严格的测试检测,同样地软件也需要严格的软件测试。它可及时告知开发人员并修改问题,代表了对需求分析、设计、编码的最终审查。按测试技术不同可划分为:白盒测试、黑盒测试、灰盒测试[16]。

6.1软件测试原则

软件测试是为了发现错误而执行的程序的过程,它的最终目标是提升软件质量,提高用户体验。软件测试可能会带来经济效益,因为软件测试可能会发现其中隐含的错误,若一个小小的错误未及时被发现,那么将来也许会引起更严重错误或者损失。那么这个损失或者错误将会用更大金钱或者人力来弥补,也可能会引起不可挽回的损失。俗话说"不以规矩,不能成方圆",一个好的指导原则能指引测试员尽早地发现软件错误。经过前辈们的不断摸索和实践,总结出以下指导原则供参考:

(1)应制定测试计划并严格执行,排除任意性。

软件测试覆盖整个软件开发过程,它在软件测试中花费的时间比较多,地位也是比较重要的。软件测试应该制定严格的测试计划,在测试过程中,应严格按照计划进行,保证测试稳定进行,不影响最终项目的上线。制定计划时,应考虑到各个影响测试方面的各个因素,保证其合理性,以及如何针对不同类型的测试团队人员,将测试执行进度计划做出相应的调整。

(2)测试用例应由测试数据和预期输出组成。

要测试用例应该包含模拟用户正常输入时的数据,用户理应得到的数据,还有在测试时用户真实得到的数据。

(3)程序员应避免检查自己的程序。

软件测试其实是一种找出错误的过程,每个人在自测时,有可能会因为个人对需求文档描述内容理解不当而引入错误更加难发现。避免此行为,有利于保证测试工作客观性、有效性。

(4)测试用例应当包括合理的和不合理的输入条件。

为了使得避免局限性,软件测试应涵盖到各方面,其中条件就需要包含到合理的和不合理的。

(5)充分注意测试中的群集现象。

根据数据统计,软件测试出出现的错误有可能中发生群集现象。因为一个模块的错误越多,其发生错误的可能性越大。因为在改错的过程中,有可能会引入更多的错误。因此对错误较多的片段要进行下一步更详细的测试。

(6)既要检查是否做了该做的事,还要检查是否做了不该做的事。

进行功能测试时,要注意软件是否准确完成了某个模块。例如,需要打印输出用户个人信息,而打印出的是排课信息,这显然是不合理的。

(7)妥善保存测试用例。

测试用例的设计耗费了很大时间,必须将其制成文档保存,还应进行出错统计和最终分析报告。因为经修改后的程序可能还会有新的错误,需要进行不断的回归测试,测试用例的保存有利于节约时间成本,也为后期的维护提供了便利。

6.2软件测试过程

软件测试这个任务是非常巨大的,有很多的代码需要测试人员完成测试,为了保证软件测试任务高效、有效率,可以考虑把软件测试过程划分为几个阶段,保证每个阶段有条不续的进行。主要可以分为以下阶段:

(1)单元测试

单元测试是对软件的某个模块或者代码中的一个函数进行的测试,是软件测试过程最先要考虑的测试,即验证某个模块的独立性,看与其他模块想分离出来情况下,看它是否可以独立地完成它的任务。这个测试过程长期看的话,可以提高开发人员对代码的重视程度,减少低级错误,而且可以减少以后维护的话费。短时间来看的话,测试人员的工作量变得很大,对于项目比较紧张或人数较少的公司来说,带来了很大的负担。

(2)集成测试

集成测试是对各模块间耦合性的测试。因为在完成模块测试后需要对软件进行组装起来,然后进行基础测试,难免在组装过程中发生代码的丢失会重复定义等错误,或模块测试的错误可以被忽略,而集成后,错误变大导致出现很大的错误,所以集成测试是必须的一个环节。有按照检测顺序将测试分类,例如:自顶向下的集成策略、回归测试、核心系统先行集成测试;有按照具体特性将测试分类,例如:基于功能、分险的集成测试等。

(3)系统测试

系统测试是指将已经集成的软件系统作为整个计算机系统的一个元素,与其他系统元素结合在一起,在实际运行(使用)环境下,对计算机系统进行一系列的组装测试和确认测试。这个阶段的目的是与软件需求说明书作比较,检查软件的功能和模块是否符合说明书的要求。因为在有些时候虽然软件的某个模块的功能虽然满足用户的需求,也能满足用户的交于的任务,但是组装起来的话,会遇到预料不到的错误。次外,软件是装在系统上与其他软件一起使用的,在与其他软件使用时是否会发生错误也是未知的,可见系统测试也是非常有必要的。

(4)确认测试

任务是检查软件各个模块或者功能是否满足说明书的描述,如果功能和最终的测试满足用户需求,则说明这个软件还是比较成功的,可以完成交付。相反,则需要用户和经理进行协商,制定计划如何进行修改的计划。

(1)验收测试

软件在进行上线或产品发布之前的测试,需要用户和开发人员一起共同合作,来参与到测试当中。目的是测试软件是否准备就绪,是否可以完成开始某个小功能和最终的客户需求。

6.3测试用例

部分系统测试用例如表6-1所示。

表6-1 测试用例表

测试功能、流程 预期结果 实际结果 结论

测试注册。用户在登陆页面输入对应信息可以进入主页面 注册成功,

之后跳转登录页面 注册成功,

成功跳转登录页面 测试成功

测试登录。用户在登陆页面输入正确用户名和密码可以进入主页面 登录成功,之后跳转主页面 登录成功,之后跳转主页面 测试成功

搜索测试。用户输入查找内容,得到相关信息 搜索成功,显示搜索信息内容 搜索成功,显示搜索信息内容 测试成功

分类。用户点击后可看到信息分类 成功显示信息分类页面 成功显示信息分类页面 测试成功

6.4本章小结

软件测试是保证软件质量的最后一个阶段,在项目组花费的精力较多,因为当完成测试后,项目就要正式进入到维护运行阶段。经过测试的软件,发现软件隐含错误时,就需要查找错误原因和位置,即软件调试。软件调试是一次非常困难的获得,目前还为发现十分有效高速的调试方法,因为错误的原因和种类很多。因此,我们应严格遵守测试原则,积极开展测试工作。

结 论

分类信息服务管理以Eclipse为开发环境进行开发和最终的调试,后端采用nodejs语言进行开发,前端页面展示主要采用的是前端三剑客。用户主要是面向普通用户,旨在为用户提供一个涵盖各方面的分类信息服务平台。项目目前完成了用户基本需求,兼容性良好,未发生错误。但与真正投入使用的平台相比,功能和实用性明显不足,后期还有很多改进和完善的地方。此平台的功能丰富和对数据库的设计以及数据的处理的更加合理高效。各种界面和人性化的设计也值得去认真学习和探索。由于自己知识储备量的不足,这个项目仅仅完成了一些最基本的功能。与实际生活的运用还存在着一定的差距,没有考虑到更多的应用场景。在今后的学习中,需要不断加强学习基础知识并且更加注重实践,做到从时间来到实践中去,达到融会贯通。但随着互联网基础设施的不断完善,此项目还是有很大的前景的。

相关推荐
PandaCave几秒前
vue工程运行、构建、引用环境参数学习记录
javascript·vue.js·学习
软件小伟3 分钟前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
LZXCyrus20 分钟前
【杂记】vLLM如何指定GPU单卡/多卡离线推理
人工智能·经验分享·python·深度学习·语言模型·llm·vllm
Enougme23 分钟前
Appium常用的使用方法(一)
python·appium
醉の虾24 分钟前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
懷淰メ28 分钟前
PyQt飞机大战游戏(附下载地址)
开发语言·python·qt·游戏·pyqt·游戏开发·pyqt5
hummhumm42 分钟前
第 22 章 - Go语言 测试与基准测试
java·大数据·开发语言·前端·python·golang·log4j
天空中的野鸟42 分钟前
Android音频采集
android·音视频
chusheng18401 小时前
Java项目-基于SpringBoot+vue的租房网站设计与实现
java·vue.js·spring boot·租房·租房网站
hummhumm1 小时前
第 28 章 - Go语言 Web 开发入门
java·开发语言·前端·python·sql·golang·前端框架