【基于微信开发工具的自主学习规划小程序的设计9500字（论文）】

-3-第2章小程序开发技术与环境2.1小程序开发语言目前市面上用的比较多，深受开发者们青睐的是Java语言，它比别的语言更易于使用。它是一种跨平台语言，具备较高的安全性、平稳性以及具有可移植性[4]。Java在开发之后的维护过程中也是十分方便，也由此可以得出Java语言有着十分光明的前景，未来将会发展的更加好，因此本系统选择Java语言是一个很好的选择。在计算机领域里有许许多多的开发语言，这些语言都有各自独特的用处，在开发系统时开发者应当选择一种好用的语言，本系统开发选择的是当前十分流行的Java语言。Java语言具有开源性，而且作为开发这款小程序的编程人员，自身对Java语言比较熟悉，以及熟练掌握他的开发工具Eclipse，Eclipse的坏境安装容易，配置简便，界面功能清晰，开发者可以快速上手。2.2小程序客户端技术作为一种新出来的开发者工具，微信开发工具安装简易且快速，集成了相当多的功能供开发者使用，使得开发人员容易上手使用且高效的开发出一款所需的微信小程序。微信小程序有四个文件，js是逻辑文件，在这个文件里写JavaScript程序；json是配置文件，可以在此文件里改变背景颜色等点缀界面的属性；wxml是描述文件，相当于前端的HTML语言，用来设计页面的布局；app.wxss负责整个项目的公共样式，每个页面可通过组件属性调用样式规则，不同页面的样式共同的部分可利用公共样式布局，从而简化项目代码使样式布局更加清晰[5]。2.3小程序网页技术小程序的页面设置需要前端知识，有了前端基础知识，很快可以入手小程序的设计开发。HTML虽然不够完善还在升级中，但是大多数浏览器可以支持某些HTML相关技术。通过使用这种网页技术，可以使得界面清晰美观，给用户一个很好的使用体验，而大多数系统开发界面的设计也正是都在使用HTML。另外，HTML语法简单，没有太多条条框框，也不会总是出现难以解决的程序Bug，这对于开发者来说容易上手，写起程序得心应手。2.4微信开发者工具该工具是由微信团队提供，供开发者免费使用，直接在官网下载即可。它里边有很多小程序固有的框架，比如扫描二维码环节。在这个工具里边主要是布置页面的格局，利用前端知识给页面添加色彩样式。这个工具最好用的地方就是在编写完成代码后，该工具有一个演示部分，可以呈现出小程序的效果，方便编程人员及时修改。2.5小程序数据库的选择数据库技术是信息系统核心技术之一，MySQL语言以其简单易用、开源、体积小、网络化效用、运行速度快等特性为中小型企业广泛采用，对掌握MySQL的学生需求量比较大，为满足企业的需求，职业院校大多开设了MySQL的课程[6]。当下有很多不同类型的数据库，但开发者往往更喜欢使用MySQL关系型数据库，MySQL有着很耗的跨平台性，在一个系统上运行过，就可以在不同的系统中运行，这对用户和开发者来说是极大的方便。MySQL的源代码用户或者对者可以阅读借鉴，且其语法简单，对于初学者也可以快速学会，所以MySQL在大多数的应用开发中都极其受欢迎。2.6小程序的运行环境2.6.1硬件环境硬件坏境就像是一块地基，是系统开发的基础坏境，合理的硬件坏境可以使得系统运行流畅，只有满足了硬件设备的要求才可以进一步考虑软件环境的选择。处理器：COREI7内存：最低4GB硬盘空间50GB以上2.6.2软件环境开发者选择一个自己熟悉或者新手容易上手的环境是十分有必要的，在这种情况下，使用得心应手，在遇到错误发生的情况下，也可以较快的解决，大大节省了开发所需时间。该自主学习规划小程序使用到的技术有：微信开发工具，前端知识以及Eclipse环境。

