【基于微信小程序的英语考研设计9800字（论文）】

绪论1.1开发背景与意义微信小程序是一种集成于微信内部的应用程序，其最大的特点在于用户无需用手机进行下载，微信用户可一键通过手机实现注册登录等功能，节省了用户的手机空间，省去了平常app所需的下载时间和注册登录时间，为用户提供了省时便捷的服务。对于开发者而言，微信小程序开发研发周期低，人工成本低下，为企业节省了开发成本。微信成了当代人们的社交必备app，这也为小程序的推广和运用市场提供了有条件。目前，已有很多关于考研英语的管理系统，但是多数的管理系统提供的服务太过复杂，一个功能往往要经过多种操作才能实现，甚至有些功能是用户很少使用或者可以说是多余的，用户根本不会去使用，这对于用户来说是一种极大的不便利。基于此情况下，我开发的这款微信小程序主要以提供必要的服务，减少华而不实的运用，以此来提高用户的使用感受。研究考研英语题库小程序的意义在于：能够使考研学生迅速进入小程序学习，根据小程序提供的不同的选项进行适合自己的题库进行刷题，以达到提高学生英语水平的能力。而且学生能够在做完题后看到所有题目的解析和自己的错题，并且能够对自己做错的题目进行再次练习。通过各种功能达到提高考研学生英语水平的能力。1.2开发方法采用了微信开发者工具和MySQL以实现本课题的开发，在早期阶段，我们明确主题，运用所学和相关专业知识，利用网络和身边资源查询有关数据，以具体相关要求为方向来编写系统需求分析。在需求分析的基础上，我们进行了这个主题的设计和开发。采用Web语言对整个主题的页面进行设计，对于数据的搜索查询是通过数据库进行的，用户准确的注册登录的实现是基于数据和表单的验证，根据要求达到对国内控制界面的正确显现，并且按要求设计以的满足用户权限。使用Java语言对小程序进行代码的编写。利用MySQL数据库来确保考研英语小程序开发运用操作。1.3论文主要研究内容该论文在众多英语小程序的基础上，分析了现在英语考研小程序的特点，详细介绍了小程序的开发目的、开发步骤和系统的详细设计。考研英语小程序为管理员提供的功能有查看登录用户、上传英语试卷、修改删除试卷等。用户可通过考研英语小程序进行登录注册，真题试卷刷题，查看答案解析，查看错题集的功能。为了确保系统实施的可能性，我运用idea软件进行系统开发设计，根据MySQL数据库和Java语言成熟好操作的特点，利用MySQL数据库进行系统开发数据的存储，通过Java语言设计考研英语小程序。最后，通过对系统进行测试以完善系统，以此来发布该小程序。PAGE2系统开发技术与环境2.1系统开发语言\t"/item/Java%20%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/_blank"Java在20世纪被推出以来的20多年里，逐渐成为程序员编写代码时最常用的语言。其使用面向对象的方法进行编程，并且基于Java特有的交互性特点，这种特点使得它既可以在单独一台计算机上运行，也可以分布运行在不同的客户端和服务器上。Java语言的操作使用非常丰富，这不仅仅体现在于开发Web网页上，在大部分Android软件的开发上开发人员也选择了Java语言。Java的应用不止仅表现于软件的应用上，对于大数据技术的编写也同样举足轻重，不光Hadoop采用了Java,其他的大数据处理技术亦是如此。不仅如此，Java还可以编写applet或者小容量的应用程序模块，作为从Web页面到applet允许Web用户和网页之间的交互。对于存储管理问题，Java也有独特的处理办法，自动对来自于对象的直接引用或间接引用进行处理，以完成自动收集无用的单元的目的，大大节约了程序员的精力和时间。2.2系统客户端技术微信开发者工具在微信官网就可一键下载安装，来源方便快捷。微信基于为程序员提供良好的开发环境，降级开发成本和提高开发的效率，微信为开发者专门量身打造了微信开发者工具，将几乎所有开发者需要用到的工具功能都集合在一起，包括编写代码、调试、上传等操作都可以直接在微信开发工具中完成。2.3系统网页技术HTML是一种可以对网页进行开发的标记语言，其便捷、一目了然、随时运行的特点对程序员提供了巨大的方便，作为一种超文本标记语言，可以在各个编程软件上进行编写修改，程序员可以使用自己熟悉的软件，这减少了适应软件的过程。HTML还支持以链接的方式插入图片、音频、视频，对于表单的创建也可以通过<tr><td>来实现，满足人们对页面多元素、丰富化的需求。Web浏览器提取HTML文件后，将其通过网页显示，并且在网页中就可以对HTML语言进行修改，修改后的效果也会即使反馈在网页中，便于即使看到效果，达到设计要求。JavaScript是用于设计HTML动态页面的设计的一种语言，能够实现一组图片的轮播，音频和视频的循环播放，还可以指定位置实现鼠标箭头的转化，甚至可以在页面上显示下雨、飘雨效果等。JavaScript在HTML中的应用非常的广泛，一切动态效果的实现都可以依靠JavaScript来实现。2.4系统数据库的选择MySQL数据库是基于实体之间的联系，创建表格，对表与表之间进行关联，以此来存放数据。这种存放数据的方法的好处在于能够实现数据的随时读取，以此在增强数据库的灵活性的同时提高了速度。MySQL数据库因为其出色的性能，稳定的服务器，具有很好的实用性。并且MySQL的源代码是完全开放的，且不受到版权的限制，这就提高了数据库的自主性，节约了开发者的使用成本。MySQL内存小，占用电脑空间少，方便用户安装。在操作上，MySQL支持多种系统，sql语句在学习运用上也十分容易上手，这些优点都为开发人员的使用提供了便利。2.5系统的运行环境2.5.1硬件环境处理器：InterCOREI5内存：最低4GB硬盘空间50GB以上2.5.2软件环境软件环境对于系统开发来说是至关重要，程序员是否熟悉软件环境在很大程度上会对系统的开发产生巨大的影响。开发人员如果使用的是自己不熟悉的软件环境，就需要一点一点的开始对软件进行认识，包括从一开始的安装配置，到各种代码的编写，再到运行过程的调试，这些都是极其耗费时间和精力的。但如果程序员使用自己熟悉的软件环境对系统进行开发，这就省去了对于新开发软件的安装、配置和熟悉过程，对于系统的开发而言不光节约了开发人员精力的投入，还有利于节约开发时间，开发成本，这对于任何一项系统的开发都是喜闻乐见的。由此可见，选择一个合适的软件环境会带来多大的好处。操作系统：windows数据库：MySQL系统开发工具：idea软件开发语言：Java服务器：Tomcat

