基于微信小程序的资讯评论系统.doc

《基于微信小程序的资讯评论系统.doc》由会员分享，可在线阅读，更多相关《基于微信小程序的资讯评论系统.doc（38页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、摘要微信不仅仅是聊天工具其丰富的功能被广泛用户所使用，至今用户可以体验到各种各样小程序提供的服务。然而随着电影音乐图书等娱乐信息量的急剧增长，信息量不断增加，用户对娱乐休闲信息的优劣区分的认识被关注。对人们生活的娱乐休闲信息质量的提高具有重要意义。在传统的获取娱乐资源的评分信息只能在pc网页端中获取，在获取方式极其困难，在用户使用便利性上是无法与移动端智能设备相比的，用户在获取这些信息的便利性、实用性方面的需求需要一个简洁快速的环境支持。云开发的团队属于腾讯云和微信团队，在小程序开发应用中的开发平台中新增serverless 云服务。主要包括有：云存储、云数据库和云函数，为开发者提供一套功能完

2、善的云服务技术从而弱化了后端，不用开发者手动搭建服务器，使用小程序开发平台提供的链接进行开发，就可以实现快速开发和实现。而本文就是通过微信小程序云开发技术，开发一款简洁方便，快速实用的网评平台小程序。本文的主要开发内容和工作包括：（1）对基于微信小程序云开发的网评平台研究其内容以及意义、国内网评小程序的现有的开发技术等进行了分析。（2）首先对基于微信小程序的网评平台的社会需求、功能界面两大方向对基于微信小程序的网评平台进行了功能的需求分析。关键词：微信小程序 云开发 书评 影评 乐评AbstractWeChat is not just a chat tool. Its rich functio

3、ns are used by a wide range of users. So far, users can experience the services provided by various small programs. However, with the rapid increase in the amount of entertainment information such as movies, music books, etc., the amount of information continues to increase, and users awareness of t

4、he distinction between the advantages and disadvantages of entertainment information is concerned. It is of great significance to improve the quality of peoples entertainment and leisure information. In the traditional way of obtaining entertainment resources, the score information can only be obtai

5、ned on the PC web page. The acquisition method is extremely difficult. The users convenience is not comparable to the mobile terminals smart device. The users convenience in obtaining this information, Practicality needs a simple and fast environment support. The cloud development team belongs to th

6、e Tencent Cloud and WeChat teams, adding serverless cloud services to the development platform in the small program development application. Mainly include: cloud storage, cloud database and cloud function, providing developers with a set of fully-featured cloud service technology to weaken the back

7、 end, without the need for developers to manually build a server, use the link provided by the small program development platform for development. Can achieve rapid development and implementation. This article is to develop a simple, convenient, fast and practical online assessment platform applet t

8、hrough WeChat applet cloud development technology.The main development content and work of this article include: (1) Analyze the content and significance of the online assessment platform based on WeChat applet cloud development, and the existing development technology of domestic internet assessmen

9、t applets. (2) First, we conducted a functional demand analysis of the WeChat applet-based online evaluation platform based on the social needs and functional interfaces of the WeChat applet-based online evaluation platform.Keywords: WeChat applet cloud development book film music review目录第一章绪论11.1本

10、课题的研究背景和意义11.2国内研究现状21.2.1小程序的研究现状21.2.2国内资讯评论系统的功能现状21.3本文的主要研究内容3第二章系统需求分析及总体方案设计42.1资讯评论系统的需求分析42.1.1 用户需求分析42.1.2 功能需求分析42.2系统的总体方案设计52.2.1系统结构方案设计52.2.2总体结构方案设计52.3本章小结7第三章系统详细设计及实现83.1前端UI设计83.1.1界面设计理念83.1.2自定义组件93.1.3Flex布局103.2系统界面与功能实现113.2.1首页界面实现113.2.2喜欢收藏模块113.2.3发现界面实现113.2.4资讯内容详情界面1