第3章小程序系统分析3.1可行性分析开发者在正式开发一个系统之前，要衡量开发该系统在一些方面上是否行得通，只有进行可行性分析，开发系统才会具备开发的条件，才能最合理的开发该系统。3.1.1经济可行性该小程序是一个可以免费使用的应用，在开发的过程中不需要花钱找数据，开发起来没有经济的困难。3.1.2技术可行性小程序微信官方的微信开发工具，其功能齐全并且有一些合适的框架可供编程人员使用，这些技术都是容易上手且使用方便。3.1.3操作可行性一个系统成功与否，其中很关键的一步就是是否深受大众的喜欢，并得到大规模的推广。要想让大众普遍使用，在其具备一些合理的功能之外，该系统是否容易上手操作也是一个值得考虑的方面。微信小程序近年来一直普及，几乎每个人都会使用，如果系统本身不易操作，那么对于大多数小孩的老人就不是友好的，也就是会失去这部分人的使用，而且如果操作过程太繁琐，也是使得用户选择放弃使用。因此，在开发本系统的过程中，一直力求功能齐全，又可以做到不浪费相关资源。3.2需求分析掌握用户需求之后才可以具体开发各项功能，合理的需求分析使得所开发的系统满足用户的需求。另外有了需求分析，开发人员不需要时刻与用户联系就可以正确开发出用户想要的模块。3.2.1功能需求分析系统功能的需求分析是十分有必要的，这关系到该系统是否能满足用户的需求以及能否会受到大众的推广使用。通过需求分析了解用户对开发该系统的期望，给开发者提供一个开发方向。小程序前台和后台所有角色及操作介绍如下：如图1所示：图1前台注册用户功能图如图2所示：图2后台数据管理员功能图3.2.2性能需求分析为了让用户有良好的体验感，小程序需要做到以下几个要求：可扩展性小程序的设计最主要的是满足当下的功能需求，但是为了适应时代的变化，以及便于系统后期的维护和更新，具有可扩展性的系统十分重要。稳定性小程序需要每次使用都结果相似，稳定性达到要求，不能几次使用结果不同或者是出现各种各样的情况，这将会影响用户的体验感。易用性如果该小程序操作简便，界面美观，在用户享用到自己需要的功能之外还可以节约时间，这将会给用户一个很好的体验感，该系统也将会被大规模推广使用。流畅性俗话说顾客是上帝，只有开发者所开发的系统满足用户，才能算得上一次有意义的开发。时间对每个人是十分宝贵的，如果该系统能够使用流畅，用户将会获得一种满意的体验感。安全性该系统分为注册用户和管理人员，后台数据库储存着很多用户信息，需要足够的安全才可以保护客户数据信息不被破坏。如果该系统没能保护好用户的信息，在法律上是有失的。3.3小程序流程图分析系统流程图是一个很直观的方式，让读者明白开发者的开发流程，以下是几个详细的系统流程图：3.3.1小程序开发流程在项目开发的整个流程中，首先与用户沟通，之后再选择哪种计算机技术可以很好的完成相关功能模块的开发。在系统开发中，后台数据库是必不可少的，选择一个合适的数据库对数据进行管理是一个重要的步骤。前期工作完成后，就是详细规划各个功能的具体实现形式和代码的编写，在代码编写完成后，进行系统测试，找出系统存在的隐患并及时解决。如图3所示：图3小程序开发流程图3.3.2注册用户登录流程图如图4所示：图4注册用户登录流程图3.3.3数据操作流程图用户登陆小程序时，后台会检测该用户是否存在，如果用户存在管理员会根据已有数据信息给用户分配其相应的操作，如图5所示：图5检验用户流程图小程序应用的过程中会产生许多数据，如图6所示：图6数据处理流程图由上图可知，对于小程序的注册用户来说，其具有页面所呈现的功能使用权，包括制定计划表，获取资讯信息，得到一段时间的学习统计记录等。对于管理员来说，主要是发布资讯，判断用户权限和相关数据。如图7所示：图7小程序数据流程图3.4数据流程图分析数据流程分析主要包括对信息的流动、传递、处理、存储等的分析[7]。小程序将每一个功能模块详细分化。3.4.1总体数据流图该层主要说明了自主学习规划小程序用户和后台数据管理员不同的操作，如下图8所示：图8总体数据流图3.4.2客户端数据流图第1层是自主学习规划小程序的详细功能模块流程图，如图9所示：图9注册用户数据流图注册用户的数据流程包括填写自己制定的具体计划表和自己想要记录的相关笔记信息、完成计划的同时进行计时管理以及获取一个时间段的学习统计记录，以饼状图呈现给用户；管理员主要是发布主要的用户可以用得上的资讯信息，这一点注册用户是不可以管理的，以及对数据信息的增删改查管理。3.4.3管理员数据流图第2层是管理员的数据流图，如图10所示：图10管理员数据流图