3系统分析3.1可行性分析可行性分析分别从经济可行性、技术可行性、操作可行性的角度对该系统进行分析，为系统提供准确、科学的系统分析。3.1.1经济可行性研发该系统的经济需求是较为可控的，系统中所运用到的物品信息获取价值也在一定的范围之内。考研英语小程序运用Java语言，利用MySQL数据库对数据进行存储，这些所需要的硬件环境和措施在市场上都是可以轻松获取的，微信开发者工具由微信官方免费提供，以此看来，这大大节省了系统开发成本。小程序开发完毕后，可以进入市场流通使用，以此获得经济效益，所以从经济可行性角度来说，该系统是可行的。3.1.2技术可行性考研英语小程序开发所采用的Java语言，MySQL数据库都是市面上相对比较成熟便捷的，但是因为小程序的开发要求应用具备完善的功能，并且在使用上要有简单易操作的特点，这对于开发人员而言有一定的难度，这要求开发人员的技术水平比较高超。3.1.3操作可行性考研英语小程序管理系统的界面要求为简单、一目了然，在界面的展示上采用简单常见的UI，有助于用户对于该程序的上手和使用。微信小程序作为微信app中的功能，无需下载安装，并且易于上手、操作难度低，因此小程序有很大的开发性。3.2系统用例分析3.2.1管理员用例分析管理员在登录系统之后，可以对系统进行的操作由：用户管理，题库添加，题库管理的操作，其用例图如3-1所示：图3-1管理员用例图3.2.2用户用例分析用户通过登录之后，功能模块有：个人信息，题库刷题，真题考试，错题信息，成绩记录，其用例图如3-2所示：图3-2用户用例图3.3系统流程分析在选题已经确定的情况下，对选题内容进行市场调研，结合调研结果确定系统的需求分析，以系统的需求分析为出发点，结合自身，选择熟悉的开发语言和开发软件，下一步是根据系统开发所需的实体建立相应的数据库，完成数据库的设计，明确小程序所要实现的功能，进行代码的编写，并完善小程序界面，达到小程序的整体开发要求，本系统的开发流程如图3-3所示：图3-3系统开发流程图3.4系统操作流程该程序虽然分为用户端登和管理员段登录，但是在系统读取数据库中的登录数据，识别登录者身份之后，用户和管理员的登录流程的步骤是同样的，知识系统会根据身份的不同，给予不同的操作权限。其具体登录流程如图3-4所示。图3-4登录流程图3.5读取信息流程在本程序中管理员具有读取信息的权限，可以读取的信息有：用户信息、试卷信息、错题信息，其操作流程图如图3-5所示：图3-5信息读取流程图3.6信息存储流程图后台管理人员可以对题库信息进行添加、修改、删除等系列操作，数据库在管理员操作后对数据进行存储，数据存储流程如图3-6所示：图3-6数据存储流程图3.7系统数据流程图在对系统进行了一系列的分析之后，我们大致清楚了系统的整体需求，以及系统大致的操作流程。系统操作最主要是分为两个客户端进行的，填入登陆注册信息后，数据库对比相应数据，确定登录者信息为用户或者是管理员，在根据身份的不同，进入不同的界面，对系统进行不同的操作。用户只能在小程序界面对自己的个人信息进行修改，且只能进行读取题目信息和做题的操作。管理员在对用户信息进行获取的基础上，还能进行对题库数据修改、添加、删除的操作。基于对小程序不同用户的不同操作的认识，系统的数据处理过程如图3-7所示。图3-7系统数据流程图3.8数据流程分析系统根据业务流程信息对数据流进行整理分类，并通过对数据流进行细化分析来分层显示不同部分的数据流。1.第0层数据流程图注册管理员和用户后，输入登录信息就可以进入小程序的页面，如图3-8所示：图3-8第0层数据流图首先，用户进行注册之后，填入的信息会存入到数据库的相应表格中，当用户在登录界面填入对应的信息之后，系统会自动与数据库中的数据进行对比，确认数据的正确性，正确则会进入相应的管理员或用户界面，错误或显示错误信息，并且无法进入系统。用户在识别身份后进入相应符合身份的界面，可以根据身份对小程序进行各种操作，操作时产生的数据会以语句的形式存入到数据库相应的数据表格中，以此完成对数据的修改添加。2.第1层数据流程图第一层是详细的描绘了小程序系统的数据流程。该数据流程的实现用户和管理员在登录之后都可以执行相应操作来完成。如图3-9所示：图3-9第1层数据流图根据上图提供的信息，我们可以看到数据实体主要为普通用户和管理员。从上图可知，普通用户数据流由题库信息和错题信息组成，管理员数据流包括题库管理和用户管理。管理员数据流可以在查询和浏览信息的基础上对题库数据进行添加，修改和删除。