11、23.2.5喜欢界面133.3系统数据库与后台管理搭建143.3.1数据库设计143.3.2数据库概念模型143.3.3数据库表设计173.3.4后台管理系统与前后端分离架构203.3.5Vue-admin-template构建后台管理系统前端203.3.6Koa2构建后台管理系统后端213.3.7后台管理系统的实现223.4本章小结25第四章系统测试264.1真机调试264.2兼容性测试284.3本章小结30第五章总结31参考文献32致谢33广东东软学院本科生毕业设计（论文）第一章 绪论1.1 本课题的研究背景和意义本次课题主要运用了前端编程、微信小程序云开发、Element UI搭建后台管

12、理系统以及项目的框架使用Koa2框架对所有数据进行业务处理等相关技术实现的一个快速获取信息的网评小程序项目。其特点十足，大体归纳有如下几个方面：首先，在微信小程序云开发领域中，书评、乐评、影评三种特殊主题相结合是独具匠心的，这莫大地提高了其小程序在生活中的实用性以及适用性；其次，在信息海洋时代领域中，如此快速获取准确信息的小程序与人们需求高度结合的模式，能让更多的人得以接受；再者，在微信领域中，绝大多数使用者都会选择使用简单快捷的小程序，因此在小程序的创作思维及跃度在该领域中高度开发，从而这次研究微信小程序的功能性，对社会生活娱乐消费有一定的参考维度。因此，本次研究的微信小程序相关技术，具有一

13、定的参考价值及研究价值。随着信息海洋时代的到来，人们对需求有用信息的方式，迅速提升，现有不胜枚举的微信小程序腾空出世，由旧时年代的 网页端、移动app端 到现时的微信小程序 因此，全栈开发者对工具的选用也是日月交替，从而让全栈开发者的开发编程的快速性以及专业性也在同步提升。相较于过去还需 Nodepad+、SQL开发工具等开发软件相结合的复杂开发方式来说，如今的开源独特开发工具 微信小程序开发工具 将原本多方位的组件制修功能相结合，让微信小程序开发者得以专注于所开发的小程序自身。并且在 微信小程序开发中独有的云开发开发者可以不需要再另外创建连接一个数据库使得大量的小程序开发过程的数据、存储、云

14、函数得以简单快速的方式被开发者所调用，这让原本复杂繁琐的小程序后端开发方式转变为更简单高效且专业程度大大提高。就用本次研究的课题参考在开发中使用到的微信小程序云开发技术为例，其内部可以自行封装上传数据以外，其云函数对开发者使用，让原本实现复杂运算逻辑功能变得简单化，为当今的许多微信小程序后端提供了开发过程中所运营的技术，同时，也为本次课题研究提供了可实现性及便利高效性。如今，微信小程序开发领域对网评类小程序相关的研究基本可分为如下三个大方向：简洁方便的用户体验性、及时更新最新信息以及快速获取评价信息。用户体验简而言之就是用户在使用所开发出来的产品的过程中的感受与体验。同时假如脱离了用户，是无法

15、评价一个产品的用户体验是好还是坏。及时更新最新信息不断吸引游客再来，使潜在的消费者变成客户是基本的维护，因此只有保证信息的新鲜度，才能吸引更多的新访客，也能留住很多老访客。网评是现代对娱乐信息庞大而快速获取所需信息的主流形式，以简单快速、自由评价而吸引用户。因此，本课题旨于结合当今所有大方向趋势，取其精华去其糟粕，建立一个新型的小程序加网评模式。1.2 国内研究现状从大量数据中显示，自2017年1月开始微信小程序正式上线后，平台内的小程序个数就轻松突破一百万个。仅仅不到一年的时间，在小程序开发者的快速发展之后，其数量是当年的1.8倍。到2018年仍然快速增长，直至2018年年初，微信平台上就已

16、经上线约五十八万个小程序，不仅仅数量是惊为天人而小程序的日活量也达到了1.7亿，这些数据充分反映了微信小程序进入日夜迭代蓬勃发展的时期！截至2019年年底腾讯云联手微信小程序开发团队再次对小程序开发工具-云开发功能进行了升级。如今的小程序云开发，不仅仅只是向小程序开发者提供后端服务支持，更构建了包括前端界面、后端服务器、云数据库在内的微信小程序开发工具的全套解决。灵活性更强，已成为开发者不可或缺的工具。然而如何运用小程序云开发技术做出一款优质的小程序，任然是开发者的难题与考验，下面我将对国内对其及主要技术能力的研究现状作出阐述。1.2.1 小程序的研究现状在我国，由于长尾app难吸引流量，在用

