毕业论文--基于微信平台的校园微快递系统.pdf

本科毕业设计（论文）基于微信平台的校园微快递系统学院名称:计算机工程学院专 业:软件工程班 级:_学 号:_姓 名:_指导教师姓名:_指导教师职称:讲师基于微信平台的校园微快递系统扌商 要:近年来,随着微信的普及,越来越多的人开始使用微信。校园 商品、服务交易仍采用面对面线下交易方式,这种方式不但不灵活,而且不符合 当前这个信息化的时代。为了让同学们更加快速,便捷的得到想要的商品、服务 及快递。设计并实现了“基于微信平台的校园微快递系统”,学生们可以通过微 信订购自己需要的商品、服务及微快递,使得大学生活质量有了一定的提高,让 大学校园迈入了一个新的台阶。本设计说明书根据校园商品、服务及微快递订购的实际情况,详细介绍了校 园微快递系统的设计和实现流程。系统运用软件工程原理和开发方法,通过可行 性研究、需求分析、概要设计、详细设计等步骤进行分析和设计,并采用Spring 框架、JQuery以及MySQL 5.0等技术设计与实现。同时,采用Eclipse作为开 发工具进行开发。系统能够满足商品、服务交易的基本要求,包括用户管理、商 店管理、商品、服务及快递020交易的快捷化和信息化管理等模块。关键词:微信开发,Spring,AJAX,MySQL,HTML5The campus micro express delivery system based on wechat platformAbstract：In recent years,with the popularity of wechat,more and more people began to use the wechat.Campus goods,services trade is still used at face line transactions,this approach is not only inflexible,but also does not meet the current era of information technology.To make students more quickly and easily obtain goods,services and courier want.Design and realization of the nwechat platform based on campus micro express delivery system”,students can order goods,service and micro express delivery they need through the wechat.The quality of university life has definitely improved,so that the campus entered a new level.The design specification based on the campus of goods,services and micro express delivery order,detailing the campus micro express delivery system design and implementation process.System uses software engineering principles,development methods,through feasibility studies,requirements analysis,preliminary design,detailed design,analysis and design steps and use Spring framework,technical design,implementation of JQuery,MySQL 5.0 and so on.At the same time,the use of Eclipse as a development tool for development.The system can meet the commodity,the basic requirements of service transactions,including user management,store management,product,service,express delivery 020 transaction and information management modules.Key words：Wechat Development,Spring,AJAX,MySQL,HTML52目录弓丨言.1第1章概述.21.1 系统开发背景.21.2 系统研究目标和内容.2第2章 可行性研究.32.1 技术可行性.32.1.1 开发技术.32.1.2 开发环境.52.2 操作可行性.5第3章需求分析.63.1 功能概况描述.63.2功能用例图及活动图.7第4章概要设计.154.1系统类图与顺序图.154.2数据结构与数据库设计.204.2.1基本实体表.204.2.2数据库表设计.20第5章详细设计.225.1 开发准备.225.2 用户管理.225.2.!商家注册.225.2.2 普通用户注册.245.2.3 管理员,商家登录.255.2.4普通用户登录.26I5.2.5 用户管理.285.2.6商家个人信息.295.2.7普通用户个人信息.305.3 商店信息管理.325.3.1商店管理.325.3.2商店列表.错误!未定义书签。55.4 商品信息管理.4265.4.!商品管理.365.4.2商品列表.385.5 订单信息管理.395.5.1用户订单管理.395.6 校园微快递管理.425.6.1快递跑腿下单.425.6.2 快递跑单查询.435.6.3 快递跑单签收.44第6章 系统测试与运行.466.1 系统测试描述.466.2 用户注册测试.466.2.1测试目的.466.2.2测试过程及结果.466.3 用户登录测试.476.3.1测试目的.476.3.2测试过程及结果.476.4 创建商店测试.486.4.1测试目的.486.4.2测试过程及结果.486.5微快递跑单签收测试.486.5.1测试目的.486.5.2测试过程及结果.48II纟朮口.50参考文献.51致谢.52in引言使用微信进行商品、服务及微快递交易,使得大学生活质量提高,商家与用 户也能够查询最新商品信息及服务等。使得整个服务流程更加系统、规范,在提 高大学生活质量的同时,也让大学校园迈入了一个新的台阶。因此,开发套结合线下商品、服务交易的校园微快递系统是绝对必要的。本系统可以改变传统的校园商品、服务及微快递的交易方式,减少大量的交易成 本,并可以更加方便的管理订单。本系统设计开发使用B/S结构,利用Eclipse 以及MySQL数据库完成设计开发,部分页面利用AJAX技术完成数据交互,利用 SHA1加密技术保证用户数据的安全。至此,本设计说明书着重介绍了校园微快递系统的分析与设计过程,共分为 6章。第1章概述,主要介绍了校园微快递系统的开发背景、研究目标和内容;第2章可行性研究,主要介绍了系统技术和操作可行性;第3章需求分析,主要 介绍了通过分析校园微快递系统的功能用例图、活动图等面向对象模型;第4 章概要设计,包括系统的类图、顺序图以及MySQL数据库设计等内容；第5章详 细设计,主要介绍开发前的准备以及各个功能的详细设计过程;第6章系统测试 运行,主要介绍通过对本系统的运行进行测试,查看是否存在系统漏洞。第1页共52页第1章概述1.1系统开发背景目前校园商品、服务交易仍采用面对面线下交易方式,这种方式不但不灵 活,而且不符合当前这个信息化的时代。唯有结合线上的交易,采用020模式 进行交易,才能变得更加便捷可靠安全,同时也提高了同学们的生活质量,因此 开发校园微快递系统显得尤为重要。1.2系统研究目标和内容面对当前校园商品、服务交易的现状,迫切需要一个信息化的校园微快递系 统来为大学生提供方便的服务。所以,开发该校园微快递系统是满足市场需求的。本系统建立完善的业务流程和管理流程,用户可以通过本系统方便的进行交易,从而实现交易的便捷化。本系统采用B/S结构,基于其可管理性、易于部署、便于维护以及扩展性等 众多优点,并且充分发挥该结构的跨平台能力,多层结构的升级和扩展的优势。因此,能够很好地完成系统所要求的全部功能基本的要求。包括:用户管理、商 店管理、商品管理、下单、签收订单等功能。第2页共52页第2章可行性研究2.1 技术可行性2.1.I 开发技术1.微信开发微信提供给开发者强大的AP使得微信开发者能够通过微信公众平台很 好的开发出优秀订阅号的公众号及企业号,微信提供给开发者以下开发接口:接收和发送消息(包含文本消息、图片消息、语音消息、视频消息、小视频消息、地理位置消息、链接消息、图文消息)用户管理 白定义菜单管理 数据统计接口 微信 JS-SDK 微信小店接口 微信卡券接口 微信智能接口等微信开发支持多种语言,包含 Java、PHP、ASP.NET、Ruby、Python、Note.js 等,本系统采用的Java语言进行开发。2.AJAXAJAX(Asynchronous JavaScript And XML)是异步 JavaScript 和 XML AJAX是通过XmlHttpRequest寸象完成寸服务器端的异步请求,页面在不用重新 加载的情况下,实现动态刷新,进而实现网页的动态化。在设计很多的动态网页 时,常使用AJAX来完成。3.MVC模式MVC即Model-View-Controller的缩写,MVC是目前常用的软件设计模式。MVC是将应用程序关键功能和数据显示分离开来,最后使用控制器确保前两部 第3页共52页分的同步。使得数据操作和用户界面可以单独开发,增强了程序的可维护性,减 少开发周期。4.HTML5HTML 5団增强了 Web网页的表现能力。并添加本地数据库等Web应用的 功能。HTML5通常是指HTML、CSS和JavaScript的整合。Firefox(火狐浏览 器)，IE9+版本,Chrome(谷歌浏览器)，Safari,Opera等浏览器都能够对HTML5 有很好的支持。5.CSS级联样式表(Caseading Style Sheet)简称“CSS”,通常又称为“风格样 式表(Style Sheet),它是用来进行网页风格设计的。通过设立样式表,可以 统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制 网页外观。6.JavaScriptJavaSeript是种很强大的网络脚本语言,它具有相对的安全性。HTML网 页上添加动态功能一般都使用它来实现。JavaScript被数百万计的网页用来改进 设计、验证数据、动态效果等功能。JavaSeript同时也是种常用于客户端Web 开发的脚本语言,各大浏览器对它都有较好的支持。7.JSONJSON一是种比较轻量的数据交换格式,因为它常用于传递相对较少的数 据。JSON与XML类似,对于 AJAX应用程序来说,JSON比XML更快更易 使用,一般常用eval()处理JSON字符串。JSON可以将JavaScript中一组数据 转换为字符串,进而在函数之间进行快递的传递数据。8.JQueryJQuery是一个优秀的轻量级JavaScript库。它不仅兼容CSS3,还在各种浏 第4页共52页览器中运行稳定。通过使用JQuery,可以方便的实现动画效果和AJAX数据交 互等功能,JQue在许多应用中被广泛的使用,网上有许多的案例和文档资料,其学习门槛较低,很容易入门,系统开发者可以使用JQuery提供的大量开发接 口来完成自己的系统设计。2.1.2 开发环境本系统是在Windows 7操作系统下,使用微信对话框和内置浏览器完成前台 显示,后台使用Firefox浏览器完成前台显示,系统运行在Tomcat 7.0服务器上,使用MySQL作为数据库搭建环境。本系统使用MVC开发模式,控制,视图和 逻辑层相互关联,但又相互独立。2.2 操作可行性本系统严格按照校园商品、服务交易的正常流程开发。管理人员能够快速上 手,并通过统计直观查看系统情况。在投入使用前,会由开发并能熟练操作本系 统的工程人员对用户群进行专业系统的培训。在开发设计程序的过程中,使用直 观的界面和控件的文字,使得用户充分理解系统功能,所以本系统的操作是完全 可 行 的。第5页共52页第3章需求分析3.1 功能概况描述校园微快递系统的主要任务是:使用权限来划分和管理各个人员的功能,主 要完成的是系统的规划与功能、性能分析与实现、的划分以及各个实现的功能等。校园微快递系统主要功能需求:、用户信息管理主要包括四个子功能:1.用户信息添加:管理员通过添加用户功能,填写新用户的姓名、密码等 完成新用户的添加。2.用户信息查询：管理员通过输入关键字对用户信息进行查询。3.用户信息修改：管理员通过修改功能对某个用户的基本信息进行修改。4.用户信息删除：管理员通过删除功能对已经注册的用户进行删除。二.商店管理主要包括五个子功能:1.商店信息添加:管理员或商家通过添加功能,输入商店基本信息,即可 完成商店的添加。2.商店信息查询：管理员或商家通过查询功能,输入关键字对商店信息进 行查询。3.商店信息修改：管理员或商家通过修改功能,输入商店信息进行修改。4.商店信息审核：管理员通过审核功能,查看商店信息后,进行审核。5.商店信息删除:管理员或商家通过删除功能对已经添加的商店进行删除。三.商品管理主要包括五个子功能:1.商品信息添加:管理员或商家通过添加功能,输入商品基本信息,完成 第6页共52页商品的添加。2.商品信息查询:管理员或商家通过查询功能,输入关键字对商品信息进 行查询。3.商品信息修改:管理员或商家通过修改功能,输入商品信息进行修改。4.商品信息审核:管理员通过审核功能,查看商品信息后,进行审核。5.商品信息删除:管理员或商家通过删除功能对已经添加的商品进行删除。四、订单管理主要包括四个子功能:1.订单创建:用户根据自己的需求,选择自己喜欢的商店、服务等,通过 订单创建功能进行下单。2.订单查询：用户根据自己的ID查询自己已下订单的状态信息。3.订单取消：用户根据自己的需要,可在下单后对自己不想订购的商品、服务或微快递进行取消。4.订单签收：用户根据自己是否收到商品,或,可以对订单进行签收操作。3.2功能用例图及活动图L总用例图根据需求分析可以得出以下总的系统用例图。第7页共52页图3-1系统总用例图第8页共52页2.子用例图对应用户管理活动图如3-3所示。在用户管理功能中,管理员可以选择执行 四种操作,分别是:用户添加,用户查询,用户修改,用户删除。用户注册或绑 定之后,管理员可以对用户进行查询,修改,及删除操作。同时,用戶本身也可 以对自己的个人信息进行查看与修改操作。图3-3用户管理活动图第9页共52页对应商店管理活动图如3-5所示。在商店创建功能中,商家可以执行创建商 店。在创建商店之后,商家可以对商店进行查看,修改,及删除操作。在完成创 建之后,商店需要通过管理员的审核方可显示在微信端“校园微商城”页面中。图3-5商店管理活动图第10页共52页对应商店审核活动图如3-7所示。在商店审核功能中,商家在完成商店创建 后,管理员便可以查询到该商店的信息,判定商店符合要求后,管理员就可以对 商店进行审核,商店一旦审核之后,就会显示在“校园微商城”的页面当中了。若该商店不符合要求,则不进行审核,当然管理员也可以对商店信息进行删除操 作。图3-y商店审核活动图第n页共52页对应商品创建活动图如3-9所示。在商品创建功能中,商家可以执行商品创 建。在创建商品之后,商家可以对商品进行修改与删除操作。在完成创建之后,商品需要通过管理员的审核方可显示在“校园微商城”页面中。图3-9商品管理活动图第12页共52页对应商品审核活动图如3-n所示。在商品审核功能中,商家在完成商品创 建后,管理员便可以查询到该商品,判定符合要求后,管理员就可以对商品进行 审核,商品一旦审核之后,就会显示在“校园微商城”的页面当中了。若该商品 不符合要求,则不进行审核,当然管理员也可以对商品信息进行删除操作。图3-11商品管理活动图第13页共52页对应订单创建活动图如3-13所示。在订单管理功能中,用户可以选择执行 四种操作,分别是:创建订单,查询订单,取消订单签收订单。在创建订单之 后,用户可以对订单进行查询,取消,及签收操作。图3-13订单管理活动图第14页共52页第4章概要设计4.1系统类图与顺序图1.系统登陆LoginController+login():String+fail():String1User+openid:String+loginName:String+password:String+cred it:int+phoneNum:String图47系统登陆类图由4-1静态类图可以发现,登陆过程中有两个类进行交互,分別是 LoginController类和AccountService类,进步可以得到顺序图,明确类与 类之间的交互。如图4-2所示。图4-2登陆顺序图第15页共52页2.用户信息管理Usercontroller+create():String+update():String+check():String+delete():StringUser+openid:String+loginName:String+password:String+credit:int+phoneNum:String图4-3用户信息管理功能类图由4-3静态类图可以发现,用户管理过程中有两个类进行交互,分別是 UserController,User类,进步可以得到顺序图,明确类与类之间的交互。如图4-4所示。图4-4用户信息管理顺序图第16页共52页3.商店管理功能图4-5商店管理类图由4-5静态类图可以发现,商店管理过程中有三个类进行交互,分別是 BussinessController类,User类,Bussiness类,进步可以得到顺序图,明确 类与类之间的交互。如图4-6所示。图4-6商店管理顺序图第17页共52页4.商品管理功能图4-y商品管理类图由4-7静态类图可以发现,商品管理过程中有两个类进行交互,分別是 Productcontroller类,User类和Product类,进步可以得到顺序图,明确 类与类之间的交互。如图4-8所示。图4-8商品管理顺序图第18页共52页5.订单管理功能XorderController+create():String+update():String+check():String+delete():String1Xorder+id:Long+userld:Long+productld:Long+downTime:String+revTime:String图4-9订单管理类图由4-9静态类图可以发现,订单管理过程中有两个类进行交互,分別是 XorderController类,Xorder类,进步可以得到顺序图,明确类与类之间的交 互。如图4T0所示。图4-10订单管理顺序图第19页共52页4.2数据结构与数据库设计4.2.1 基本实体表序号表名说明1user用户表,用于存放用户信息2bussiness商家表,用于存放商家特有信息3producct商品表,用于存放具体商品信息4xorder订单表,用于存放订单信息4.2.2数据库表设计的表47用户表主要字段字段名说明类型是否为空主键id用户IDbigint否是openid微信IDvarchar否否loginname用户帐号varchar否否password用户密码varchar否否phonenum联系方式varchar否否表4-2商店表主要字段字段名说明类型是否为空主键id商店IDbigint否是user_id用户IDbigint否否name商店名称varchar否否property商店类别varchar否否protocol商店协议varchar否否stat审核状态varchar否否第20页共52页表4-3商品表主要字段字段名说明类型是否为空主键id商品IDbigint否是bussinessid商店IDbigint否否name商品名称varchar否否price商品价格varchar否否description商品描述varchar否否image商品图片varchar否否stat审核状态varchar否否表4-4订单表主要字段字段名说明类型是否为空主键id订单IDbigint否是user_id用户IDbigint否否productid商品IDbigint否否downtime下单时间varchar否否rev_time签收时间varchar否否第21页共52页第5章详细设计5.1 开发准备本系统采用了 Spring.框架开发了校园微快递系统。本系统采用的是B/S 模式,即浏览器/服务器模式。在对MySQL数据库连接方面,会在 application,properties配置文件中进行配置相关的连接信息,当系统发生改 动的时候,只需要简单的修改application,properties配置文件的连接信息即 可,增强了系统的可移植性。系统中会通过实体类来操作和数据库相关的数据,在代码的耦合性方面有了很好的提高。另外,由于本系统采用了 MVC模式,利 用Controller将Model与View分离,能够很好地提高系统的开发效率,增强程 序的可维护性和拓展性。将application,properties文件部分配置,用于连接数据库文件:ttmysql database settingjdbc.driver=com.mysql.jdbc.Driverjdbc.url=jdbc:mysql:/localhost:3306/xet?useUnicode=true&characterEncoding=utf-8jdbc.username=root jdbc.password=1234565.2 用户管理5.2.1 商家注册1.界面设计商家可以在浏览器输入WWW,点击注册按钮,填写相应信 息后,即可完成注册。第22页共52页用户注册用户名:heatgemini姓名:手机号:密码:I.确认密码:张诚15862828292提交返回图5-1商家注册界面2.后台处理与实现首先,通过控制器RegisterController的registerFormO方法返冋用户注 册页面,用户正确填写个人信息后,点击“提交”按钮,系统调用register()方法,使用随机生成的salt并经过!024次sha-1 hash算法对用户密码进行加 密后,将用户信息存入数据库中。后台部分处理代码:/*注册用户并写入数据库/RequestMapping(method=RequestMethod.POST)public String register(Valid User user,RedirectAttributes redirectAttributes)/Z调用注册用户方法,写入数据库accountService.registerUser(user);/添加用户名至前台页面redirectAttributes.addFlashAttribute(z，username”,user.getLoginName();/返回至登录页面return redirect:/login;)/*设定安全的密码,生成随机的salt并经过1024次sha-1 hash*/private void entryptPassword(User user)/Z产生一个8位的随机盐byte salt=Digests.generateSalt(SALTSIZE);/Z对随机盐简单进行编码方式的加密后存入实体类中user.setSalt(Encodes.encodeHex(salt);/Z调用安全哈希算法,使用随机盐组合加密密码byte hashPassword=Digests,shal(user.getPlainPassword().getBytes(),salt,HASH_INTERATIONS);第23页共52页user.setPassword(Encodes.encodeHex(hashPassword);代码5-1后台商家注册5.2.2普通用户注册1.界面设计普通用户可使用手机微信关注“校园微快递”公众号(微信号:xywkd520)后,根据提示信息,输入个人信息完成注册。当然,普通用户也可以通过商家注 册方式完成注册。亏)I J紗图5-2用户注册界面2.后台处理与实现用户注册通过控制器WechatController的register()方法对用户完成注 册,微信对话框端注册主要是通过对用户的text请求进行解析并处理,最终返 冋XML的消息。后台校验处理代码:/*普通用户注册.*/public void register()if(con.startsWith(绑定+)User user=new User();第24页共52页/Z设定学校名称user.setSchoolName(江苏理工学院)；con=con.substring(con.indexOf(，z+)+l);tryif(accountService.findUserByOpenid(FromName)!=null)content=您好,您已成功绑定,请解绑原先信息再绑定,谢谢使用!n解绑格式:解绑;return getBackXMLTypeText(toName,FromName,content);)catch(Exception e)e.printStackTrace();)int flag=con.indexOf(+);user.setName(bs);flag=con.indexOf1+);user.setLoginName(user.getStuNum();accountService.registerUser(user);ontent=恭喜您绑定成功!;代码5-2用户注册5.2.3管理员,商家登录1.界面设计管理员,或商家可以在浏览器输入WWW,填写用户名及密码,点击登录按钮,即可登录到系统管理界面。用户名:酬记住我登录（管理员:admin/admin,普通用户:user/user）图5-3管理员,或商家登录界面2.后台处理与实现第25页共52页管理员,商家的登录,系统会通过shiro向的FormAuthenticationFiIter对用户填写的用户名及密码进行判断,如果成功则进入系统管理页面。后台部分处理代码:Cproperty name二 filterChainDefinitions/login 二 authc/wechat 二 anon/mbhome/*二 anon/mblogin/*二 anon/mbuser/*二 anon/mbproduct/*二 anon/mbxorder/*二 anon/register/*二 anon代码5-3后台管理员,商家登录5.2.4普通用户登录1.界面设计普通用户可使用用户名（默认用户名为:学号）与密码进行登录,登录成功 后即可进行相关的操作。第26页共52页-82中国移动令15：39 返回关闭校园微商城 请先登录用户登录图5-4普通用户登录界面2.后台处理与实现首先,后台通过控制器MbLoginController的login。方法返回登录页面,用户点击“登录”按钮后,后台通过控制器中的myLogin。方法来处理用户登录,对用户的用户名及密码进行判断后,正确则返冋个人管理页面。后台处理代码:/*用户登录,并记录登录标记至sessionStorage*/public void myLogin(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOExceptionPrintWriter out=response.getWriter();User user=new User();/Z获取用户的用户名String loginName 二 request.getParameter(loginName)；/Z获取用户的密码String password=request.getParameter(z，password，z);user=accountService.findUserByLoginName(loginName);/判断用户是否存在及用户名和密码是否匹配if(user!=null&accountService.loginPassword(user,loginName,password)Map person=new HashMap();person,put(userld，Encodes.encodeHex(user.getld().toString().getBytes();JSONObject jsonObject=JSONObject.fromObject(person);out.print(jsonObject);第27页共52页else System.out.printin(用户不存在);out.print();)代码5-4后台普通用户登录5.2.5用户管理1.界面设计管理员可在登录后点击右上角下拉框中的用户管理进入用户管理界面,在界面中,用户可以查看用户的基本信息,并可对用户进行,修改,删除等 操作。用户名学校名称学号名联系电话身份证号注册时间用户管理个人信息 商店管理111442131物理工学 院111442131球45#ry18661781611201眸05月23日13 56李梦倩江下理工学 院2014332240修 倩69#53515189763691321121199302033287201 眸04 月 28 日 111 251?!订单管理薛冰尧物理工学 院2014227231薛冰尧69#64118168800812321121199302033288201501120 1518秒情改除江万理工学 院11314215飒61#乙 50615151950307321121199302033289201眸02月14日09时33分25!?详 情修 改删 除刘凯应理工学 院2014141140刘凯25#60815189768622321121199302033290201杂4月28日11时33分25!?详 情修 改删 除物理工学 院1283510658#2-31318068794935321121199302033291201眸03月19日14时33分55!?详 情修 改删除難江万理工学 院2014141424駐69#40415895033668321121199302033292201眸02月14日09m3分 25!?详 情修 改删除图5-5用户管理界面3.后台处理与实现首先,通过控制器UserAdminController的list()方法返冋用户管理列表页面,同时,页面还提供了修改用户和删除用户的功能。后台校验处理代码:/*管理员查询所有商家及普通用户信息/public String list(Model model)List users=accountService.getAHUserO;model.addAttribute(users,users);return account/adminUserList.jsp;)第28页共52页代码5-5后台用户管理5.2.6商家个人信息1.界面设计商家可在登录后点击右上角下拉框中的“个人信息”查看和修改自己的 个人信息。个人信息修改个人头像未选择文件。图5-6个人信息界面2.后台处理与实现通过控制器ProfileController的updateForm()方法来返回个人信息修改 页面,用户修改完信息后,点击“提交”按钮,系统调用update。方法来处理 修改请求,并更新数据库个人信息。后台校验处理代码:/*对用户信息进行更新/RequestMapping(method=RequestMethod.POST)public String update(Valid ModelAttribute(z，userz，)User user,HttpServletRequest request)System.out.printin(zz 进入更新)；String RealPath=request.getSession().getServletContext().getRealPath(zzzz);String userPath=RealPath+/static/images/user/+user.getld();第29页共52页System,out.printin(地址+userPath);MultipartFile headlmageFile=Fileupload,fileupload(request,userPath,headImageFile,headlmageFile.jpg);MultipartFile identitylmagesFile=Fileupload,fileupload(request,userPath,identitylmagesFile,identitylmagesFile.jpg)；user.setHeadlmage(/static/images/user/+user.getld()+/+z，headImageFile.jpg);user,setidentityimages i/static/images/user/，z+user.getld()+/十identitylmagesFile.jpg)；accountService.updateUser(user);updateCurrentUserName(user.getName();System,out.printin(更新完毕)；return redirect:/;)代码5-6后台个人信息5.2.y普通用户个人信息1.界面设计普通用户可在“校园微快递”公众号中点击“微菜单”上的“个人信息”查 看自己的个人资料,或者可以点击“微商城”进入“校园微快递”公众号网页端,点击“我”查看个人信息。界面如图5-7及5-8所示。-68中国移动令 21：42 微信 校园微快递 褴您没有下过跑单或者你的 所有跑单已经全部签收完 毕,感谢使用!4个人信息学校:江苏理工学院姓名:张庆学号：11144214宿舍号:25#丙619手机号:[phone]密码:654321 asd积分:7鬲|微快递 微商城 微菜单学校:江苏理工学院-83中国移动挙23：56(S V返回关闭个人信息 姓名:张庆学号:11144214宿舍号：25#丙619手机号:[phone]积分:12修改图5-7个人信息界面（微信对话框版）图5-8个人信息界面（微信网页版）第30页共52页2,前台页面前台页面主要使用HTML5+CSS+JS及JQuery Moblie完成,采用listview显示用户个人信息,前台数据使用AJAX请求后台数据获得。1.前台部分代码:div data-role=content”学校:li学号:/li li姓名:span id 二name/span/li li宿舍号:span id 二address”/spanli手机号:span id 二phoneNunT/span/lili积分:span id 二credi/span/li2.前台AJAX请求$(function()$.ajax(type:POST,url:z，/mbuser/myinfoz，,data:userid二+userld,complete:function(data)jsonobj 二 da