您好, 访客   登录/注册

基于微信小程序的多语种跨文化UGC互动网络社区平台的设计与开发

来源:用户上传      作者:

  摘要:在“一带一路”的合作倡议下,政府层面加强了沟通合作,各同民众间旅游、教育和文化交流日益深入。在此背景下,基于我们之前对大学生进行的调查,该文通过对微信小程序开发和Spring Boot框架的分析,提卅了基于微信小程序的多语种跨平台文化UGC互动网络社区平台
  关键词:微信小程序;互动网络社区平台;SpringBoot框架
  文章编号:1009-3044(2020)20-0068-02
  1引言
  在“一带一路”的大环境下,政府之间互通有无,各国民众间旅游、教育和文化交流日益深入。但是,“一带一路”国家多为非英语母语国家,其语言多为“小语种”,交流不便,且由于沿线国家较多,使得交流分散,缺少统一的互动交流平台。基于此,本项目将面向各国高校学生及普通民众,创立多语种跨文化UGC互动网络社区平台——一带一路文化通小程序,依据语言、国家、兴趣爱好设定不同内容板块,用户可以在平台上发布自己的原创内容(UGC)和或者转载一些其他内容,平台通过一定的技术手段进行翻译后,提交社区论坛,用户可根据翻译从语言、文化等多层面互动交流评价,以内容作为载体,以兴趣为切入点,实现基于共同兴趣的良性深入互动。
  2微信小程序开发介绍
  2.1小程序开发
  用官方给与小程序的定义来说:“小程序是一种不用像App-样需要下载安装就可以使用的应用,它依托于微信,仿佛是将你的应用安装在了微信上,随时都可以点开使用,用户大可不必担心手机会安装太多应用占用手机空间,使用完毕后,就可以退出即走。”[1]微信小程序白上线以来,受到了人们越来越多的关注,也受到了开发者的青睐,微信的官方团队也在对小程序开发的生态进行不断的完善以及版本更新。因为其不用安装App,不会占用手机内存,使用完即可退出的特性,极大的给与了用户使用上的舒适感。从开发者的角度看,开发和维护小程序的成本都偏低,并且拥有微信这个强有力的流量支撑以及相比于App更低的推广难度。
  2.2小程序接入步骤
  1)注册小程序:登陆微信公众平台官网(mp.weixin.qq.com)按照要求填写小程序的注册信息。
  2)填写小程序信息:在小程序的信息填写栏目中,填写小程序的名称,简称,上传头像和描述等信息,填写完成后,用户可以获得一个APPID,用于绑定开发者的身份,在开发者工具中也可以通过APPID进行真机预览及真机测试。
  3)开发小程序:根据微信开发文档的规范内容,利用微信开发者工具来开发和调试小程序等。
  4)代码提交审核及发布:小程序的代码提交可以通过在开发者工具中点击上传代码,然后登陆微信公众平台,将项目提交审核,审核通过后即可进行发布。
  2.3小程序开发模式
  因为小程序是依附于微信,并不是像以往的HTML5在浏览器上运行的那样,所以在开发过程中,Java Script的一些特有的性质在小程序的开发上均是不可以使用的。过去,HTML5的加载过程是需要有一定的用户等待时长的,因为它是先进行HTML、CSS和JS文件的加载,加载完毕之后,才将返回的数据渲染到浏览器的页面上。而小程序则采用了两种线程并行加载的方式来加载所打开的页面,当视图线程加载完之后,Ap-pService线程就会把已经准备好的数据通过JS中的setData方法返回给视图线程。同时,微信开发者工具的开发模式与传统的H5开发模式也是不同的,传统方式是采用开发工具+浏览器运行调试的模式.而微信小程序则与之不同,它将这种传统的开发模式集成在微信开发者工具这个软件上,通过这个软件,开发者可以实现软件的开发调试、编译预览和代码上传等一系列的流程操作,一定程度上使开发者的开发工作可以更加便捷。
  3小程序的架构设计
  3.1小程序的架构设计
  一带一路文化通采用现在开发中常用的MVC架构模式,分为视图层View用于用户人机交互,控制层Controller处理请求,Model层用于封装所用的数据。整个软件分为了小程序端(面对用户)和Vue网页端(面向后台管理)。小程序端基于微信自己的Wxml、Wxss、JS和Json四个文件来协同开发出所需的页面,通过在诗文件中调用微信白带的API:wx.request发起ajax异步请求,后端基于springMVC( springboot已简化其配置)的controller来对应处理前端的POST、CET、PUT和DELETE请求,controller通过调用在service中的方法,来对MySQL数据库进行增删改等事务处理。摒弃了传统JDBC请求数据库的方式,这里使用了当下流行的持久化框架——Mybatis,它也是当下流行的持久层框架。
  4小程序的开发方案
  4.1小程序开发方案
  基于上述分析,本文拟采用“ElementUI+ Vue-Cli”组合来进行前端开发,采用“Tomcat+N ginx+SpringB㈤t+Mybatis-plus+MySQL”来进行后端及数据库开发。对于Java开发,常用Tom-cat作为项目的Web服务器,它是一个免费并且开放源代码的轻量级web服务器。
  4.2 SpringBoot框架
  SpringBoot框架是基于Java語言的一个开源框架,它具有轻量和高效的特点,它的出现,给搭建和开发Spring项目的工作带来了极大的简化,是众多开发者的一个福音。同时,它仍然保留一些Spring中所拥有的一些优秀的特性。另外Spring-Boot通过在其内部集成众多的依赖框架用以解决依赖包之间的版本冲突,此举对于项目版本的稳定性有了极大的提高[3]。
  开箱即用和约定优于配置策略。开箱即用,是指在项目中,通过对依赖配置文件添加项目所使用的依赖包项,然后在项目中通过注解实现管理对象的生命周期,代替以往用XML文件来配置管理的方式。约定优于配置,目的在于减少开发者进行配置决策的数量,核心在于约定编程,从而减少了开发者对配置文件的使用,从而使配置的任务变得简单。   在使用框架编写项目代码前,首先要快速搭建SpringBoot项目环境。进入Spring网站(https://spring.io/),找到quickStart,进入创建模板页面,依次选择Gradle ProjeCt、Java,版本2.2.5,然后依次填入项目的信息,最后添加一个项目依赖包web.jar,完成生成一个starter模板文件。
  4.3 Vue-Cli脚手架
  Vue-Cli是基于Vue框架的一个脚手架,它借助webpaCk可以帮助开发者很快地搭建一个Vue项目。开发者通过它可以快速搭建单页面应用,并且可以省去手动配置webpack内容的工作。它拥有自动生成vue.is文件和webpack项目模板的功能,一定程度上给与开发者好的开发体验。在开发时,利用Vue-CLi生成模板文件,页面代码完成后,极短的时间就可以编译运行并且支持热重载,在保存代码的同时,它还有一个lint校验功能,开发者可以设置自己的校验规则,从而规范整洁自己的代码。
  Vue-Cli安装和使用:安装:首先要安装好nodejs,然后通过nodejs提供的包管理器npm安装脚手架,命令为npm install -g@vue/cli。创建项目:基于命令行的方式创建Vue项目,命令为vueCreate vue-project。配置项目:接着选择所需的安装功能、代码质量模式和校验代码时间等。质量模式一般选择为标准模式,文件的存放方式推荐使用单独存放。
  5数据库的设计与实现
  5.1数据库介绍
  数据库采用目前流行的免费的开源关系型数据库——MySQL数据库,它使用结构化查询语言SOL进行数据管理,MySQL的处理速度快,安全可靠以及良好的适应性受到广大开发者的青睐,在不需要事物处理的情况下,MySQL数据库将会是开发者很好的一个数据库选择。
  通过数据管理软件——Navicate for MySQL,进行MySQL数据表的开发,大大加快了数据库的开发进度,帮助程序员提高了开发效率。并且在管理软件的客户端进行SQL语句的查询、删除等测试,更有利于软件中出现的问题的查找。
  5.2数据库功能分析
  数据库的设计对于软件的开发与设计是极为重要的,好的数据库没计不仅可以节省一定的存储数据空间,而且可以更加方便开发者对数据库应用系统的维护与开发。根据我们前期的调查问卷可知,软件的使用主体主要是普通用户和管理者。普通用户作为软件的主体之一,拥有浏览社区资讯、社区发帖回复、好友即时通讯和阅览书籍资源的权限。用户还可以在平台上关注不同国家、地区等板块内容。用户发帖时,帖子的内容可以包含文字、圖片和表情等,用户还可以对发帖内容进行点赞,并且对发布的帖子进行评论。用户在搜索模块中,可以查询不同国家的书籍资源,通过充值V币,用户可以获取一些付费资源的使用以及阅读上的特殊功能。在群组功能模块中,用户可以在这里管理自己的好友列表,通过对不同语言翻译进行即时通讯。资讯模块中,用户可以浏览一带一路沿线国家的新闻热点、社区动态、生活短视频等资讯。系统中的管理员主要负责用户资格和平台上资源的审核工作以及及时发布系统信息。
  5.3数据库的设计与实现
  在进行数据库的设计之前,首先要选择适合我们的数据库设计工具,本项目采用的是MySQL数据库,它是免费并且开放源代码的,是目前主流数据库之一。然后需要制定数据库的对象命名规范,在进行具体实践之前还需要进行一定的逻辑没计等工作。数据库主要包括用户信息表、地区表、书架表、主帖表、回复表、资讯表、关注内容表这几个主要数据表,数据库的没计也都遵循设计范式的要求。
  6结束语
  “一带一路”国家多为非英语母语国家,缺少统一的互动交流平台。开发一款基于微信小程序的多语种跨文化UGC互动网络社区平台具有一定的理论指导和实践意义。由于本项目在人力、财力和时间上面的一些局限性,本小程序系统后期的维护和系统功能的完善是我们后面需要努力的方向。
  参考文献:
  [1]刘红卫.微信小程序应用探析[J].无线互联科技,2016(23):11-12,40.
  [2]陈琦.基于Wehpy+Apache HrrTP Server的微信小程序架构搭建研究[J].无线互联科技,2017(18):50-51.
  [3]陈涛,叶荣华.基于Spring Boot和MongoDB的数据持久化框架研究[J].电脑与电信,2016(1):71-74.
  【通联编辑:朱宝贵】
  收稿日期:2020-03-25
  基金项目:本文系江苏省大学生创新训练计划重点项目(国家级)一多语种跨文化UGC互动网络社区平台开发与应用研究,项目编号:201910304016Z
  作者简介:朱帅(1998-),男,江苏宿迁人,南通大学信息科学技术学院2017级在读,研究方向计算机软件开发;朱轶蓉(1998-),女,江苏淮安人,南通大学外国语学院2017级在读,研究方向日语;郑新超(1982-),女,山东德州人,南通大学外国语学院讲师,北京外国语大学硕士,研究方向微课教学。
转载注明来源:https://www.xzbu.com/8/view-15299919.htm