17、户移动端设备中虽然安装有大量的app,但是用户日常使用的app数量却非常有限，安装在移动端的app在使用时有“使用路径长导致app社交分享不便”的问题出现。而微信小程序有无需下载安装就可以使用的优势，以及在使用微信小程序过程中对手机的内存和流量消耗也比常规app使用时小很多。所以微信小程序是一种优质的可行方案。如何开发更好更快的方式开发出一款优质小程序的相关问题与技术在国内不断得到解决与升级，在开发过程中从传统的小程序开发复杂的后端处理和搭建后台数据库，到现在的即使开发者对后端开发知识薄弱，也能高效开发出优质的微信小程序。并且伴随着“微信小程序云开发”的推出，从而很大程度上的降低了小程序开发门

18、槛以及改变了开发者对微信小程序开发后端繁琐的代码转向到微信小程序功能本身，从而更丰富了微信小程序的功能。1.2.2 国内资讯评论系统的功能现状在我国内，大型的网络资讯评论平台在2012年8月17日，用户量已超过1亿，较往年同期增长了近一倍。预估资讯评论平台公司年平均收益为五千万人民币，已接近盈利状态。截至2019年，经过调查发现网络资讯评论平台的注册用户超过了六千万余人，其中每天平均访问量达五十万。据国内统计数据显示，生活内容类标签与文化内容类标签占比几乎一样，还有近二十万来自不同用户的不同标签，从而可以反映出网络资讯内容的多样化以及去中心化的特征。很多大型的网络资讯评论平台在拥有大量的用户基

19、础上，“平台逐渐转向了以电商品牌广告、内容营销渠道的收入”为主要的资讯评论平台商业模式。在这种商业模式下，大型网络资讯评论平台每月为社会贡献值的收入达到一千多万，截至2019年5月，全国的网络资讯评论平台的电影模块推出了全新的商业营业模式，即用户可以在高评分电影下平台在线选座购票，功能刚上线两个月左右就已覆盖了国内多个城市，近一千多家影院。然而，国内现有的80%网评平台也基于web网站上发展，在信息时代便捷化的今天，需要跨邻域的转移用户是非常困难的。所以，在人们日常使用的工具微信小程序给人们极大的便利。1.3 本文的主要研究内容 结合前文探讨，本文主要是以微信小程序工具为研发平台，并且以其内部

20、云开发平台为主要技术支持，探索与研发一款以影评、乐评、书评为一体的资讯评论系统。其主要研讨内容有一下几方面：（1）小程序组件化开发模式。组件化开发就是将页面内复杂的使用次数频繁功能模块分成若干个自定义组件，从而在不同的页面中重复反复的使用改组件，组件化开发不仅有助于代码维护还能高效便利的开发微信小程序。（2）小程序开发结构化。在开发过程中一套理想化的开发结构，不仅可以让开发过程中效率的提升，还能让项目代码更具有维护性。在本次课程中的资讯评论系统中，将对项目代码进行合理的结构化，将业务逻辑与page数据绑定分离。（3）小程序云开发打造小程序后端部分。使用微信云开发技术开发微信小程序将无需搭建服务

21、器，即可使用云函数、云数据库等多个服务支持，微信云开发技术为开发者提供完整的原生微信服务支持，极大程度的弱化后端部分其中包括：数据库搭建、搭建服务器等逻辑运营，而微信小程序云开发使用平台提供的 API 进行开发，即可实现快速高效的开发一款优质的小程序。（4）开发web端的后台管理系统。将实现管理小程序云数据库，实现数据库内容的增删改查等操作。第二章 系统需求分析及总体方案设计2.1 资讯评论系统的需求分析2.1.1 用户需求分析影音书籍不仅仅是提升生活的重要佐料，但是现今网络时代，众多的影音书籍让人们应接不暇，种类繁多，每一部影音书籍都有自己的独特的风格与个性，如何在琳琅满目的信息海洋中得到适

