新型法律援助网站APP研发论文.doc

华东师范大学信息学院计算机科学与技术学士毕业论文新型法律援助网站APP研发The Android application development of new legal assistance website 专 业 计算机科学与技术 学 号 10112130238 学生姓名 纪春兰 指导教师 陈志云 副教授 撰写日期：2015年5月10日目录摘要1Abstract21 引言31.1网站开发背景和开发Android应用发展前景31.2本文的研究内容及结构安排32 网站搭建相关技术分析42.1 Web技术42.2 Javascript的基本原理42.3 PHP+Mysql编程原理43 法律援助中心网站系统63.1 系统功能概述63.1.1功能一览图63.1.2网站功能说明63.2 详细设计73.2.1系统结构73.2.2功能模块设计73.3数据结构设计与实现93.3.1数据库需求分析93.3.2数据库逻辑设计93.4系统目录结构与公共模块设计123.4.1系统目录结构123.4.2数据库连接133.4.3错误处理页面设计143.5网站前台设计143.5.1框架页面的调用143.5.2首页设计153.5.3热点问题的显示之分页函数163.5.4会员登录页面设计193.6用户注册成为会员213.6.1注册页面设计213.6.2如何让浏览者注册登录后才能留言233.7后台大功能设计243.7.1后台登录之验证码技术243.7.2管理员信息管理之密码修改263.7.3后台实现前台更新284 基于Android的App的研发284.1 网站与移动应用的结合意义284.2 使用Java语言开发Android原因294.3移动应用的开发准备294.3.1在Windows平台下搭建开发环境294.3.2辅助工具的使用304.4 App软件开发的整体框架思路304.5 App软件开发的主要功能设计314.6 App软件开发的大概界面构思和设计314.7 App功能模块代码324.7.1 App主窗体布局文件324.7.2 MainActivity类的实现334.7.3 处理程序退出374.7.4 如何将网站内容显示到手机App框架页面384.7.5 App检查手机是否联网394.8 App客户端如何和网站同步394.8.1 编写App后台数据接口394.8.2 在Eclipse运行405 总结与展望41参考文献426附录436.1法律援助中心网站436.2 法律援助中心App运行结果43致谢45摘要生活在移动互联网时代，如何更有效地宣传，如何帮助更多的人，当然还是离不开网络。谁能更好地利用网络，谁能更好地使用技术，谁就离成功更进一步。本文主要目的是搭建华东师范大学法律援助中心的网站并且为之设计基于Android系统的移动应用。这样能够让更多人了解法律，并为他们提供帮助。本网站的开发使用Dreamweaver8软件，前台采用CSS布局和JavaScript技术实现部分特效，开发技术为面向对象的PHP语言，数据库采用Mysql，安卓移动应用采用Eclipse开发完成，开发语言是Java。网站前台功能主要有信息浏览、注册登录、留言等，后台功能有图片增删，管理员登录，多用户等功能，满足设计要求。App功能与网站相一致。这样人们可以方便地利用Android手机解决法律上的问题。本文描述了Web技术、数据库建模以及Java编程技术。使用Dreamweaver8和Eclipse作为开发工具，对法援网站进行了需求分析，使用了面向对象的系统开发方法，完成了基于Web的法援网站的体系结构设计，使用Mysql作为数据库，二者相辅相成，最后，在网站实现的基础上从框架结构到后台数据接口，完成了基于Android的法援App。关键词：Web，网站建设，Android移动应用44AbstractNow we are living in an Internet age, how can we promote more effectively, how can we help more people, of course,we need network. Who can better use the network, who can better use the technology, then who will be more close to the success.The main purpose of the thesis is to build a website of East China Normal University Legal Assistance center and design an Android mobile application for the website.So more people will understand the law and get help.Website was built with Dreamweaver8 software. Some special effects of the front-end were realized by using CSS and Javascript technology , web mainly used Object-oriented PHP language and database mainly used Mysql. Android mobile application was completed with using Eclipse software, the development language was Java. The functions of the website front-end included information browsing, register & login, message and so on. Back-end functions included picture additions&deletions, administrator login, Multi-user administration . Application function was consistent with the website. So people can easily use Android mobile phone to solve the problem about law.The thesis describes the technology of Web, database modeling and Java programming. Dreamweaver8 and Eclipse were used as development tools.The demand of the website was analysed completely. And the object-oriented system development was taken as main method. The system structure based on Web was finally completed by using Mysql as the database. Finally, to complete the Android application which based on the website, it was designed from the frame structure to the background data interface Key Words: Web, build website, Android application1 引言1.1网站开发背景和开发Android应用发展前景 21世纪是互联网的时代，人们在互联网带来的便捷与快乐中生活，互联网给人们带来了益处，人类也推进了互联网的飞速发展。据统计，截至2014年12月底，我国网民数量已达到6.49亿人，而互联网络普及率达到了47.9%。 华东师范大学法律援助中心创建于2010年,迄今已有4年多的历史,自创建以来,在法律系师生的共同努力下,已经帮助数百名社区居民解决了生活中的疑难法律问题。为了进一步扩大它的服务范围,方便社区居民,需要为它建设一个网站,这样通过网站平台,华东师大法援中心会为社区居民提供更方便的法律信息查询、咨询等服务。 为了让法律顾问就在人们身边，将法律网站开发为手机移动应用又是一大挑战，Android手机的市场占有率达到70%以上，所以将移动应用开发基于Android平台无疑是最好的选择！1.2本文的研究内容及结构安排 本文主要研究如何实现法律援助中心网站和移动应用的实现。网站包括前台和后台程序。前台主要是美工工作，如何实现网站的布局和使网站更加的美观和更简洁的使用，本文重点也会介绍这个方面的内容。后台方面会介绍后台是怎么设计并且实现数据的更新。然后是将网站开发成安卓移动应用。从框架布局到后台关键技术都会一一写出。成果也会在电脑和手机详细演示。2 网站搭建相关技术分析2.1 Web技术 Internet是主要是实现资源共享。在Internet中分布了无数起着不同作用扮着不同角色的计算机。这些承担服务任务的计算机统称为服务器。Web就由互联网上的无数的服务器相互连接组成。Web服务器的本质实际上就是一个软件系统。一台计算机可以充当多个Web服务器。在信息领域中，Web技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。由于Web正处在日新月异的高速发展之中，它所覆盖的技术领域和层次深度也在不断改变。现阶段Web的技术有HTML、DHTML、PHP、JSP、ASP/ASP.NET、 XML、ADO/ADO.NET。2.2 Javascript的基本原理 JavaScript是一种松散类型、动态类型的语言，是写在HTML文件中的脚本语言，能实现网页内容的交互显示。当用户在客户端显示该网页时，浏览器就会执行JavaScript程序，用户通过交互式操作来变换网页的内容，以实现HTML语言所不能实现的效果。JavaScript是一种解释性的语言，其源代码不经过编译，在开发时要注意考虑到低版本浏览器。2.3 PHP+Mysql编程原理PHP是一种被广泛应用的开放源代码的多用途脚本语言，它可以嵌入到HTML中，尤其适合Web开发，PHP代码是运行在服务端的。PHP主要用途如下图2-1所示： 图2-1 PHP介绍Mysql 为关系型数据库, Mysql通过执行 SQL 脚本来完成对数据库的操作, 该脚本由一条或多条Mysql语句组成, 保存时脚本文件后缀名一般为 .sql。在控制台下, Mysql客户端也可以对语句进行单句的执行而不用保存为.sql文件。Mysql优点：性能高、成本低、易使用、易移植。将PHP与Mysql结合使用原理如图2-2所示：图2-2PHP+Mysql原理图3 法律援助中心网站系统3.1 系统功能概述 3.1.1功能一览图法律援助中心网站有5大版块，首页、条文、热点问题、信息发布、提问。如图3-1所示：图3-1系统功能框架图 3.1.2网站功能说明网站的首页显示综合信息发布，主要起导航的功能；条文为用户提供实用法律条文的查询；热点问题主要是最新的立法及司法动态，帮助用户及时了解国家的法律动态；信息发布主要是我们发源中心的活动动态发布；提问包括小动画及简易计算工具和我要提问两项功能，小动画旨在丰富网站内容以提供更好的用户体验，简易计算工具是一个简单的损害赔偿计算器，为用户提供了计算方便，我要提问是用户的提问区域，将有专业人员进行分析解答并及时提供反馈。3.2 详细设计3.2.1系统结构技术架构：采用B/S架构，能兼容主流浏览器，方便信息的发布和分享。开发语言采用PHP数据库采用Mysql ，能兼容于不同的服务器操作系统，并有比较好的性能表现。3.2.2功能模块设计关于功能模块，一个法律援助网站首先用户有两种，注册过和没有注册过，这两种用户就必须有权限上的不同。因此设计如下图3-2所示。图3-2而后台模块所需要的功能当然是将网站上的一些需要更新的内容可以直接在后台修改。操作人当然就是管理员admin。所以设计如图3-3所示。图3-3综上，法律援助网站的设计如图3-4所示。图3-43.3数据结构设计与实现 3.3.1数据库需求分析本系统主要面向：用户、系统管理员。因此首先要建立用户表，系统管理员表。用户和管理员交流的是关于法律方面的疑问等等问题，因此需要留言表。法律新闻是法律援助中心网站的重要组成部分，包括信息发布和热点问题两个部分，建立一个热点咨询表和法律条文表。 3.3.2数据库逻辑设计用户表是来存注册的会员信息，如表3-1所示。该表以id为主键，每张子表与主表的关系都是1：n的关系。表3-1 用户表数据表名: t_users 中文描述：用户表字段名称字段描述数据类型长度是否允许空缺省值备注idint11NNULL主键username用户帐号varchar50NNULLpassword用户密码varchar50NNULLMd5 isadmin是否管理员bit1NNULLtruename真实姓名varchar50NNULLqqQq号码varchar50NNULLmobile手机varchar50NNULLemail电邮varchar50NNULLaddtime加入时间datetimeN基础表是存首页下方关于网站自身信息，如表3-2所示。该表以id为主键。表3-2 基础表数据表名: t_system 中文描述：基础表字段名称字段描述数据类型长度是否允许空缺省值备注idint11NNULL主键sitename网站名称varchar50NNULLcontact联系方式varchar50NNULLtel联系电话varchar50NNULLemail电子邮箱varchar50NNULLaddress公司地址varchar50NNULLinfo网站简介textNNULL热点咨询表用来存热点新闻页面的资讯信息，如表3-3所示。id为主键。表3-3 热点资讯表表名 t_news 中文描述：热点资讯表字段名称字段描述数据类型长度是否允许空缺省值备注idint11Nnull主键title资讯标题varchar250Nnullcontent资讯内容textNnulladdtime发布时间datetimeNnullpic缩略图varchar50Nnullyuan来源varchar50Nnull留言表主要存放注册后用户提交的留言信息，如表3-4所示。id为主键。表3-4 留言表数据表名: t_message 中文描述：留言表字段名称字段描述数据类型长度是否允许空缺省值备注idint11NNULL主键message留言内容textNNULLaddtime留言时间addtime50NNULLarea地区varchar50NNULLcontact联系人varchar50NNULLnickname昵称varchar50NNULLuserid用户Idint11NNULLrecotent回复内容text条文表主要用来存放条文信息，如表3-5所示。id为主键。表3-5 法律条文表数据表名: t_law 中文描述：法律条文表字段名称字段描述数据类型长度是否允许空缺省值备注idint11NNULL主键title标题varchar50NNULLcontent内容text50NNULLpic缩略图活动表用来存首页页面活动的时间、地点等信息，如表3-6所示。id为主键。表3-6 活动表数据表名: t_huodong 中文描述：活动表字段名称字段描述数据类型长度是否允许空缺省值备注idint11NNULL主键title标题varchar50NNULLcontent内容text50NNULLshijian活动时间varchar50NNULLdidian活动地点varchar50NNULL友情链接表存首页页面友情链接信息，如表3-7所示。id为主键。表3-7 友情链接表数据表名: t_frd 中文描述 友情链接表字段名称字段描述数据类型长度是否允许空缺省值备注idint11NNULL主键name链接名称varchar50NNULLurl链接地址varchar50NNULLpai排序int50NNULL3.4系统目录结构与公共模块设计 3.4.1系统目录结构法律援助中心系统目录结构如图3-11所示，根目录放置全部前台页面及子文件夹。admin放置后台系统。js放置网站数据脚本，images放置网站全部图片。图3-11法律援助中心目录结构 3.4.2数据库连接数据库如何与网站前台连接，这是一个重点。Config.php处理网站与数据库的连接。代码如程序段3-1： 程序段3-13.4.3错误处理页面设计一旦用户注册网站输入错误时，可以重新定位页面流向，根据用户输入的错误类型提示到不同错误。Reg.php处理错误代码如程序段3-2所示：程序段3-23.5网站前台设计 在网站的设计与布局中，本着简易的设计原则，在网站的首页左上角布局了网站的图标，图标右面布局了网站的功能标题栏，条文提供条文查询功能，热点问题提供热点法律问题发布服务，信息发布提供活动信息动态发布服务，提问提供了简易计算和提问服务。标题栏下方布局了照片发布区域，提供最新的活动图片。最下方布局了法援中心三个法援点的信息简介和我们的联系方式。图像的选择与设计上采用了简单、易于识别的风格。 整个网页的界面与功能设计遵循了简单、易操作的理念。 3.5.1框架页面的调用header.php是导航菜单页面。footer.php是页尾。构成网站的框架。每个页面的头部需加入如下程序段3-3、程序段3-4语句，添加导航菜单并创建数据库连接。/调用数据库访问页面/调用导航菜单页面程序段3-3每个页面的尾部需要加入如下语句。/调用友情链接版权信息页面程序段3-4 3.5.2首页设计图3-5 网站首页以清新明快绿色为主，左上角为法律援助中心LOGO，右侧为导航，首页以图片轮播为特色。并且显示最新活动的时间点，一目了然。图3-5首页 3.5.3热点问题的显示之分页函数新闻将以缩略图和大标题形式逐条呈现，有“更多”超链接，可以进入详细新闻页面。但是热点问题有很多，一个页面同时显示很多新闻动态，非常耗费系统资源，而且浏览内容也不方便。为了浏览的方便，可以采用分页显示，每页显示一定数量的记录。如图3-6所示：图3-6热点问题分页显示通过pageft.php中的分页代码如程序段3-5所示，黄色字体是解释代码：程序段3-5 3.5.4会员登录页面设计登录页面由账户、密码构成，简洁明了。输入完成点击登录按钮，如图3-7所示：图3-7用户登录在网站首页有注册登录按钮，点击后跳转到注册登录页面。用户登录将结合使用PHP和JavaScript来实现。在验证表单、处理鼠标事件通常使用JavaScript实现，login.php使用JavaScript脚本验证用户登录表单，if（）函数作用是检查用户名、密码、验证码、用户类型是否为空，以下是login.php中登录代码如程序段3-6所示：程序段3-63.6用户注册成为会员3.6.1注册页面设计法律援助中心网站是需要用户与提供法律援助帮助的工作人员，也就是管理员有互动交流的，因此需要用户注册才能实现交流。用户注册需要搜集用户信息，创建表单并保存到数据库。注册页面设计如图3-8所示：图3-8用户注册页面reg.php是显示用户注册页面，该页面的表单提交数据admin/admin_user.php页面处理，通过if函数实现表单数据验证。代码如程序段3-7所示：/获取提交上来的参数值/处理输入数据/注册用户和修改用户程序段3-73.6.2如何让浏览者注册登录后才能留言记录cookies，通过cookies从数据库读取登录用户的id，通过id来读取该用户留言内容，并且该用户可以留言，留言的时候把id记录到留言表，如果id不存在，就登录不成功。显示未登录。admin_check.php中代码实现如程序段3-8：程序段3-83.7后台大功能设计 3.7.1后台登录之验证码技术 参考PHP+Mysql动态网站开发从基础到实践 姜林美 编著，2008后台登录页面风格以绿色为主，系统管理员登录后台进行管理与留言回复时需要输入管理员的账户和密码。安全上，在后台登录部分加入了验证码技术，防止暴力破解。后台登录页面设计如图3-9所示：图3-9 后台登录所使用的验证码技术首先有admin_cate.php生成验证码图片，然后由admin/login.php中的if函数比较验证是否匹配。生成验证码代码如程序段3-9所示：程序段3-9检验输入是否和验证码匹配使用if函数，过程如程序段3-10所示：程序段3-10通过表单将数据传递到admin/login.php文件，该文件对用户身份进行验证，代码如程序段3-11所示：程序段3-11 3.7.2管理员信息管理之密码修改管理员可以有一个或者多个，这个时候可以添加用户。如果密码需要重置，也是可以在后台进行修改。如图3-10所示：图3-10 修改管理员密码在admin_pwd.php里面代码实现管理员密码的修改。在修改密码是采用二次输入的方式确保输入密码的准确性，这里用if函数实现，代码如程序段3-12所示：程序段3-123.7.3后台实现前台更新以下源代码文件实现了前台页面的后台更新操作。PHP关键代码利用mysql_query($sqlQuery)语句执行数据库预计，通过$id= (int)($_GETid);if ($_GETact=save)语句从数据库获取传递过来额id值，执行判断，实现增删修改。源文件功能如图3-11所示：图3-11信息页Flash修改会员信息列表修改注册会员信息修改管理员增删与密码修改多个新闻列表修改热点新闻修改多个留言列表回复留言回复多个条文列表修改条文列表修改多个活动列表修改首页活动时间地点修改多个友情链接列表修改网站友情链接修改多个Flash列表修改4 基于Android的App的研发 4.1 网站与移动应用的结合意义Android智能手机近两年特别受欢迎，由于Android智能手机价格恰当，随时随地都能看见人们手拿手机，关注着手机屏幕。屏幕上一个一个安装好的App，整齐而充满新意。如果我们华师大的法律援助中心网站拥有自己专属的App应用软件，而且这个App得到推广，更多人更加方便快捷地使用法律援助网站，就像手机淘宝和淘宝网一样，不再是电脑登录网站，而是手指点击手机屏幕之间就可以轻松登录网站，这样华师大的网站会更加受欢迎。App软件开发的意义很广泛，主要有以下几种：1、建立独有的平台2、建立强大的用户数据库3、增强数据互通，构建通讯供应链 4.2 使用Java语言开发Android原因Android支持使用Java作为编程语言来开发应用程序，Java能作为很多系统或程序的开发语言，是因为其有特点和很多的应用。Web浏览是现在局域网的主要使用方式。文档能很容易地显示文本和各种图片，它还能提供超文本链接。Java程序和它的浏览器HotJava，提供了可让你的浏览器运行程序的方法。Java是一种与平台无关的语言，是一门各方面性能都很好的编程语言，因此用Java开发的网络应用系统可以在各种平台上运行，大大增加了开发效率，减少重复劳动。Java可以制作大部分网络应用程序系统，而且与当今流行的WWW浏览器结合得很好。 基于移动终端技术的仓储管理系统2013年3月作者：徐安国4.3移动应用的开发准备4.3.1在Windows平台下搭建开发环境第一步安装JDK 6（安卓用的Java语言），此为开发工具，然后安装Eclipse（集成开发环境），安装Android SDK，安装ADT 10.0.0插件（安卓程序可视化开发），通过扩展Eclipse集成环境功能，使得生成和调试Android应用程序既容易又快速。Android SDK在IDE环境中使用的组织结构如图4-1所示：图4-1Android系统的IDE开发环境 4.3.2辅助工具的使用AVD（Android运行的虚拟设备）SDK里面自带的，设置好配置之后，相当于手机设备，界面与手机一致，主要作用是安装Eclipse运行编译好的java代码生成的apk，可视化App。4.4 App软件开发的整体框架思路如图4-1所示，交互过程准备采用socket网络数据交互方式，鉴于socket的ip，端口唯一确定主机的机制，进行网络访问，刷新数据。客户端发出数据请求，服务器响应，服务器数据接口与客户端链接，并根据请求将数据库交互取的数据，回写至android客户端，android客户端将内容刷新并展示给用户。图4-1框架图4.5 App软件开发的主要功能设计布局：在网站的首页中，App页面上方显示App名称“法律援助中心”，然后是注册与登录功能按钮。标题烂我选择放到下面。符合用户操作体验。App按钮：条文提供条文查询功能，热点提供热点法律问题发布服务，信息提供活动信息动态发布服务，提问提供了简易计算和提问服务。发布留言按钮可以提交问题。总结：App具有网站在电脑上的功能。App呈现的页面要以适合的比例在手机屏幕显示。4.6 App软件开发的大概界面构思和设计根据用户平时使用手机习惯，注册登录放置在手机界面上方，比较显眼。主背景与网站首页一致。导航懒将变为五个功能按钮在界面下方排列。符合操作习惯。构想如图4-2所示：图4-2 手机界面设计图4.7 App功能模块代码4.7.1 App主窗体布局文件AndroidManifest.xml是布局文件，浏览布局文件是一个有用的功能，可以直观地查看程序的UI布局，可以切换到文本模式。利用IDE的布局查看器，可以在程序没有运行的情况下直接查看和组织目标UI界面。布局由application，activity构成。代码如程序段4-1所示：程序段4-14.7.2MainActivity类的实现MainActivity.java是程序的入口，其主要任务是启动一个service用于加载网页页面。将网页以适当比例显示到手机主界面。代码如程序段4-2所示：程序段4-24.7.3处理程序退出App如何在手机上退出是一个很重要的问题。如果一个程序打开以后不能关闭，那这个程序就是一个失败的程序。用户也不敢安装。这里CBApp.java是用来退出程序的。代码如程序段4-3所示：程序段4-34.7.4如何将网站内容显示到手机App框架页面通过webview来加载服务器的页面,所有的业务逻辑操作都是在服务器端完成Webview.loadurl(url)来加载网站。关键代码如程序段4-4所示：程序段4-44.7.5 App检查手机是否联网App能够判断手机网络是否打开。如果打开，则可以联网浏览服务器端的网页，即正常显示页面。如果没有联网，则报错。关键代码如程序段4-5所示：程序段4-54.8 App客户端如何和网站同步4.8.1 编写App后台数据接口Mobile/Home/Conf/config.php是给App配置数据库的信息 连接网站数据库。为了能让App呈现的网站新闻、留言等一系列可更新内容也是同步的，所以要写一个适应手机的小型网页，包含数据交互，MobileHomeConfconfig.php代码如程序段4-6：程序段4-64.8.2在Eclipse运行点击，使用Logcat工具是查看系统Log信息，可以获得Android系统运行的时候打印出来的信息。Logcat的窗口中记录的信息也就是实际的Android系统打印出来的。包含了时间（Time）、级别（Level）、进程ID（Pid）、标签（tag）、Log内容（Message）等项目。运行过程Logcat显示如图4-3所示：图4-3Logcat打印信息程序自动打开AVD安卓模拟器。运行结果会在附录中展示。5 总结与展望计算机知识很神奇，人们通过它迅速地搜寻和获取信息。有了技术人员，就有了方便与快捷。在这里感谢提供技术力量的他们。本文查阅了大量书籍资料，对网站搭建技术和Android移动应用开发做了认真学习与实践。在对web开发技术研究的基础上，结合自身开发设计，完成一个完整的法律援助中心网站的搭建，并对该网站的实现方法、系统结构等作了分析研究，描述了网站的搭建详尽步骤；在网站的基础上，进行app开发，勇敢挑战新领域知识。引入了dreamweaver8和Eclipse作为开发工具，最后实现了法律援助中心网站和法援app实例。具体来说，主要完成了以下工作:(1)阐述了web技术、网站美工、数据库建模以及Java编程技术。使用dreamweaver8和Eclipse作为开发工具(2)对法援网站进行了需求分析和系统分析，分析了面向对象的系统开发方法，完成了基于Web的法援网站的设计，并且在网站实现的基础上完成基于Android的法援App。(3)对法援网站以及网站App的一些功能模块进行一些介绍，并在附录展示，以便用户能很好的了解本网站App。(4)根据前面对法援网站的分