4系统设计概要4.1系统概论系统设计主要是对考研英语微信小程序进行一个整体的设计和各个不同功能的详细分析。我们需要基于全局的情况下，考虑小程序将会使用的文档、数据等，并以此建立相应的文件夹以存放这些文件，在设计时可以避免文件错乱的情况，还需要考虑小程序中所需的具体的功能，以此设计功能模块。而详细设计则在整体设计的基础上，根据小程序的功能模块进行具体的设计，以达到实现小程序功能的目的，最后考虑小程序页面的设计，提高小程序的美观度。4.2系统结构设计系统结构设计是基于系统整体设计的基础上，对系统需求有正确的认识和理解的情况下，对小程序系统结构进行排版设计，明确不同的客户端所执行的不同的功能。在考研英语微信小程序中，可以分委管理员端和用户端，其中管理员端的系统功能有登录、用户管理、添加题库、题库管理。而用户端主要执行的操作是注册登录、题库刷题、真题考试、错题信息、成绩记录和个人信息。在此功能分类的基础上构建了系统结构图如图4-1所示：图4-1系统功能图4.3系统数据库设计4.3.1概念模型设计数据库设计对于系统设计十分重要，系统将以数据库设计为前提的情况下进行设计。数据库设计前要明确整个系统设计的大方向，根据软件提出的相应要求先整理出数据库设计中所需要的实体，根据现实生活中的关系建立实体之间的联系，以此画出数据库所需的实体图，在实体图的基础上利用MySQL语句编写数据库代码，建立相应的数据库表格，再根据不同表格之间的联系对数据库的表与表进行外键关联。数据存储在相互关联的表格之间，牵一发而动全身，一个数据的更改、存放带动整个数据库的变化，不需要进行逐个表格的修改，在方便了用户的同时，还减少了数据的错误。4.3.2数据库实体数据库模型中的实体是指生活中与其他事物有关联，但又不完全与其相同，具有自身特性的事物。例如车库中的每一辆车，一盏灯中的每个灯泡。本系统的E-R图如下。1.题库实体图如图4-2所示：图4-2题库实体图2.管理员实体图如图4-3所示：图4-3管理员实体图3.用户实体图如图4-4所示： 图4-4用户实体图4.3.2数据库结构设计数据库的建立用以确定实体之间的联系，对表与表之间进行相互关联，建立数据库时应尽量做到简洁明了，数据之间不重复，并且建立的数据库在满足系统软件的需求上，要做到合理性，能够很好的与软件设计相适应。根据数据库的设计要求，在数据库中建立了如下表格：表4-1：用户信息表序号列名数据类型长度小数位标识主键外键允许空默认值说明1idint11是是否auto_increment2accountvarchar255是3pwdvarchar255是4namevarchar255是5imgvarchar255是6phonevarchar255是表4-2：信息记录表序号列名数据类型长度小数位标识主键外键允许空默认值说明1idint11是是否auto_increment2uidint11是3ctimevarchar111是4marksvarchar255是表4-3：英语题目表序号列名数据类型长度小数位标识主键外键允许空默认值说明1idint11是是否auto_increment2typevarchar255是3questionvarchar2551是4rvarchar255是5imgvarchar255是表4-4：错题记录表序号列名数据类型长度小数位标识主键外键允许空默认值说明1idint11是是否auto_increment2qidint11是3uidint11是

