毕业论文（设计）基于微信公众平台的微信校园系统

基于微信公众平台的微信校园系统摘要随着经济的不断发展，国家不断重视科技的同时，校园信息化也急剧发展。互联网时代的来临让教学信息化和校园网络化更加迫切，成为现代教育的主要方向。微信校园作为自由教学、学生动态、师生活动、资源发布等工作的一个公众平台，它的开发加强了老师、同学、家长三者间的交流，改变了那些中规中矩的教学模式，学生可以通过平台自由分享学习经验，学校通过平台对家长提出教育孩子的建议等，这些对推进教育信息化发展具有重要的意义。校园信息化的建立需要持久性、实用性和开放性等特点，由于这样，微信校园系统也不再是简便的、封闭的、停止的，而是一个多彩的、开放的、随着时间的推迟会不断发展的系统。本系统采用Java编程语言外加SQL数据库和SSH框架进行开发，他们的搭配让系统开发变得更加简洁和实用，虽然工作量低，但工作效率高。本论文讲述了微信校园的各个功能，对相关功能的实现进行了详细的讲解，配合数据库构成完整系统。【关键词】：Java；SQL；SSH；校园；公众平台

WeChatcampussystembasedonWeChatpublicplatformAbstractWiththecontinuousdevelopmentofeconomy,thestatehasattachedgreatimportancetoscienceandtechnology,whilethecampusinformationtechnologyhasalsodevelopedrapidly.TheadventoftheInterneteratomaketeachinginformationandthecampusnetworkmoreurgent,andbecomethemaindirectionofmoderneducation.Microlettercampusasthefreedomofteaching,student,teacherandstudentactivities,resourcepublishingworkofapublicplatform,itsdevelopmentstrengthenthecommunicationbetweenteachers,studentsandparentswho,changetheteachingmodeofthoselaw-abiding,studentscanthroughfreeplatformtosharelearningexperience,schoolthroughtheplatformforparentstoputforwardsuggestionsfortheirchildren'seducationandsoon,thesetopromotethedevelopmentofinformationtechnologyineducationhasimportantsignificance.Campusinformatizationestablishmentneedspersistence,practicalandopencharacteristics,becauseofthis,themicrochannelcampussystemisnolongerasimple,closed,stop,butacolorful,open,withthetimedelaywillcontinuetodevelopthesystem.ThissystemusestheJavaprogramminglanguageandtheSQLdatabaseandSSHframeworkfordevelopment,theymakethesystemdevelopmentwithamoreconciseandpractical,althoughtheworkloadislow,buttheworkefficiencyishigh.ThispaperdescribesthevariousfunctionsoftheWeChatcampus,therealizationoftherelevantfunctionstoexplainindetail,withthedatabasetoformacompletesystem.[Keywords]:Java;SQL;SSH;campus;publicplatform

目录TOC\o"1-3"\h\u227321导言 131935 129666 1198922关键技术和内容介绍 22556 28600

2.2Tomcat7介绍 214426