22、合自己的影音书籍，成为当今网民关注的重点。用户想找一款适合自己的影音书籍，但不知道哪一影音书籍是适合自己的。从资讯评论小程序的期刊推荐中、评价信息以及评分中得到用户自身想要看的影音书籍。此外小程序的实用性以及内容丰富性也需要得到一定的保障，这样才能够缩短用户寻找资源中的时间和获取最新的影音书籍。2.1.2 功能需求分析本小程序结合影评、乐评、书评三个主要核心元素，打造的一款资讯评论平台。该资讯评论小程序的操作简单，内容丰富极大的提高了该小程序的实用性，提供关于书籍、电影、音乐信息，用户可以自由地在该小程序中发表自己对作品的观点，也可以对作品进行打分。综上所述，本文探讨开发的小程序功能分为如下几

23、个模块：（1） 评论评分功能：用户可以在自己看过或者了解的作品中发表自己的看法和见解或者给作品打分，其中评论分为短评或是长评两项，打分是所有用户打分的平均分作为该作品的分数，使许多冷僻的书、电影、音乐 通过用户群体理性的评分机制回到大众的视野被大众给接受。（2） 收藏与分享功能：用户可以对自己喜欢的内容点击收藏或是分享给自己的微信好友，在个人中心中可以找到自己喜欢的内容。（3） 首页推送与音乐播放功能：首页推送主要以期刊方式推送，期刊内容分为电影、书籍、音乐截取作品内容中的精彩部分作为期刊主题，其中音乐推送可以播放音乐的功能。（4） 搜索作品功能：搜索功能以关键词搜索，历史搜索记录可以以标签形

24、式留在搜索框下面，可以让用户重复搜索同样关键词时点击即可搜索，搜索结果以电影、书籍、音乐三个分区显示出来。（5） 后台管理系统：管理员可以在后台管理系统界面中简单方便的维护小程序的日常运营，其中包含了期刊管理，电影、书籍、音乐作品管理，评论管理。资讯评论小程序基本功能划分如下图2-1所示。图2-1 小程序基本功能图2.2 系统的总体方案设计2.2.1 系统结构方案设计资讯评论小程序主要是以快速获取相关资讯的评论为主题，所以本小程序为了能让用户快速上手了解并操作故在功能和UI设计中不能太复杂，因此在设计中结合简洁、精致、功能点突出的结合设计。结构详情如下图2-2小程序大体结构图 所示。图2-2

25、小程序大体结构图2.2.2 总体结构方案设计结合前文的大体结构设计的研究，可以得出本微信小程序资讯评论系统总体模块设计的构架图如下图2-3总体方案设计图 所示图2-3 总体方案设计图结合微信小程序云开发技术，研讨各个模块的实现方法，所得具体分析如下：（1）前端UI设计模块：首页界面，发现界面，个人收藏界面这三个主要界面将使用HTML和CSS以及JavaScript用模块化开发实现。使用模块化开发，将界面分为若干个模块，再创建相对于的模块进行封装代码，保证代码的可复用性，避免重复的代码。在界面的pages页面中用引入组件的方式引入所需要用到的组件模块，再用flex布局完成页面的UI设计。（2）用

26、户功能模块：在实现搜索功能中主要是在搜索组件模块建立的js文件中用request方法调用云函数，在云函数中把数据用正则表达式的方法进行与数据库的数据内容进行检索返回数据从而实现搜索功能。而在收藏功能以及评论评分功能也是类似在相对应的组件模块的js文件中用request方式调用相对应的云函数把相对数据进行封装在数据库。最后期刊推送的音乐播放功能则是从数据库调用音乐路径的数据赋值到音乐播放标签中进行播放。（3）后台管理模块：后台管理模块是在pc端的web上实现的，用element UI建立网页，再用微信小程序云开发的服务端中的接口调用的方式调用数据，再对数据进行封装到页面从而实现管理数据。2.3