5系统详细设计和实现5.1用户模块设计5.1.1系统首页模块设计微信用户在进入小程序的之后，首先看到的就是小程序的首页，在小程序的首页中，用户可以看到程序的各个功能模块，清晰的看到自己能够对小程序进行的操作，达到自己使用小程序的目的。系统首页界面如图5-1所示图5-1系统首页设计模块界面5.1.2系统题库刷题模块设计微信用户登录后可以点击刷题模块进行题库刷题操作，进入题库页面后，用户可以在题库页面进行刷题操作。题库刷题界面如图5-2所示图5-2题库刷题模块界面5.1.3系统在线考试模块设计微信用户登录系统后可以进行在线考试操作，点击功能进入考试页面，用户在考试页面进行答题，答题完成后可以在成绩功能中查看成绩信息。在线考试界面如图所示图5-3在线考试模块界面5.1.4系统错题信息模块设计用户登录系统后可以查看错题信息，点击功能进入错题信息页面，在错题信息页面查看错题信息。错题信息界面如图5-4所示图5-4错题信息模块界面5.2管理员模块设计5.2.1添加题库模块设计管理员可以在添加管理中添加试题信息，点击功能进入添加页面，在添加页面输入试题内容后完成添加操作。添加题库界面如图5-5所示图5-5添加题库模块界面5.2.2用户管理模块设计管理员可以在用户管理中查看所有用户信息，可以在用户管理中对用户信息进行删除等操作。用户管理界面如图5-6所示图5-6用户管理界面5.2.3题库管理模块设计管理员可以在题库管理中查看所有试题信息，可以在题库管理中对试题信息进行管理操作。题库管理界面如图5-7所示图5-7题库管理界面5.3论文核心代码实现5.3.1小程序登录、注册代码//index.js//获取应用实例const