2211282.4SSH框架介绍 317170 3258303系统分析与设计 421251 4174283.2系统设计 423575 414876 514036 685814系统实现 839274.1前台设计 82788 87458 971504.1.3首页模块： 11292884.1.4个人中心模块： 1123568 12263054.1.6公告管理模块： 137354.1.7院系信息模块： 131034.1.8教师信息模块： 14160844.1.9成绩模块： 1662524.1.10在线论坛模块： 1624378 1965334.2.1后台登录： 19251394.2.2后台首页显示： 19303104.2.3院系管理： 20123544.2.4教师管理： 2271064.2.5新闻管理: 23227124.2.6论坛管理： 238664.2.7用户管理： 24325015系统测试 25309695.1测试介绍 25262735.2测试方案 2515260 26281895.4测试分析 26273776结论 2732090参考文献 286560致谢 29发展现状在科技飞速发展的今天，互联网成为了一种生活必不可免的要素，在人类的衣食住行中都有着它的身影，在信息化建设的政府和企业机构中尤为重要，它的位置已经不可以被替代。如今的人们不再只能通过面对面的沟通方式了，另一种无论相隔万里只需有网络覆盖的沟通方式诞生了，网络的能力被世界各地追捧。如今的互联网技术越来越成熟，信息的发布也更加依赖网络，而网站的建设才能让信息发布，继而用户能及时下载。所以网站的建设影响了社会信息化的快速发展，在现在这个信息大爆炸的社会其地位显而易见，网站的建设不容忽视。而目前学校最需要面对的就是：为了迎合这个信息社会利用技术开发一个属于自己的校园公众平台，从而加快学校信息化发展的问题越来越迫切。因为校园公众平台不仅让学校的信息环境大大提高、影响力增强，而且对于学校的信息管理水平等方面大大提高[1]，方便了学生的自由发展，更好的帮学生找寻自己所需的信息。此课题的研究意义体现在：校园微信能让我校更好的适应信息时代，推动了校园信息化的进程，提高了学校对于有利信息资源的利用和开发，加强了老师对学生的关注，同学之间有了更好的互动交流，学校的知名度也越来越高，种种优势让校园公众平台的发展具有非常好的前景。对于上面的原因，我选择《基于微信公众平台的微信校园系统》课题，开发我的毕业设计。如今的企业都在向开放性发展，员工与员工之间需要信息交换，公司的重大信息也需要及时发布。校园和企业是一样的，学生相当于员工，需要了解自己的学业信息。对于学校来说，校园内发生的重大事情需要让学生及时知道，新的教育规章的实行也需要第一时间通知到位，学生和家长的意见要准确接收到，已经变成了学生和社会衡量学校教育工作的重要标准，建设动态的信息发布系统迎合了社会的发展，它的意义是非常巨大的[2]。系统采用B/S工作模式，后台使用MySQL数据库，搭建web项目使用的是当前最流行的SSH框架，前台使用jsp编写页面。MyEclipse介绍

MyEclipse（MyEclipseEnterpriseWorkbench

）是对EclipseIDE的扩展，它是eclipse的一个插件，在进行数据库和JavaEE的调用，以及应用程序服务器的整合是效率可以被很大程度的加快[3]。Java编译器在MyEclipse中被内置了。和一些常见的自带界面的程序一样，MyEclipse同样对于标准的界面和某些自定义的概念是支持的。MyEclipse是一个很优秀的插件集合，它自身的功能很厉害并且对于很多开源产品的支持让人满意，它的支持面也非常广泛。

2.2Tomcat7介绍Tomcat在Apache软件基金会中是一个很重要的项目，在Tomcat中目前最新的Servlet和JSP规范可以被充分的体现出来。该技术是当前一款非常受欢迎的Web应用服务器，因为它比较领先，它的性能相较于其它的技术很稳定，不仅Java使用者们对它非常喜欢，部分的软件开发商也认同它[4]，在服务器中它被算在轻量级内，在一些特定的场合下被普遍使用，使用者们会优先用它开发和调试JSP程序。在Tomcat的第7系列中加入了很多不一样的功能，那些原有的功能被设计的更加完美。在很多论坛、文献中都写出了它开发出来的新功能，可是它们中大部分都没有很好的解释这些新功能，或者通过给出一些代码当作示例来解释。