27、本章小结在从资讯评论系统的用户以及功能点的需求上进行了研究分析，决定了资讯评论系统的三大模块。从用户使用需求研讨中，决定了前端UI界面模块的简洁、便利以及使用体验感强的重要性。同时也保证了本小程序的功能点的实用性，在功能模块中做到突出小程序主题的功能为主的方式进行研究总结；最后在后台管理模块中添加小小程序内容的管理，从而更合理运营好小程序。将三点相互总结融合，得到了本文所研讨的小程序的总体设计方案。第三章 系统详细设计及实现3.1 前端UI设计3.1.1 界面设计理念小程序主要包括界面有首页、发现、个人，三种界面。首页界面主要是以内容推送为主，推送的方式为期刊推送。也就是说在通过每次的期刊内容

28、进行推送比较热门的影音书籍。发现界面主要是以内容展示为主，先通过三个按钮对资讯进行分类，再通过排列的方式展示资讯内容。个人界面主要是显示自己的收藏的内容以及头像。其中为了让期刊推送更具有可浏览性，在进行音乐推送中可以进行试听的模式。由本文2.1.1节及2.1.2节的需求分析的研讨，决定本小程序的首页开发将有一些特征集成：（1） 简约性：为了提高用户体验，减少不必要的繁杂功能，让每一位用户都更直接可观的获取到有关书籍影音资讯的内容，首页的界面必须简洁明了，排版整洁；（2） 美观性：美观是微信小程序开发过程中最重要的组成部分，因为“用户体验感”的好与坏直接决定了小程序的优劣，一款能够带来最舒适的体

29、验的小程序，所以小程序是否美观，会直接影响到小程序的使用量；（3） 功能实用性：功能设计是对用户进行交互的重要内容，繁杂的功能往往使对小程序的了解更加困难，减去繁杂的功能设计，把实用的功能化繁为简突出电影、音乐、书籍三大主要元素，可以使用户更快的了解小程序的使用提高用户体验。结合以上所有对首页的研讨观点，可以得出三种界面具体如图3-1小程序设计图 所示。图3-1 小程序设计图3.1.2 自定义组件小程序界面的实现方式是以组件拼凑的方式来实现的，把繁杂页面分成若干个自定义组件，再以嵌套的思路把自定义组件嵌套到不同的页面中，进行flex布局的方式调整各组件在页面的位置以及排列方式。从而实现整个界面

30、。在首页界面中的自定义组件有：期刊日期、喜欢收藏按钮、分享按钮、图片与简述主体、切换按钮。发现界面中自定义组件有：搜索按钮、分类按钮、资讯内容。收藏界面中自定义组件有获取用户头像显示按钮、收藏数、资讯内容。自定义组件的详细实现方式都大同小异具体如以下三个重要的步骤。（1） 创建组件：创建自定义组件除了上文说到的自定义组件声明如下代码所示：“componet”:ture,“usingComponets”:（2） 组件的引入：引入的方式为打开json配置文件，在页面中新添配置项usingComponents，其中usingComponents中使用哪个组件是经过键值对key与value的方式，其中

31、key为要使用的组件名字，value为组件的路径如代码所示:“usingComponents”:“key”: “/././.value”（3） 组件的使用：使用方式为在所需要使用组件的页面的wxml文件中写入标签，标签为组件名3.1.3 Flex布局了解什么是布局，布局可以简单的认为如何用代码来控制页面上每一个元素按照设计图的样式，正确的排布出来。Flex布局在微信小程序开发中用到极其广泛，flex布局也可以称之为容器布局，在容器中又分以对称原则细分为主轴（main axis）和侧轴(cross axis)两种。然而主轴（main axis）也是细分有起点和终点，然而其开始位置称为主轴起点(m

32、ain start)，结束位置为主轴终点(main end),在主轴的开始位置到结束位置的长度就称之为主轴长度(main size)。同理侧轴亦然。详情如图3-2主侧轴示例图 所示：图3-2 主侧轴示例图由上图研究不难发现，主侧轴的起点和终点位置并不是固定的，控制其起点到终点方向就使用到flex-direction属性，然而侧轴跟随主轴的变化而变化。其中，假如水平方向为主轴，那个垂直方向就是侧轴，反之亦然。其具体如图3-3 排布示例图 所示：图3-3 排布示例图3.2 系统界面与功能实现3.2.1 首页界面实现首页界面设计结合上文3.1前端UI设计所述，首页界面以及具体功能如下：图3-4 首页