第4章小程序概要设计4.1小程序开发软件的选择由于Java语言相较于其他语言，有其独特的优点，写小程序代码选择使用的是Java语言。Eclipse作为一款JavaIDE开发环境，受到越来越多程序员的喜爱[8]。Eclipse容易下载，方便使用，对于开发者来说使用起来得心应手。4.2小程序总体功能设计该小程序总共分为四块内容，分别是计划管理页面、资讯发布页面，日历页面以及注册用户的个人信息页面。如图11所示：图11小程序具体功能图4.3小程序设计目标在社会中，每个人都在通过学习来提高自己，然而学习是一个枯燥且漫长的过程，在这个过程能否合理管理自己，合理利用时间是一个十分重要的问题。本系统的主题是就是自主学习计划小程序，本着“自主”和“计划”两个词来开展，其核心功能是制定计划表，计划计时管理以及计划数据统计。第一，制定计划表即根据自身情况为自己制定计划，每一项计划包括学习内容和学习此内容所需时长；第二，计划在进行的时候开始计时，在规定的时间使用完之后会提醒该计划已完成，设置计时管理是方便用户知道学习某一块内容的时长，以便用户合理分配学习时间；第三，计划数据统计，该系统会给用户提供一个以饼状图呈现的学习统计，用户可以查看自己一天，一周，一个月或者一年都学习了哪些内容以及每一块内容的占比，容易清晰的明白自己在一段时间内的学习情况。4.4小程序数据库设计数据库的结构是设计程序中必不可少的组成部分，其中包括了数据库概念和逻辑[9]。为了便于后台对数据信息的管理，本系统选择使用关系型数据库，即MySQL数据库，关系型数据库使得实体之间的关系以二维表的形式呈现，直观表现了实体的各个属性以及实体之间的联系。以下为系统中使用的数据库表信息：表1用户信息表序号字段名字段类型长度标识主键外键默认值说明1idint10是是用户id2usernamevarchar10用户名字3passwdvarchar10密码4roletypevarchar20权限5truenamevarchar20真实姓名6birthvarchar10生日7emailvarchar20邮箱8sexvarchar10性别9telvarchar15电话10imgvarchar20照片表2信息管理表序号字段名字段类型长度标识主键外键默认值说明1idint10是是用户id2titlevarchar10信息内容3notevarchar100详细内容4ndatevarchar20日期表3计划填写表序号字段名字段类型长度标识主键外键默认值说明1idint10是是用户id2titlevarchar10计划内容3uservarchar10用户名字4ndatevarchar10日期5Statecnvarchar10完成状态6ntimevarchar20时间第5章小程序详细设计和实现5.1用户模块设计以下几个模块是针对用户来说的，通过详细介绍各个模块，使得用户快速了解，容易上手使用。5.1.1小程序用户登录如果是新用户，需要注册之后登录。如果已经注册好，则输入相关信息登录。这一个界面在微信开发工具是这样实现的：在wxlogin.js文件里，调用各种方法完成登录接口；在wxlogin.wxml和wxlogin.wxss里通过设置属性值完成页面样式的设计。用户填写用户名和密码，点击“登录”即可跳转至主页面。如图12所示:图12小程序用户登录界面5.1.2小程序首页模块设计小程序的首页要设置美观，客户第一时间看完感觉很清晰，同时也大概知道了小程序的功能。用户在进入系统之后，将会看到首页的所有功能模块，对该系统有一个大致的了解。微信开发工具里边的.wxss可以设置页面高度、宽度以及背景颜色等，在.js文件里储存客户端信息并调用函数实现前后端的连接。以下是小程序首页界面，如图13所示：图13小程序首页界面设计5.1.3小程序资讯信息模块设设计此模块，是想在客户学习之余还可以了解一些时政大事或者应该知道的知识点。资讯信息由管理员发布，注册用户只可以查看资讯信息，点击信息模块即可看到由管理员发布出来的一些资讯信息，这个功能模块的设计是想让用户在学习之余能够了解一些及时的情况。点击主页面“信息”即可进入资讯公告处。如图14所示：图14小程序资讯模块5.1.4小程序添加计划模块设计小程序一大亮点核心功能就是制定计划填写表，用户根据自己的实际情况来填写自己当下要做的计划，如果按要求完成了计划，则会有一个“已完成”的标志，还可以自己制定明确完成某一个任务的时间。点击主页面“计划”跳转到下图，在“标题”处填写学习内容，在“日期”和“时间”选择自己合适的时间。如图15所示：图15小程序添加计划模块5.1.5小程序计划管理模块设计点击计划将会进入一个新的页面，此页面用户可以选择计时的时间和结束时间，点击开始执行，系统就会呈现下图，是一个计时页面，同时有一个备注选项，用户可以根据自身情况需要进行备注。如图16所示：图16计划管理模块界面5.1.6小程序数据统计模块设计用户在完成自己制定计划之后，可以查看一段时间的学习记录，例如，一天，一周，一个月，一年，记录将以饼状图呈现。点击“计划”进入计划页面，会有“统计”二字，点击“统计”呈现下图。如图17所示：图17数据统计模块5.1.7小程序前后端交互小程序前端由微信开发工具编写代码，Java语言主要用来交互前后端。在Eclipse打开index.html，设置小程序的页面布局，数据库的配置在beans.html。在Eclipse的ClientAction.java，这个类里所有的方法都是提供给前端客户使用的。前后端交互中，需要打开user.js，调用login()方法，会获取到表单所填的信息，前后台进行交互时调用了ajax,Callback()方法，每调用一次ajax,Callback()方法，前后端就交互一次。5.2管理员模块设计管理员是一个系统必不可少的人员，管理员在后台进行管理，必要的时候需要增删改查[10]。5.2.1用户管理模块设计管理员在后台登陆后可以管理用户信息，当注册客户在小程序前端输入id和密码后，数据库检查数据信息是否有相对应的id和密码，如果有则该客户登录成功。如图18所示：图18用户管理界面5.2.2计划管理模块小程序客户在小程序前端制定计划表，填写计划内容，在后台数据库管理员可以看到一张二维表，该表内容有计划标题、用户id以及已完成的情况和时间。另外，后台管理员可以对用户所添加的计划进行删除。如下图19所示：图19计划管理界面图5.2.3信息管理模块设计管理员在后台可以发布一些资讯信息，资讯信息数据库表有id，标题以及具体内容，还有对应的发布时间。管理员可以在这张二维表里进行增加和删除，而前端的客户则不可以处理资讯信息。如图20所示：图20信息管理界面第6章小程序系统测试对于一个系统的开发来说，在完成前边的需求分析，概要设计以及详细功能设计之后，测试是很重要的部分，通过测试可以找到该系统存在的问题并加以改正，使得系统功能更加完善，不至于等到用户使用的时候小程序出现很多运行失误。6.1测试方法白盒测试：主要通过软件的内部结构以及软件的源代码对已知的软件产品中的工作过程进行测试[11]。白盒测试是一种看得见的测试，需要知道内部结构再去测试。黑盒测试：黑盒测试是最常用的软件测试方法，这种测试可以理解为看得见的测试，其主要针对的是软件的界面和功能模块。这种测试不需要看见内部结构，通俗来讲，就是测试小程序功能是否行得通。6.2测试实例测试结果如表4所示。表4测试结果表测试序号输入数据测试结果1今日新闻要点正常2学习python正常3相关学习笔记的记录正常4注册用户小米正常管理员在后台发布资讯信息，前端客户可以看到，则表明测试结果正常；客户在前端制定计划表，并且可以完成相关的一系列任务，则表明测试正确；在学习规划栏里有note区，在此客户可以记录自己的情况和要学习的知识点，相当于一个电子笔记本的作用，如果操作成功，则表明测试结果正常；用一个数据库信息里的一个客户id和密码测试，在输入id和密码时，与后台记录对应，因此测试结果正常。6.3小程序系统维护软件系统维护需采用分层控制模式对局域网络的运行情况进行统计，评价出影响系统运行装置及控制装置，以便得到符合维护逻辑的控制系统[12]。在完成了一些列设计之后，在测试中成功运行，那么接下来就是系统的维护了，维护是一个长久的过程，需要开发者时刻去观察更新，一个成功的维护，可以给用户很好的体验感，并且会选择长久使用该系统。维护人员应该对用户反馈的问题及时去核实，如果有该问题则立即选择合理的方法去解决，满足用户提出的需求。小程序长期运营，就会产生一些问题或者说是开发者又有了更好的功能发布，此时应该使系统应用程序升级或者更新。