app

=

getApp()

Page({

data:

{

username:

'',

password:

''

},

//事件处理函数

bindViewTap:

function()

{

wx.navigateTo({

url:

'../logs/logs'

})

},

onShow:

function

()

{

//

生命周期函数--监听页面显示

wx.hideTabBar({})

},

onLoad:

function

()

{

wx.setNavigationBarTitle({

title:

'登录'

})

},

//

获取输入账号

usernameInput:

function

(e)

{

this.setData({

username:

e.detail.value

})

},

//

获取输入密码

passwordInput:

function

(e)

{

this.setData({

password:

e.detail.value

})

},

reg:function(){

wx.navigateTo({

url:

'../reg/reg',

})

},

//

登录处理

login:

function

()

{

var

that

=

this;

if

(this.data.username.length

==

0

||

this.data.password.length

==

0)

{

wx.showToast({

title:

'账号或密码不能为空',

icon:

'none',

duration:

2000

})

}

else

{

wx.request({

url:

app.globalData.baseUrl

+'/user/login',

//

仅为示例，并非真实的接口地址

method:

'post',

data:

{

account:

that.data.username,

password:

that.data.password

},

header:

{

'content-type':

'application/x-www-form-urlencoded'

//

默认值

},

success(res)

{

if

(res.data.code

==

0&&res.data.data!=null)

{

var

id

=

res.data.data.id;

var

password

=

res.data.data.password;

wx.setStorageSync('uid',

id);

wx.setStorageSync('pwd',

password);

wx.switchTab({

url:

'../main/main'

})

}

else

{

wx.showToast({

title:

res.data.msg,

icon:

'none',

duration:

2000

})

}

}

})

}

}})5.3.2错题库代码const

app

=

getApp()Page({

/**

*

页面的初始数据

*/

data:

{

quest:[]

},

/**

*

生命周期函数--监听页面加载

*/

onLoad:

function

(options)

{

wx.setNavigationBarTitle({

title:

'错题集'

})

var

that=this;

var

uid=wx.getStorageSync('uid');

wx.request({

url:

app.globalData.baseUrl

+'/mistakes/getMyM',

//仅为示例，并非真实的接口地址

//

url:

app.globalData.url.login,

method:

'post',

data:

{

uid:uid

},

header:

{

"Content-Type":

"application/x-www-form-urlencoded"

},

success:

function

(res)

{

console.log(res.data);

if

(res.data.code

==

0)

{

that.setData({

quest:

res.data.data,

//请求结果数据

})

}

}

})

},

/**

*

生命周期函数--监听页面初次渲染完成

*/

onReady:

function

()

{

},

/**

*

生命周期函数--监听页面显示

*/

onShow:

function

()

{

},

/**

*

生命周期函数--监听页面隐藏

*/

onHide:

function

()

{

},

/**

*

生命周期函数--监听页面卸载

*/

onUnload:

function

()

{

},

/**

*

页面相关事件处理函数--监听用户下拉动作

*/

onPullDownRefresh:

function

()

{

},

/**

*

页面上拉触底事件的处理函数

*/

onReachBottom:

function

()

{

},

/**

*

用户点击右上角分享

*/

onShareAppMessage:

function

()

{

}})