33、界面图所示为“期刊”模块，每一期的推送内容都以期刊的形式展现出来，内容有电影，句子，音乐三个内容，用户可以点击下方的左右切换按钮即可自由的切换各期的期刊内容。图3-4 首页界面图3.2.2 喜欢收藏模块小程序的喜欢收藏模块就是用户对自己喜欢的资讯点击喜欢按钮进行收藏的功能，当用户点击喜欢心形按钮时候收藏资讯，同时资讯收藏个数加一，当用户再次点击同一资讯的喜欢心形按钮时候取消收藏资讯，同时资讯收藏个数减一。同时当用户点击喜欢界面时会展示自己所点击喜欢的所有资讯内容。3.2.3 发现界面实现结合上文3.1前端UI设计所述，发现界面如图3-5 发现界面图与图3-6 搜索界面图以及具体功能如下：图3-

34、5 发现界面图 图3-6 搜索界面图发现界面最上方有切换栏，主要是把资讯内容分为图书、电影、音乐三个类别，可以有效节省用户的浏览时间，用户可以通过分类快速寻找自己所要浏览的资讯，其中，搜索界面也包括有历史搜索的功能，用户可以点击标签可以快速的进行搜索标签关键词相符的资讯内容。3.2.4 资讯内容详情界面结合上文3.1前端UI设计所述，图3-7 资讯详情界面图以及具体功能如下：图3-7 资讯详情界面图（1） 评分功能：评分功能是各用户在点击评论框，在评论上方进行评分，然后评分是多个用户取平均值进行资讯的总评分，星级评论占比也通过在该星级的人数与总评论人数的百分比，其评分功能实现的主要代码为：al

35、lIndexStr = (star1 + star2 * 2 + star3 * 3 + star4 * 4 + star5 * 5) / (allIndex * 5)其中allIndexStr有可能为无限小数，所以使用toFixed()函数进行四舍五入对allIndexStr结果集进行处理，最后得出百分比结果。（2） 短评：短评功能是通过标签展示的形式，并且用户点击标签时有点赞功能，短评标签按点赞数量排行。其中短评排行的主要实现代码为：const comment = await db.collection(comment).where( class_id:event.bid ).orderB

36、y(nums, desc).skip(0).limit(10).get().then(res = return res.data )从云数据库中获取点评，用orderBy(nums, desc)约束规则点赞数按倒序取出。（3） 评论：评论是用户对资讯内容的评价，当评论内容超过12字时会转变为评论内容，而不是以短评的形式出现在短评区域中，评论会展示用户头像、昵称、评论的时间，用户评论则需要获取用户信息才能评论。3.2.5 喜欢界面结合上文3.1前端UI设计所述，喜欢界面如图3-8 喜欢界面图所示：图3-8 喜欢界面图当点击头像区域时会获取用户标识，获取到用户标识会显示用户的收藏喜欢的资讯内容，收

