《历史学习微信小程序的设计与实现》10000字（论文）

历史学习微信小程序的设计与实现随着互联网技术的迅猛发展，信息化技术已经逐渐渗入到人们工作生活各个层面，地处祖国西部的西藏有着一大批向往学习历史的各民族学生，传统的历史学习方式已经不能全部满足各民族的学习的需求，面临着重大变革，而在线学习历史则是一个很重要的方向。基于藏汉双语的历史学习微信小程序可以借助于遍布全球的互联网，个民族学生可以在任何场地进行学习，也可以在任何场地进行考试，大大扩展了学习、考试的灵活性。历史学习微信小程有管理员、教师和学生三种角色。本论文实现的基于藏汉双语的历史学习微信小程序以及在线学习信息管理系统的主要技术是基于微信小程序技术、Java的SSM框架技术、BootStrap技术的组合框架，使用MySQL数据库，有比较良好的维护性和移植性。本系统主要有两类类用户：普通用户、管理员。其中普通用户拥有注册、登录、个人信息修改、历史人物务类型信息查询、历史人物信息信息查询、历史事件查询、公告查看、发起留言等权限；管理员拥有登录、用户账户信息管理、历史人物分类信息管理、历史人物信息信息管理、历史事件管理、公告管理、留言管理、系统管理等权限。关键字：藏汉双语；在线学习；小程序；Java;SSM;MySQL I 1 11.2研究意义 11.3国内外现状 21.4研究目的 22开发技术介绍 32.1微信小程序 32.2微信开发者工具 32.3Java语言 32.4SSM框架 32.5MySQL数据库 42.6Tomcat容器 43功能分析与设计 53.1传统学习弊端 53.2可行性分析 5 5 53.2.3操作可行性分析 5 53.3功能分析 63.2.5用户功能模块 6 6 63.5性能需求分析 64总体设计与分析 74.1功能结构设计 74.1.1小程序端功能设计 74.1.2后台管理端功能设计 8 9 9 9 5系统实现 5.1小程序端功能模块 5.1.3个人资料模块 5.1.5历史人物模块 5.1.6历史事件模块 5.2.1用户管理模块 5.2.2添加公告模块 5.2.3历史事件管理模块 5.2.4历史人物类型模块 5.2.5历史人物作品模块 6系统测试 206.1系统测试方法 206.1.1单元测试 6.1.2组合测试 6.1.3确认测试 6.2测试用例 207结论 23 2411引言自2020年初的新冠疫情以来，为积极配合相关部门的要求不外出，很多少序正是在此背景开发并设计的。在线学习作为一种专业机技术和网络迅速发展的一个学生资源信息应用解决方案。在线学习小程序将2息需求的扩大，使现代化的技术已经融合到学校的平常工作当中。为了在各学校课外竞争中有明显的优势，本文研究了在线学习小程序，从而加快了学校课外信息化建设的步伐。上个世纪90年代美国科学家首次提出线上学习网站这一概念以来，全球开展线上学习研究与实践已经十几个年头。我国线上学习界，IT业界自1995年左右开始对这一领域跟踪研究，1998年开始全面升温，迄今无论是在对线上学习的认识，还是理论研究，关键技术准备方面，都取得了很大的进展。国内线上学习的实践活动大致可以分为以下三种类型：资源服务型，服务研究型和联合建设型。虽然，从严格意义上讲，资源服务型不能算是线上学习，但它的网上信息服务目前已自大多数学习系统开展，是现阶段我国学习系统提供网上数字服务的主要形式。虽然现在国内大部分历史数据都已经实现计算机信息化管理，但是还有部分的历史数据仍然采用传统的手工信息系统。手工管理还存在许多弊端，例如：工作效率低，处理速度缓慢；由于不可避免的人为因素，会造成数据的遗漏、误报等情况的发生；重复劳动导致的数据不一致；出错率高，出错后不易更改等，并且难以跟随现代化市场的变化。而计算机信息化管理有着储存量大，速度快等许多优点，提供给我们的处理信息及时快捷，因此我们利用计算机提供给我们的信息对读者们的借阅过程进行一整套动态的管理。通过设计在线学习小程序以及后台在线学习信息管理系统，可让我把所学的理论知识很好的拼接在一起，而且学到了更多开发的思想，弄清楚整个系统的开发流程和开发过程中需要注意的事项。设计一个优秀的在线历史学习小程序以及后台小程序信息管理系统肯定会遇到很多技术上和业务上和设计上的难题，我可以从做该设计小程序以及后台小程序信息管理系统学习到如何去解决这些难题和提高自己的技术水平。32开发技术介绍2.1微信小程序微信小程序，它的简称是小程序，其英文名称叫做MiniProgram,是一种不需要在手机应用商店里面下载就可以在微信平台当中立即使用的H5轻应用。用2.2微信开发者工具□,会触发一个微信小程序被设置为后台的api。象。Java语言在运行过程中会开辟出一个属于自己的运行空间，它的学名叫做以Java语言不会受到运行平台的限制，不管是Windows还是Linux都可以运行编译后的Java程序。2.4SSM框架4来的用户所有的请求进行处理，然后传递给View层展现给用户观看。与上程中数据的存储，而且MySQ1是一款可以免费试用的数据库，使用它不版权的问题。部署起来也非常的方便，相比较于Oracle的部署时间简直不到Oracle部署的五分之一。正是由于MySQL种种优越的特性本系统开发所选择的数据库便是MySQL数据库，MySQL数据库部署之后不会占用非常对的内存与硬盘，但是MySQL的访问速度却非常的快，在多线程访问的情况下依旧可以保证其优越的性能，充分发挥计算机的CPU性能，不会进行一点的浪费。本系统选用的服务器是Tomcat,Tomcat是一个比较常用的容53.1传统学习弊端传统的历史学习方式大多都是基于线下的学习方式，学生需要选择学习机构，沟通好时间然后前往学习机构去上课，学习机构管理人员还需要记录机构的各项上课相关信息，在这个流程中不仅仅浪费了普通用户大量的时间精力，而且花费的金额较多；还会提升管理人员的管理压力。3.2可行性分析本系统采用的是大学期间学习的软件开发语言Java、开发工具为eclipse,数据库使用的MySQL,微信小程序开发语言是JavaScript,因此从技术方面来看，开发基于藏汉双语的历史学习微信小程序系统是可行的。本系统的开发技术上，开源免费的语言，因此在软件方面可以极大的节约成本，只需要购置一台服务器，技术方面基本花费的都是软件开发人员的人力成本。所以从经济角度来讲，该系统是可行的。小程序页面布局合理，操作简单。小程序的前台页面由几个模块组成，页面的跳转只是刷新用户页面的部分，让客户得到自己想要的信息，降低客户的学习成本。在用户注册、登录等有表单提交的页面，在用户输入的时候，会对用户进行提示说明，以帮助客户更快的熟悉操作流程。本系统是基于藏汉双语的历史学习微信小程序，学习成本低，操作简单，运营的成本较低。因此，基于藏汉双语的历史学习微信小程序在操作方面是可行的。本系统后台采用的是B/S模式，与传统C/S模式客户端不同的是，后台系统是以web网页的工作页面。只要有互联网的地方，管理员就可以通过浏览器进行对基于藏汉双语的历史学习微信小程序进行管理。后台系统以列表的方式展列出了基于藏汉双语的历史学习微信小程序的管理功能，管理员可以根据自己的角6色，选择相关的管理功能，不同角色的管理员除了有最高权限的ROOT管理员外，不可使用未授权的功能，后台网站具有明确的角色和权限划分。后台网站简单易懂，管理员只需要学习所负责功能的使用，学习成本低，不需要进行另外的在线学习，有利于管理员的接受，极大的提高了用户的体验感。因此，该后台是简单、方便、易用的。3.3功能分析小程序端用户功能包括注册、登录、个人信息修改、历史人物务类型信息查询、历史人物信息信息查询、历史事件查询、公告查看、发起留言，修改密码，安全退出等功能。后台管理员功能有登录、用户账户信息管理、历史人物分类信息管理、历史人物信息信息管理、历史事件管理、公告管理、留言管理、系统管理，安全退出3.4数据需求分析通过功能需求分析的设计，明确系统的功能设计，在此基础上进行数据需求的分析。本基于藏汉双语的历史学习微信小程序主要包括的数据有用户的数据、历史人物务类型信息的数据、历史人物信息的数据、历史事件信息的数据等。根据数据进行数据表以及字段的设计。系统的数据采用POST的方式进行数据的传送，然后对数据库中的信息进行处理，并返回，然后在页面上进行显示。用户不能进行信息的管理，但会产生一定的数据，例如注册的信息会存储到数据库中。3.5性能需求分析根据在线学习小程序需求进行开发设计，主要实现如下目标：依靠HTML、CSS、Javascript、JQuery等设计界面友好、美观，数据准确、安全、可靠。设计用户和管理员注册、登录、验证功能，实现密码保护，确保个人信息的安全。设计管理员管理权限，可以对系统的数据，比如历史人物料等进行添加、修改、删除操作，以便于对于系统的维护。简单易懂，为了面向更为广大的人群，系统设计的操作简单，增强实用性。界面设计美观好看，容易吸引眼球增加用户关注度。74总体设计与分析系统整体功能设计如图4.1所示：公告管理公告管理添加公告人物作品管理历史事件管理历史人物管理历史任务分类管理个人中心用户管理管理员管理个人中心公告查看历史事件查看历史人物查看历史人物分类查看首页查看用户登录用户注册图4.1系统整体功能图4.1.1小程序端功能设计小程序端功能设计如图4.2所示：8个人个人中心公告查看添加公告历史事件查看历史历史事件查看历史人物杳看历史人物管理历史人物分类查看图4.2小程序端模块图历史任务分类管理图4.2小程序端模块图首页查看图4.3后台管理端功能模块图个人中心用户管理图4.3后台管理端功能模块图4.1.2后台管理端功能设计后台管理端端功能设计如图4.3所示：用4.1.2后台管理端功能设计后台管理端端功能设计如图4.3所示：用户登录用户注册94.2数据库设计数据库设计是指为基于藏汉双语的历史学习微信小程序的数据存储设计一数据存储在数据库中，所以基于藏汉双语的历史学习微信小程序的核心是数据4.2.1数据库概念结构设计对数据的储存、收集和转换的要求等。小程序总体E-R用例图，如图所示：nnmmn图4.2系统E-R图4.2.2数据库逻辑结构设计数据库的逻辑结构设计是先将概念设计中取得的E-R图结果转换为关系模用户(用户ID、用户名、用户昵称、密码、手机号码、邮箱、注册时间)管理员信息(管理员ID、用户名、密码、角色、创建时间、最近登录时间)历史事件信息(事件id,事件名称，事件描述，事件图片，开始时间，结束时间)历史人物信息(人物id,人物标题，人物内容，人物图片，人物视频)4.2.3数据库物理结构设计数据库的逻辑结构设计是先将概念设计中取得的E-R图结果转换为关系模序号字段类型大小允许为空备注1否2是姓名3是4是昵称5是性别6是7是生日8是手机号9是是邮箱是身份证否序号字段类型大小允许为空备注1否2否姓名3否4否真实姓名5否性别6否7否电话8否邮箱历史事件信息表：序号字段类型大小允许为空备注1否2是3是4是事件图片5是视频时间历史人物信息表序号大小允许为空备注1否2否人物标题3否人物内容4否人物图片5否5系统实现5.1小程序端功能模块如果没有账号的用户进入小程序需要注册，点击注册按钮，输入账号、姓名、密码、性别、地址、电话、邮箱便可以完成注册等。如图5.1所示：账号请输入账号密码请输入密码姓名请输入姓名性别：男手机请输入手机号图5.1注册页面用户输入已经注册的账号并填写密码，点击登录，如果后台核实用户名以及密码匹配便可以进入系统。如图5.2所示：图5.2登陆页面用户登陆系统后，点击我的页面再点击个人资料，可以看到个人资料信息，用户可以修改姓名、性别、地址、电话、邮箱信息。如图5.3所示：求知而来载知而归个人资料修改密码留言区图5.3个人资料页面海外网1月11日电当地时间9日，印度尼西亚三佛齐航空公司一架载有62人的客机起飞不久后坠海外网1月11日电当地时间9日，印度尼西亚三佛齐航空公司一架载有62人的客机起飞不久后坠毁，印尼国家搜救局等部门参与搜寻，并已打…测试图5.4小程序首页用户在系统首页看到所有本微信小程序的历史人物信息，点击某一个历史人物后，可以看到历史人物的标题，历史人物的名称，历史人物的内容。如图5.5所示：标题测试事件标题描述测试事件简介又朝(前202—公元220年),分为西汉和东汉，亦有L而称“刘汉”。前202年高祖刘邦建汉，定都长欠复兴。公元九年，王莽篡夺政权，西汉结束。25F,刘秀称帝，建立东汉，定都洛阳。开创了光武中欧洲的罗马帝国并列为当时世界上最先进的文明天寸期(公元元年),全国人口达6000万左右。且文化B日此逐渐被称为“汉族”。220年曹丕篡汉，中文名称：汉朝图5.5历史人物页面用户登陆系统之后，点击历史事件页面后可以看到小程序的历史事件信息。如图5.6所示：出生日期1999履历测试子女测试人物简介测试测试作品测试作品测试作品测试作品图5.6历史事件页面5.2管理员功能模块管理员登陆系统后查看系统内的用户信息，并可以进行用户信息的修改以及用户信息的删除，如图5.7所示：注册用户管理注册用户管理到手机号用户名用户名图5.7用户管理页面管理员登陆系统后查看系统内的公告信息，可以新增公告，并可以进行公告信息的修改以及公告信息的删除，如图5.8所示：户管理户管理言管理图5.8新增公告页面5.2.3历史事件管理模块管理员登陆系统后查看系统内的历史事件信息，在表单里面可以看历史事件的名称、历史事件的描述，历史事件的简介以及历史事件信息详情的操作按钮，并可以进行历史事件信息的新增、历史事件信息的修改以及历史事件信息的删除，如图5.9所示：题汉朝(前202-公元220年),分为西汉和东汉，办有以西汉与汉代被称为炎汉，又因皇帝姓刘而称文汉"。前202年高祖刘用建汉，定都长安，又景乙治后，汉武期再次复兴。公元九年，王舜算夺政权，西汉结束。25年，刘秀称帝，建立东汉，定都洛阳，开汉朝时期，许多人将汉朝和约略同时期欧洲的罗马帝国并列为当时世界上最先进的文明及强大帝国为华夏民族两千年的杜会发展奠定了基础，为中华文明的延续和蜓立千秋做出了巨大贡就华夏图5.9历史事件管理页面5.2.4历史人物类型模块管理员登陆系统后可以进行历史人物类型的添加，用户点击历史人物添加菜单栏，输入历史人物标题以及历史人物描述，并上传历史人物文件，点击添加便可以完成一条历史人物的添加，添加好的历史人物会实时的显示在小程序视频页面上面。如图5.10所示：历史人物类型信息管理历史人管理历史人管理图5.10添加历史人物页面5.2.5历史人物作品模块品信息的修改以及历史人物作品信息的删除，如图5.11所示：介IIB田I图5.11历史人物作品管理页面6系统测试小程序的设计与开发涉及的技术比较广泛，其开发的过程也相对复杂。因此，很难保证整个系统完全正确，不出现差错。在完成系统设计后，必须要进行系统测试，对系统进行全面检测。整个设计与开发的过程中，我们最好尽可能早的对系统进行测试，及时检测系统存在的问题，以降低这些错误可能产生的一系列损失。测试的目的就是确保系统的功能完备性、可靠性。从用户的角度出发，一旦用户发现系统中的问题，则会对该产品产生不好的印象；从开发者的角度出发，软件的设计应该达到完美，系统功能符合用户的使用。为了验证软件功能的可行性，需要对软件进行详细的测试与功能验证。对于测试而言，主要有：组合测试、单元测试、确认测试等这几个阶段。单元测试主要是针对程序或模块进行系统测试。在进行单元测试前，应当先进行程序调试，也就是由程序员检测程序，查看是否符合设计文档的要求及其功能需求。然后通过测试来证明模块接口是否符合设计文档的要求，最后对任意异常处理路径测试，检测问题所在。组合测试主要针对集成模块或子系统进行测试，采用较单元测试更系统化的方法测试软件系统。这个测试阶段更为严格，需要在系统目标机上操作，最好让系统用户能够参加这个阶段的测试，可以更直观的展示系统的实用性及可靠性。确认测试是为了验证该系统软件能够工作，已满足了软件设计需求的文档中的所有功能要求。立足于用户进行确认测试，并且按照测试流程进行。6.2测试用例测试示例一：测试系统用户登录。在小程序的登录界面，输入用户名及其对应的密码信息，然后单击“登录”,将会显示运行结果，也就是显示该用户登录成功的界面。测试示例三：测试用户数据的操作。执行完所有的管理操作后，进行用户的增加、删除、修改操作。测试示例三：测试历史人物数据的操作。执行完所有的管理操作后，进行历史人物的增加、删除、修改操作。测试示例四：测试历史事件数据的操作。执行完所有的管理操作后，进行历史事件的增加、删除、修改操作。以上述示例对系统功能操作进行说明，验证系统测试并无异常，且正常运行成功，并给出了测试系统执行的成果，如表6.1所示。表6.1注册测试执行结果模块名称测试用例预计成果具体成果是否通过注册用户名：null密码：null弹出不正确提示，请输入用户名注册失败，提示请写入用户名不通过注册密码：123弹出不正确提示，所属类型不能为空失败，提示选择类型不通过注册密码：null弹出不正确提示，请输入密码失败，提示写入密码不通过注册密码：123弹出注册成功提示注册成功注册密码：123弹出用户名重复提示注册失败，用户名已存在不通过测试示例二：测试用户信息功能是否可以正常执行。如表6.2。表6.2用户功能测试执行结果模块名称测试用例预计成果具体成果是否通过用户功增加用户用户增加成功用户增加成功能内容：你好修改用户用户修改成功用户修改成功能内容：大家好好删除用户用户删除成功用户删除成功能内容：大家好好测试示例三：测试历史人物信息功能是否可以正常执行。如表6.3。表6.3历史人物功能测试执行结果模块名称测试用例预计成果具体成果是否通过历史人增加历史人物历史人物增加历史人物增加成功物功能内容：你好成功修改历史人物历史人物修改历史人物修改成功物功能内容：大家好好成功删除历史人物历史人物删除历史人物删除成功物功能内容：大家好好成功测试示例四：测试历史事件信息功能是否可以正常执行。如表6.4。表6.4历史事件功能测试执行结果模块名称测试用例预计成果具体成果是否通过历史事增加历史事件历史事件增加历史事件增加成功件功能内容：你好成功历史事件修改历史事件修改成功件功能内容：大家好好成功历史事件删除历史事件删除成功件功能内容：大家好好成功7结论本系统是基于藏汉双语的历史学习微信小程序，经过三个月的调研、设计、测试，最终完成该系统的设计。系统开发采用的语言是JavaScript和Java,数据库采用Mysql。在完成毕设的过程中，自己学到了很多的东西。在大一到大三的时候，基本都是理论的学习，没有真正的做过实际的东西，这次是自己独立的完成课题的设计，不仅将学到的JavaScript和Java学到实际的生活中，而且独自编写了sql语句。在遇到困难的时候，都是去查阅相关的文献或者数据，提高了自己解决问题的能力。根据毕业设计任务书的需