MySQL是一款很好SQL数据库管理系统，在很多情况下你可以随意使用，尽管这款产品不属于开放源代码。MySQL不仅受到众多的爱好软件开发的程序员的喜爱，而且商业开发用户也经常使用它，因为它具有非常强大的功能、很灵活、具有很多应用编程接口和很多细致的系统结构，那些需要数据库的网站它可以很好的为它们提供动力。MySQL不同于别的SQL数据库服务器，它不仅可以多用户而且真正可以实现多线程，SQL在当今众多数据库语言里是最畅通的[5]。MySQL数据库在组织和管理那些很多的数据和库存查询请求时不是单单为用户提供信息，还能在连接数据库时给出几个重要的功能。2.4SSH框架介绍SSH是由很多框架集成出来的并不是只有一个，在目前的各种不同框架中它是很受欢迎的一种。表示层、业务逻辑层、数据持久层和域模块层这四个是SSH框架职责的分层，以便于通过这四个层更好的方便开发人员认识到系统的职责，以此在很短时间内就可以构建出理想的，可复用性好的、拥有明了结构的Web应用程序。在系统中Struts被当作整体基本架构，来负责MVC的部分[6]。微信是一种用来拉近人和人之间距离，让世界变小及时通讯工具，它具有及时性、便捷性、多样性等特征，微信开发的同时推出了“摇一摇”、“订阅号”“语音交流”、“添加好友、公众号”、“消息推送”等多种服务项目，只需通过消耗很少的流量就能很好的使用它们。对于主流的ios、Android等手机平台，它是完整支持的。对于短语音、小视频、文字、图片等得发送都能很好的完成，由于开发者对于这些信息会进行优化，发送信息所损耗的流量相较于其他工具是很少的。订阅号是腾讯公司近几年推出的一个新的功能，它其实就是一种新出的信息传递方法，方便了媒体和个人更好的发布或者了解信息。像以前的报纸爱好者们一样，都会订阅喜爱的报纸，每天都会关注国家里面发生的大事或者趣事，拥有订阅号的用户就可以随意向自己的关注者们推送消息。相较于订阅号，腾讯为了给企业用户提供更加全面的功能，开发了微信服务号功能。服务号有两种，一种是认证过的，还有一种是没有认证的，只有公司认证的才算是真的认证了，也只能有公司才能申请拥有认证服务号，而没有认证的服务号就跟订阅号基本一样。那些通过了后台认证的服务号，系统就会给它们提供接口，还提供了更为重要的支付功能，只要通过了认证的服务号，就会有高级接口提供，同时提供了最重要的微信支付功能，拥有了可以轻松开店管理的微信小店。但是服务号和订阅号还是有一个很大的区别，订阅号对于推送消息系统没有什么限制，而服务号系统限制在一个月内最多对同一个用户推送4条消息。3系统分析与设计经过了翻译各种书籍和参考各种资料，对系统的功能进行了细致的分析，来确定自己设计所需用的需求，最后决定所做设计最终的功能标准，和整体的标准。1、前台界面设计登录模块：用户在前台登录和注册，设计和实现登陆出错问题、用户的使用和相互交流。2、学校新闻管理模块：用户可以方便查看学校近期的各种新闻。3、学校的公告管理模块：用户可以自由查看最近有关学校方面的重大公告。4、院系分布模块：用户可以查看各个院系的分布信息。5、教师信息模块：用户可以自由查询教师信息，只要录入数据库中的。6、成绩查询模块：用户可以通过输入自己的信息查询自己在数据库里面的成绩。7、留言板模块：用户可以根据实际情况在留言板上留言，当然只有那些通过了管理员审核的才能被显示出来，对于显示出来的留言，其他用户或者管理员都可以参与讨论。3.2系统设计系统功能结构图就是对功能进行分析解剖从而更容易理解。那些管理功能的各个子系统是功能模块的下属功能，可以分为二类子功能三类子功能来分别实现自己所需要完成的工作。而系统的功能结构图就是依照系统功能的从属关系而表示出来的一类图，图里面的每个框架都是一个功能模块。而功能模块是可以根据功能的实际情况来分的有些模块可以大点，有些可以缩小点，基本上按照形状大小处理功能大小相异的模块。后台是系统对于信息资源管理的一个地方，只有拥有相关权限的人才能对后台的资源进行修改，后台里能有信息管理、论坛管理、用户管理三大功能。后台管理如图3-1所示：图3-1后台结构图前台是用给用户实行功能的地方，需要验证身份才能正确的进入，也可以修改密码，没有账号的用户需要注册，进入后用户可以拥有系统所给予的各种功能来满足自己所需要的服务。前台结构如图3-2所示：图3-2前台结构图的用例分析由主角、用例包括它们之间互相的关系形成的图是用例图。它是一个属于静态的图被用来描述系统。在母系统和它的子系统之间通过类的影响行为来建设的模子。参与者和用例两者的联系可以清楚的通过它来展示[8]。用户可以清楚的知道怎么来使用系统元素，开发人员也可以更好的知道哪些系统元素是如何实现的。用例图要把每个用户的需要的功能全部分解出工作状态的属性和内容，以防止出生功能重复和有不需要的类的出现，这样更方便建模。用例图定义了系统从外部通过解析功能来观察系统的功能，它不一定显示了全部的系统功能，如图3-3所示：图3-3管理员用例图设计和调用（1）虽然并不是所有的系统都需要数据库，但是校园微信需要后台来保留和收集一些重要的信息。对于数据表，它在数据库的大家庭里面他是一个重要的成员，因为如果数据库缺少它这种对象就不能更改一些表的相关定义，那些不同于它的对象就没了基础。由于每个数据库可能不一样，数据表也随之不一样，需要依靠信息的分类来创建表。它可以在可视的数据库画板中被查找出来[7]。●t_user表表包括的数据项有用户id、用户名、密码、权限、相关邮箱、、qq、wechat、性别、生日等●wct_posts表表包含列表id、写出的标题、发布内容、用户id、用户名、更新日期等●t_obj表包含id、标题、相关内容、更新时间、类型、图片、地址、、职位所在院系、分数、课程等●wct_replay表包含id、pid、内容、用户名、发表日期，新加的数据等表3-1t-user表字段介绍字段名数据类型长度字段诠释主键idint10用户编号是usernamevarchar50用户名否passwordvarchar50密码否roletypevarchar50权限等级否emailvarchar200邮箱地址否addressvarchar200家庭住址否telvarchar20否qqvarchar20腾讯qq否wechatvarchar20微信否sexvarchar20性别否birthvarchar20生日否表3-2wct_posts表字段介绍字段名数据类型长度字段诠释主键idint11信息编号是titlevarchar50题目否notevarchar500内容否uidvarchar10用户编号否usernamevarchar200用户名否ndatevarchar50发布时间否表3-3t_obj表字段介绍字段名数据类型长度字段诠释主键idint11编号是titlevarchar50标题否notevarchar500内容否ndatevarchar50更新日期否typevarchar50类型否imgvarchar200图片否addressvarchar200地址否fnamevarchar200姓氏否clertvarchar200职位否telvarchar200否yuanxivarchar200院系否scorevarchar200分数否coursevarchar200学科否表3-4wct_replay表字段介绍字段名数据类型长度字段诠释主键idint11编号是pidvarchar10身份标识否notevarchar500内容否uidvarchar10用户编号否usernamevarchar200用户名否ndatevarchar50更新日期否（2）数据库调用依赖注入sessionFactory中，对其加入注解，对HibernateTemplate加注解，并实例化对象。实例化Obj类的对象model,调用HibernateTemplate模板中的findByExample方法从数据库中查找数据，返回list集合，通过判断list.size（）是否为零进行值的返回，核心代码如下： @Transactional(propagation=Propagation.NOT_SUPPORTED) publicObjfind(Objmodel){ try{ List<Obj>list=getHibernateTemplate().findByExample(model); if(list.size()>0){ returnlist.get(0); } }catch(Exceptione){ e.printStackTrace(); } returnnull; }4系统实现4.1前台设计前台登录模块（1）登录功能实现选择此设计后进入界面如图4-1所示：图4-1登录显示界面（2）技术实现：用户根据界面提示输入相关信息然后点击“登录”，程序从数据库的users表中通过循环对比用户信息检查用户是否存在，如果用户输入的信息在数据库中存在则登录成功，如果信息不存在或错误系统就会跳出“用户名或密码错误”提示框。在UserAction类中的登录是通过判断信息是否在数据库存在[9]：（3）然后通过struts.xml文件来进行控制页面跳转，跳入struts.xml中Action的相关配置：<action