37、藏的资讯会在下方一一的展示出来。其中获取用户的标识wx.getUserInfo(Object object)来实现的。具体的实现代码如下： userAuthorzed() wx.getSetting( success: data = if (data.authSettingscope.userInfo) wx.getUserInfo( success: data = this.setData( authorized: true, userInfo: data.userInfo )3.3 系统数据库与后台管理搭建3.3.1 数据库设计进行数据库设计首先必须准确了解与分析用户需求(包括数据与处理)

38、，需求分析是整个设计过程的基础，是最困难、最耗费时间的一步。作为地基的需求分析是否做得充分与准确，决定了在其上构建数据库大厦的速度与质量。1 张露, 马丽. 数据库设计J. 安阳工学院学报, 2007, 4: 76-79.3.3.2 数据库概念模型通过分析数据库的需求，在分析中找到实体，确认实体的属性和关系，我们可以绘制基于微信小程序的资讯评论系统E-R 图：期刊E-R图详细参考图3-9：图3-9 期刊信息E-R图图书信息E-R图详细参考图3-10：图3-10 图书信息E-R图电影信息E-R图详细参考图3-11：图3-11 电影信息E-R图音乐信息E-R图详细参考图3-12：图3-12 音乐信

39、息E-R图短评E-R图详细参考图3-13：图3-13 短评信息E-R图长评E-R图详细参考图3-14：图3-14 长评信息E-R图评价E-R图详细参考图3-15：图3-15 资讯评分信息E-R图收藏喜欢E-R图详细参考图3-16：图3-16 喜欢收藏信息E-R图3.3.3 数据库表设计在本系统数据库中各个表的详细信息可参考以下表格：表3-1 homeJournal 期刊信息表列名数据类型长度主键允许为空说明_idString255是否编号class_typeNumber50否否资讯类型contentString255否是简介fav_numsNumber50否是收藏数imagesString25

40、5否是封面indexNumber50否是期数like_statusNumber50否是用户收藏状态titleString255否是标题typeNumber50否是期刊类型表3-2 book 图书信息表列名数据类型长度主键允许为空说明_idString255是否编号class_typeNumber50否否资讯类型contentString255否是图书简介fav_numsNumber50否是收藏数imageString255否是封面like_statusNumber50否是用户收藏状态titleString255否是标题authorString50否是作者表3-3 move电影信息表列名数据类型

41、长度主键允许为空说明_idString255是否编号class_typeNumber50否否资讯类型contentString255否是电影简介fav_numsNumber50否是收藏数imageString255否是封面like_statusNumber50否是用户收藏状态titleString255否是标题hubdateString50否是上映时间表3-4 music音乐信息表列名数据类型长度主键允许为空说明_idString255是否编号class_typeNumber50否否资讯类型contentString255否是音乐简介fav_numsNumber50否是收藏数imageStri

42、ng255否是封面like_statusNumber50否是用户收藏状态titleString255否是标题authorString50否是歌手表3-5 comment 短评表列名数据类型长度主键允许为空说明_idString255是否编号class_idNumber50否否资讯类型contentString255否是短评内容numsNumber50否是点赞数表3-6 commentInput 长评表列名数据类型长度主键允许为空说明_idString255是否编号artIDString255是否资讯编号commentInputString255否是长评内容nameString255否是用户昵称

43、dateTimeString255否否评论时间dateYearString255否否评论日期headUrlString255否否用户头像openidString255否否用户ID表3-7 score 评价表列名数据类型长度主键允许为空说明_idString255是否编号artIDString50是否资讯编号openidString255否是用户IDstarIndexNumber50否是用户评分表3-8 userlike 收藏喜欢表列名数据类型长度主键允许为空说明_idString255是否编号artIDString50是否资讯编号openidString255否是用户IDclass_typeN

44、umber50否是资讯类型3.3.4 后台管理系统与前后端分离架构当构建一个完整的小程序都需要一个完善的后台管理系统，因为小程序界面上所显示的内容数据都不是固定的，内容数据随着时间的变化而发生一定的改变。所以，需要给后台管理人员提供一个具有界面的后台管理系统，从而管理员能够很方便的通过这个界面系统对小程序数据进行管理。后台管理系统前后端分离架构是指前端与后端两个项目没有耦合关系，同时也符合小程序开发中高内聚低耦合的思想。前后端分离架构可以有效的提高开发效率，由于前后端没有耦合关系，在前端中出现bug我们只是修改前端内容即可，并不会影响后端程序的正常运行，同时也减轻了后端服务器的运行压力。前后端分离架构也满足了多种客户端共用一个后端服务器，可以很大程度的减轻开发中的后端代码的复用从而提高开发效率。前后端交互数据架构如图3-17 前后端数据交互图所示：图3-17 前后端数据交互图3.3.5 Vue-admin-template构建后台管理系统前端使用vu