第7章总结与展望历经几十天的毕业设计，收获了很多，从最开始的无从下手，随着慢慢的学习进步，开始可以着手去写代码，去架构整个结构，是一次十分有成就感的体验。当然，在这其中遇到了很多挫折，有的时候实在不知道该怎么进行下去，通过不断的查阅网上资料，不断的去学习，以及请教同学老师，一步一步的度过难关。这次的毕业设计经历，很好的将大学四年的学习融合起来，更深刻的理解了当初学习的意义，也从中明白了一个项目的开发流程和每一步的实施情况。在这次的毕业设计中，学习到了很多不曾在书本中学习的内容，明白了作为一名计算机专业的学生，经常的动手操作是多么的重要，也清楚了自己的弱项，便于在今后不断提升自己。这次的系统开发，提高了我的专业技能，深刻明白了开发的流程不只是代码的堆积，而是要经过可行性分析，需求分析，总体设计，各个功能模块的详细设计以及在开发成功之后的测试和维护也是相当重要。在这几个月的时间里，要感谢的人很多，首先感谢我的指导老师给了我独到的意见，在没有老师指导之前，自己处于慢无目的的去修改论文，不知道要修改的重点在哪里，在经过指导老师的指点后，我清楚了自己论文的不足之处，集中精力去修改，节省了很多时间，也取得了很好的结果。感谢跟我一起奋战论文的同学，我们一起讨论