name="User"

class="com.ideabobo.action.UserAction">

<result

name="success">/web/pages/User/user.jsp</result>

<result

name="login">/web/pages/Index/login.jsp</result>

<result

name="index">/web/pages/Index/index.jsp</result>

</action>(1)用户注册界面如下图4-2：图4-2用户注册界面(2)通过点击“绑定微信”按钮实现onclick事件，调用toRegister方法跳转到registerpage页面，通过对用户提交的各种信息进行判断来提示操作，最后提交表单实现注册验证。相关代码如下：functionregister(){varfdata=serializeObject($("#registerform"));if($.trim(fdata.username)==""||$.trim(fdata.passwd)==""||$.trim(fdata.tel)==""||$.trim(fdata.address)==""){showLoader("请填写完整信息!",true);//通过检测提示return;}if(fdata.tel.length<11){showLoader("号码格式不对!",true);//通过字符长度判断return;}if(fdata.passwd!=fdata.passwd2){showLoader("两次密码不一致!",true);return;}commitRegiesterInfo(fdata);}4.1.3首页模块：在用户登录后会进入首页，首页页面显示如图4-3所示：图4-3首页显示4.1.4个人中心模块：（1）用户进入首页之后可以看到下方个人中心，然后点击个人中心按钮iu会出现”查看我的信息”或者“修改密码”两个选项。（2）修改密码是通过调用更新指定用户信息的updaeUserInfo方法，系统进入数据库找到有关用户信息的表，需要更改信息的id必须和数据库中的匹配才能提交更新的用户信息，否则就提示没成功。（3）查看我的信息功能是在index.html中，通过div布局显示页面效果，点击“我的信息”触发onclick事件，调用user.js类当中的myinfo方法,index.html中相关代码实现如下：<divrole="main"class="ui-content"><uldata-role="listview"data-inset="false"data-theme="d"><lionclick="myinfo();"><h1>我的信息</h1></li><lionclick="toChangePasswd();"><h1>修改密码</h1></li></ul></div>（4）在User.js类中调用myinfo方法进行登录，如果用户信息不存在跳转回登录界面，如果存在就调取数据库中的相关id信息，核心代码如下：functionmyinfo(){if(!userinfo){changePage("loginpage");//页面跳转return;}changePage("userinfopage");$("#editbutton").hide();$("#rmyImage2").attr("src",fileurl+userinfo.img);//从数据库调用}（1）用户登录成功后跳转到校园微信首页，然后会出现新闻管理功能和其他功能，点击“新闻管理”按钮，跳出信息列表界面，出现关键字搜索功能来帮助用户更方便的寻找所需要的信息。信息列表界面如下图4-4所示：图4-4信息列表界面（2）技术实现：Index.html调用yewu.js中toxinwen（）方法，toxinwen（）调用jbtool.js中的changepage方法进行方法的重写，相关代码如下：functiontoXinwen(){changePage('xinwenpage');}functionchangePage(id,animation){animation=animation||randAnimation();$.mobile.changePage($("#"+id),{transition:animation})}4.1.6公告管理模块：（1）公共管理页面显示如下图4-5所示：图4-5信息列表界面（2）通过点击相应的功能模块，调用toList方法，可以跳转到相应的页面。公告列表通过listview类显示所有公告，相关代码实现跟新闻管理模块类似。4.1.7院系信息模块：（1）所有院系列表的页面显示如下图4-6所示：图4-6院系信息列表界面（2）代码实现方法跟公告管理模块相同，都是调用toList方法传不同的参数进行相应页面的跳转显示。（3）院系详细信息显示页面效果如下图4-7所示：图4-7院系详细信息界面4.1.8教师信息模块：（1）教师信息查询界面如下图4-8所示：图4-8教师信息列表界面（2）详细信息界面如图4-9所示：图4-9详细信息界面（3）在Yewu.js中调用toDetail方法，系统根据用户输入的数据类型在数据库中查找相关信息，用getObjectById方法传id和focuslist两个值赋给obj，再用jQuery把数据库中相关的值传到页面进行界面显示。4.1.9成绩模块：（1）查询所需的同学的成绩信息，界面如下图4-10所示：图4-10用户信息列表界面（2）学生详细信息界面效果如下图4-11所示：图4-11用户详细信息界面4.1.10在线论坛模块：（1）通过点击“在线论坛“按钮，跳转到论坛功能的问题列表界面。显示如下图4-12所示：4-12论坛问题列表模块（2）用户可以查看所有问题的详细信息并且可以发表自己的问题，页面显示下图4-13所示：图4-13新增论坛信息界面（3）发表问题通过点击“发布”按钮通过调用yuwu.js类中addForm方法实现问题发布新增内容，addForm方法具体代码如下：functionaddForm(){varnote=$("#fnote").val();vartitle=$("#ftitle").val();ajaxCallback("addPosts",{uid:userinfo.id,title:title,note:note,username:userinfo.username},function(){toLuntan();});}（4）当你需要了解用户发表的问题的详细信息时，你需要发表回复信息来询问，显示如下图4-14所示：图4-14用户发表回复界面（5）点击“发表回复”按钮，调用addReplay()方法发表回复代码如下：<ahref="#"onclick="addReplay();"class="ui-btnui-btn-c">发表回复</a>在yewu.js中调用addReplay方法，把回复列表的数据从数据库中调出然后显示出来。4.2后台管理4.2.1后台登录：（1）后台登录界面显示效果如下图4-15所示：4-15后台管理登录界面（2）这段代码其实就是在struts.xml配置文件中配置action，请求调用IndexAction中的index（）方法进行登录验证[10]流程图如下图4-16所示：图4-16登录验证流程图4.2.2后台首页显示：后台首页界面如图4-17所示：图4-17管理员页面4.2.3院系管理：（1）显示院系列表界面如下图4-18所示： 图4-18院系分布界面（2）院系管理中添加院系界面如下图4-19所示：图4-19添加院系界面（3）管理员可以添加、修改、删除院系的信息，添加院系信息通过点击“新增”[11];toolbar:[{text:'新增',id:"tooladd",disabled:false,iconCls:'icon-add',handler:function(){$("#action").val("add");$("#managerDialog").dialog('open');managForm.reset();}}（4）修改院系信息，要选中一条记录才可以进行修改否则会被提示，通过在yuanxi.jsp中用jQuery进行控制，通过handler方法更新数据库中被修改的数据。4.2.4教师管理：（1）教师列表显示jiaoshi.jsp如下图4-20所示：图4-20教师列表界面（2）教师管理中添加教师信息界面如下图4-21所示：图4-21添加教师信息界面（3）当你点击保存按钮，会进行输入内容的验证，姓名、职位、不能为空，否则会显示错误，让你更改，当保存时调用save（）方法实现数据的保存。4.2.5新闻管理:（1）新闻管理中添加界面如下图4-22所示：图4-22新闻管理添加新闻界面（2）在ObjAction类中调用upload（）方法实现图片上传功能，通过servletActionContext.getServletContext().getRealPath()方法获得真实路径。4.2.6论坛管理：（1）问题列表显示如下图4-23所示：图4-23问题显示界面（2）管理员可以将选中的一条数据去除，只要调用PostsAction类中的deleteItem（）方法就可以实现。4.2.7用户管理：（1）用户列表显示如下图4-24所示：图4-24用户列表显示界面（2）要实现分页技术需要在UserserviceImp类中实例化page对象，然后再调用page中的属性和方法来实现分页查询。5系统测试5.1测试介绍设计系统跟制造汽车一样不可能刚完工就可以投入使用，大的项目不会一次就成功，或多或少都会有那么些需要完善的地方。在进行系统调试的时候，一些简单的语法错误或细节处理不当很容易被调试出来并要求更改，但另一种错误是开发者开发代码时由于他们对系统功能不当的处理或者是由于逻辑错误而导致的错误结果，对于这类错误，它们非常隐蔽，他们可能不是一直存在的，可能在某段时间内存在了，也可能在莫段时间内被隐藏起来了，所以，由于这种系统错误是动态发生的，对于他们的排查是非常消耗时间和精力的。当然如果需要进行系统测试，前提是系统已经正确的连接好了数据库，并且每个界面都能正常被打开。5.2测试方案运行校园微信系统，检测是否和设计的结果一样。下面仅写出一个本系统中具有代表性的重要测试案例：前台的用户登录：（1）当用户填写的用户名或密码不正确或者其中一项没有输入时，系统自动跳出提示信息。如图5-1所示：图5-1系统登录出错提示图（2）输入的用户名和密码正确的时候，则会登录到用户所属权限的功能界面。如图5-2所示：图5-2正确登录系统界面图进入测试流程：1.使用管理员账号进入测试主界面。2.选择添加内部信息。3.输入正确和错误的信息看能否添加。测试种类：基于测试用举例子的要求编写相应测试用