6系统测试整个系统设计的最后一步也是最重要的一步是系统测试。系统设计的结果直接关系到了整个小程序的开发的好坏。因为个人能力有限，我们设计开发的小程序中不可避免的存在着一些bug,而系统测试能够帮助我们查找出系统中的bug以便于我们的修正，系统中存在bug的数量直接决定了用于对于小程序使用感受的好坏。因此我们需要在系统测试过程中尽可能的减少小程序出错的概率，修正小程序存在的bug。6.1测试方法黑盒测试和白盒测试是系统测试是最简单常用的两种测试的方法。黑盒测试实际上来说是一种功能测试，主要对系统中的各个模块的功能进行能否正常使用和运行的一种检测方式。黑盒测试检查的是软件的界面和功能的运行，而不在乎软件系统内部的结构和特性，所以可以说这种测试是一种“表面上”的测试。与黑盒测试只检测外部界面和功能构造恰恰相反的是白盒测试。白盒测试在系统的需求分析的基础上，对系统测试流程的进行确定，基于不同的测试的流程，考虑系统提出的不同要求，有针对性的对系统测试方法进行设计，这使得白盒测试有很好的检测到代码的分支和路径的功能。白盒测试的特殊性要求测试技术人员对软件的实现方法有充分的思考，这就要保证测试软件人员对软件的实现方法有充分的思考和清晰的理解，对代码进行彻底的测试，以达到检测出代码中错误的要求。6.2测试实例本系统一共有2个需要测试的模块，即：（1）管理员模块的使用测试

（2）用户的使用测试模块在这里管理员只测试系统的管理功能，测试结果如表6-1所示。表6-1测试结果表测试用例号输入数据测试结果T1用户题库刷题正常T2用户错题信息正常T3管理员题库管理正常T4管理员用户管理正常英语考研小程序系统在经过测试和调试后可以按照系统需求正常运行，没有出现重大的bug，可以满足管理员和用户的要求。但在系统整体测试过程中也发现了一些问题，系统功能相对来说比较简单，数据源的配置还可以进行进一步的改善。6.3系统维护系统维护是系统测试的最后一步，但它的持续时间是最持久的。系统维护是在系统测试完成之后，在系统的运行期间对系统进行更新升级。一个系统能否做到长久的运行，这主要取决于系统维护，在计算机软件的早期阶段，很多系统因为缺乏对系统的维护，导致在使用了一段时间后就会出现各种问题，从而被人们放弃，这反而加大了系统的开发成本。因此系统维护才是整个系统得以长久运行的保障，这也就要求了我们要对系统不定期的进行升级更新。应用程序是系统运行的关键，程序一旦出现问题，整个系统将无法正常进行运行，所以对程序的检查维护是系统维护的重中之重。数据库存储着系统运行中所有的数据，万一数据库出现错误，数据发生紊乱，都将影响整个系统的运行，所以要对数据进行恢复和备份。关于系统的维护问题，应该在系统开发之初就列入整个设计的考虑，如果在系统运行出现问题之后才考虑维护，在维护过程中可能会对其他的功能模块产生影响，导致其他没有出现问题的功能发生错误，这回加大维护的工作量，同时也大大增加系统的维护成本。7结论这次的考研英语微信小程序是我在经过这两年多的学习以来，第一次自主的去开发一个应用软件，这对我来说是一种挑战，更是对我两年学习生涯的一次检测。当初的选题是听取了学长的建议，并且和指导老师的沟通下共同的确定的，从一开始的毫无头绪，到后来一步步接触，慢慢对需要完成的目标有了清晰的认知；从一开始手忙脚乱的下载配置各种需要的软件，到后来可以熟练应用软件进行程序的编写，一步一步都是一种成长。设计软件要在确定主题之后就明确各种问题，类似于管理员需要执行的操作分析，用户可以在小程序中进行哪些功能的体验，明确用户需求分析之后，才可以进一步对软件进行开发编写。这种基于软件整体出发思考问题的角度，也给我了不一样的收获，没有基于整体的考虑，也许在一开始的时候进展是顺利的，但是在后续过程中各种因为考虑不周的小问题就会层出不穷，给整个开发进度拖后腿。考研英语微信小程序看似是一个不算困难的课题，但要克服的难关还是不少的，登陆注册是如何自动获取微信用户信息，错题数据库该如何设计，小程序界面如何设计的美观、具有吸引力等，这些问题在软件设计之初就需要去考虑解决的方法。经过这一次小程序的开发，我好像有点明白了学校要求我们这次完成毕