Android应用程序后台管理与界面设计

毕业设计（论文）

题目：Android应用程序后台管理与界面设计学院：数学与信息科学学院

专业名称：信息与计算科学

班级学号：10072112

学生姓名：曹明剑

指导教师：滕云、郑华盛

二O一四年六月

毕业设计（论文）任务书

I－毕业设计(论文)题目：

Android应用程序后台管理与界面设计

II－毕业论文拟采用的原始资料(数据)及目的要求：

原始资料：各类Java EE－Java SE－Android相关的相关教材；有关硕士论文资料。[2]沈世镒,陈鲁生.信息论与编码理论[M].北京：科学出版社，2002

目的要求：首先通过对Android应用程序进行数据交互的需求分析，从用户

及SDK接口中获取各种数据，连接数据库。在后台管理系统中实现各种数据的处理与交互，

最终在手机客户端——《爱的代驾》中实现完美交互。

II I－毕业论文工作内容及完成时间：

第1周：java基础学习，做好准备。

第2周－第3周：学习并了解本课题相关内容，包括C/S（客户端/服务器）框架及实际问景，通过学习达到熟练运用;同时准备写开题报告。

第4周－第5周：收集资料，完成开题报告。

第6周－第7周：学习JAVA和Web开发的基础知识。

第8周－第9周：归纳总结本领域的相关知识点，在参考已有文献的基础上对开发过程加以分析和纠错。

第10周－第12周：在分析与纠错的基础上，完善Android手机客户端——《爱的代驾》

后台管理系统。

第13周－第15周：研究－整理并开始撰写毕业论文，完成外文文献翻译。

第16周－第17周：论文答辩,上交定稿。

Ⅳ－主要参考资料：

[1]邓平凡．深入理解Android卷Ｉ［M］．北京：机械工业出版社，2011．

[2]张立国，龚海平．Android移动开发案例详解［M］．北京：人民邮电出版社，2010．

[3]李兴华.Android开发实战经典[M].北京：清华大学出版社，2012.

[4]Mark L．Murphy．Begin Android2［M］．Berkeley，2010．

[5]E2EColud工作室．深入浅出Google Android［M］．北京:人民邮电出版社，2009．

[6]刘京华．Java Web整合开发王者归来［M］．北京：清华大学出版社，2010．

[7]王世江.Android SDK开发范例大全[M].北京，人民邮电出版社，2008.

数学与信息科学学院（系）信息与计算科学专业类100721班

学生（签名）：曹明剑

日期：自2013年09月02日至2013年12月01日

指导教师（签名）：滕云

助理指导教师(并指出所负责的部分)：

信息与计算科学系（室）主任（签名）：

附注:任务书应该附在已完成的毕业设计说明书首页。

学士学位论文原创性声明

本人声明，所呈交的论文是本人在导师的指导下独立完成的研究成果。除了文中特别加以标注引用的内容外，本论文不包含法律意义上已属于他人的任何形式的研究成果,也不包含本人已用于其他学位申请的论文或成果。对本文的研究作出重要贡献的个人和集体，均已在文中以明确方式表明。本人完全意识到本声明的法律后果由本人承担。

作者签名：日期：

学位论文版权使用授权书

本学位论文作者完全了解学校有关保留、使用学位论文的规定，同意学校保留并向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权南昌航空大学可以将本论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。

作者签名：日期：

导师签名：日期：

Android应用程序后台管理与界面设计

学生姓名：曹明剑班级：10072112

指导老师：滕云、郑华盛

摘要：现在的手机应用软件和电脑软件，如Android或者iOS APP，都必定有一个存储数据的数据库和管理这个数据库的后台管理系统，在应用程序的使用过程中发挥着重要的作用。也可以说，所有应用程序都是建立在数据交互上的应用系统，而如何管理好这些数据，必须用到后台管理系统。而好的后台管理系统可以建立在浏览器网页中，也可以单独开发出一个客户端。多数的后台管理系统，为了方便用户使用，一般会单独建立一个网站上，而网站的建立，应当具有一定的网页布局能力，即界面设计。本课题将围绕Android应用程序“爱的代驾”后台管理系统展开研究。

主要内容有MVC框架的原理，几项后台管理系统的常用技术，如分页、勾选删除、跳转返回等，还介绍了CSS网页设计的一个简单的关于DIV制作网页的内容，并做总结性阐述。

关键词：后台管理系统MVC框架Android工作流程浏览器CSS布局

指导老师签名：

Android applications Backstage Management System

and Interface Design

Student name:Cao Mingjian Class:10072112

Supervisor:Teng Yun、Zheng Huasheng

Abstract:At present the mobile phone application software and computer software,such as Android and iOS APP.Must have a database to store data and manage the data of Backstage Management System and that application of using play an important role in the programs.In other words,all the applications are based on the data interaction of application system,and how to manage these data,must use the background management system And a good background management system can be set up in a web browser,can also developing a client to separately. Most of the background management system,consider convenience for users,usually building on the website,and the establishment of the website,should have certain ability to page layout, namely:interface design.This topic will be arounded an Android applications named "AiDeDaiJia"to start the research background management system.

The main content are the principle of the MVC framework,several commonly used technology of background management system such as paging,check the deletion,jump back, also have a simple to introduced the CSS web design about the content of the DIV to make web pages,and make a summary in end.

Keywords：Backstage Management System MVC framework Android working process browser Layout of CSS

Signature of Supervisor:

目录

1引言 (1)

1.1研究背景与意义 (1)

1.2研究内容 (2)

1.2.1基于Java EE的MVC框架设计后台管理系统 (2)

1.2.2基于Java Web与CSS布局的界面设计 (2)

2Java MVC框架的详细工作流程 (2)

2.1前台客户端爱的代驾功能 (3)

2.1.1爱的代驾用户客户端 (3)

2.1.2爱的代驾司机客户端 (4)

2.2后台管理系统功能 (4)

2.3MVC框架中各项功能的实现 (10)

2.3.1MVC框架之Model层功能讲解 (10)

2.3.2MVC框架之View层功能 (15)

2.3.3MVC框架之Controller层功能 (19)

2.3.4MVC综合概述 (23)

3后台管理系统几项关键技术 (23)

3.1客户端跳转与服务器跳转 (23)

3.2勾选删除 (24)

3.3分页技术详解 (27)

3.4跳转返回 (29)

4Java Web与CSS界面布局 (31)

4.1制作一个CSS静态界面 (31)

4.2登陆界面与后台主界面 (33)

4.2.1登陆界面 (33)

4.2.2主界面 (34)

5后台管理系统综合概述 (35)

6结语 (35)

参考文献 (37)

致谢 (38)

南昌航空大学学士学位论文

Android应用程序后台管理与界面设计

1引言

1.1研究背景与意义

任何软件或是应用程序都有后台管理系统，甚至包括一些游戏软件也有一些注册系统、积分系统、登记系统在数据库中组成了一张张表，存储着玩家的一切基本信息与他们的游戏成就。而这些数据如果呆在数据库中不受管理或任其堆积，将产生严重的数据冗余或数据溢出，数据库最终将不堪重负。即便数据库管理员（dba）对其进行实时管理，也将产生两个问题：1、维护期间用户无法使用应用程序；2、用户规模如果十分庞大，dba 承受的工作量也将巨大，不得不从事简单的“体力劳动”。

当然，以上的假设只是在没有数据管理系统或后台管理系统前提下进行的，我想任何公司或个人，不会犯没有数据管理系统开发应用程序的低级错误。一般地，数据库管理系统（DBMS）是伴随着数据库一同使用的。

近年来，Andriod和ios手机操作系统日益受广大智能手机用户的欢迎，原因在于其使用简单、功能强大、方便实用。很多人也通过学习使用这两大操作系统，来开发手机应用程序。由于简单易学，很多人都能在6到8个月内，从门外汉走进手机应用开发者的大门，都开发出了自己的手机应用，找到了一份令人欣羡的好工作。

开发出一款手机应用程序（APP）并不令人称奇，即使从没接触过Android或ios的资深开发人员，经过几个月自学过后，也能做出一款水平中上APP出来，难的是做好。因为一个程序的组成不仅是前台APP，还有数据库与后台管理系统，前者是用户直观可见的，而后者，关乎到一款软件真正的性能与实用性。

本课题研究的就是一款手机应用的后台管理系统的设计理念，以及在浏览器上如何展现出一个用户体验良好的界面设计。

1.2研究内容

本课题研究内容主要有两大部分，基于Java EE的MVC框架设计后台管理系统与基于Java Web与CSS布局界面设计。

1.2.1基于Java EE的MVC框架设计后台管理系统

M：Model，代表的是业务逻辑；V：View，代表应用的表现层，也就是界面层；C：Controller，代表应用的过程控制（也就是Servlet）。MVC设计模式把程序的业务逻辑、处理过程和显示逻辑分成不同的组件实现，这些组件可以进行交互和重用。

三大层级结构构成了一个完整的后台管理系统，而这个后台管理系统主要的业务功能，就是对数据库数据进行单独管理。同时，后台管理系统还具备向前台发送数据的功能，前台，就是通过解析这些数据，达到了获取数据，实现了前后台数据交互的目的。

1.2.2基于Java Web与CSS布局的界面设计

Java Web与Java EE类似，是Java EE13种核心技术中几种与网页设计相关技术的结合，如Javascript，Jquery，JSTL等，并兼容CSS。是Java EE技术中的衍生子集。

本部分主要讲的是界面的设计与CSS布局，难点在于如何设计出一个看起来比较友好的界面。当前的软件市场中，软件功能的齐全强大与否并不能决定这款软件是否受用户欢迎，尤其是作为手机应用，观感友好的界面、一目了然的功能、绚丽多姿的图片，才能让用户下载后愉悦的使用它，而不是用后五分钟内删除卸载。对于界面设计，有个专门的新名词：UI设计师，即界面布局设计师的意思。

当然，对于浏览器而言，遵从的还是传统的网页布局模式，有静态网页技术和动态网页技术之分。作为后台管理系统，用不着夸张炫丽的动态界面，传统的静态界面足以让后台管理员开展正常的数据管理工作了。

2Java MVC框架的详细工作流程

前面的研究内容介绍中，已经粗略的介绍了MVC模式的组成。这部分，将详

细的讲解MVC模式的工作原理，另为了让整个工作原理更加清晰明了，在此先介绍本人参与开发的手机应用“爱的代驾”前台客户端的功能用途。

2.1前台客户端爱的代驾功能

“爱的代驾”是一款基于百度地图SDK制作的一款用于提供代驾服务的应用软件。通过它，车主用户在酒后或任何特殊情况下很容易地在地图上找到离他最近且空闲的司机，然后拨打司机电话提前预约或在线下单两种方式，召唤代驾服务。通过这款软件，客户得到了方便，解决了后顾之忧，也节省了一部分停车费用，而代驾司机通过这款软件，获取了可观的报酬，改善了生活质量。总而言之，这是一款能创造双赢的优秀服务型软件。

“爱的代驾”前台客户端一共有两个，用户客户端与司机客户端。

2.1.1爱的代驾用户客户端

用户客户端是供车主使用的客户端，它具有以下基本功能

（1）在地图上显示用户当前所在地坐标与各种状态的司机信息

司机信息以矩形图标的形式在地图上显示，矩形图标有红绿两种颜色，红色代表忙碌状态，绿色代表空闲状态，矩形图标上还有司机的星级信息。

（2）在线下单与电话预约

用户可以通过两种方式预约代驾司机，并召唤代驾服务。一是在地图上点击代表司机的矩形图标，点击图标后，立刻弹出司机详细信息窗口，在信息窗口中，又司机驾龄，代驾次数，服务星级，用户评价等多种司机信息。信息窗口下面，有在线下单和拨打电话两个按钮。用户可以选择在线下单或直接拨打司机电话的方式召唤服务，而在线下单功能中，用户可以指定时间点和目的地，软件会自动计算距离和估算价格。

（3）我的司机与我的订单

用户在下完单后，订单将在“我的订单”中自动出现，而我司机是一种偏好设置，如果用户对某位司机的服务水平十分满意，可以将该司机收藏到“我的司机”中。同时，用户也可以根据自己的喜好或需求，长触屏幕删除司机或订单信息。

（4）用户注册与分享功能

用户注册非常简单，下载软件后，在第一次下订单预约服务时，会弹出一

个注册用户页面，只需输入本机号码随机验证码即可。

分享功能是一个集成在第三方接口中的SDK，开发时，只需调用该接口，用户便可以将不多于140字的短文信息转发分享到腾讯微博，新浪微博，人人网，QQ空间等社交平台。

（5)更多模块

这个模块中，有关于本软件的一些基本信息，如使用指南、价格表、开发团队介绍、检查版本更新、意见反馈、修改绑定账号等功能。

（6）其他关键技术

订单推送，Json解析，初次安装软件时的开机动画等。

2.1.2爱的代驾司机客户端

司机客户端相较于用户客户端，需要用到的技术和碰到的难点要少很多。为了让司机更好地表现自己的状态，主界面有三个分别表示上班中、忙碌中与下班中的按钮。司机点击相应的按钮，便具备了相应的权限，只有空闲中的司机才能接客户下的订单。

在订单详情栏，每个订单信息的右下角，都有个查看线路的按钮，司机点击这个按钮，便可在地图上看到他将代驾行驶过的路线图。

介绍完了前台的所有功能后，真正的研究内容将正式展开。

2.2后台管理系统功能

（1）登陆界面

下面是后台管系统登陆界面，已经输入用户名：admin,密码：123456，点击登录按钮，进入主界面

（2）主界面

如下图所示，顶部框架为信息栏，左边框架有八个功能模块，右边框架为爱的代驾软件简介

（3）八大功能模块效果图及简介

订单管理系统：

显示订单信息，包括订单号、司机名、时间、顾客电话、司机星级、出发点、目的地等信息，由于界面宽度有限，本界面只能看到4个字段信息，要想查看更多订单信息，可以点击最右边绿色“详”字图标。

司机管理系统：

司机如果要想使用我们的司机客户端，必须在这个管理系统中进行注册，每个司机信息包括姓名、驾龄、代驾次数、籍贯、星级、电话（也是注册账号）、密码，还有不在图中显示的司机图片等信息。可以在修改，删除栏中，点击图标，删除或修该司机信息。

顾客管理系统：

顾客只有一个电话号码在后台管理系统中存在，十分便于注册并保护顾客的个人信息不受泄露威胁。

管理员系统：

能登陆进入后台管理系统，并有权限管理所有登陆账号的管理员全部再此，管理员账号、密码信息可以进行修改、删除或添加新账户等操作。

评价系统：

评价系统主要是用户对司机满意度的一种统计，有价值的信息为用户对司机的评分，和用户输入的文字评价信息

用户反馈系统：

该系统收集的是用户和司机对本使用软件的意见或建议（也可以是投诉抱怨），都可以通过该系统收集到后台管理系统中

使用指南：

该系统是一个附属于前台客户端，供前台解析后调用的静态界面，之所以放在后台，是为了日后方便修改更新内容

帮助系统：

该系统主要是为了初次试用本后台管理系统的管理员提供帮助，通过文字介绍和后面的超链接，初次使用本系统的人能在5分钟内快速熟悉本系统，并流畅使用各模块功能。

各个模块功能都已经介绍完毕，下面我将以本系统的订单管理系统这一子模块（也是本管理系统技术难度最难的部分）作为示例，开始讲解如何用MVC框架实现功能。

2.3MVC框架中各项功能的实现

前面已经介绍到，MVC框架的组成：Model层，View层，Controller层，我将从编写代码数量较多Model层和订单管理系统示例开始，层层解析

2.3.1MVC框架之Model层功能讲解

作为业务逻辑层，Model层在其内部，又分成了三个部分:JavaBean、JavaDao与JavaDaoImpl。JavaBean封装的是最低层的数据源，JavaDao是封装了一系列抽象方法的抽象接口，JavaDaoImpl是在JavaDao基础上实现JavaDao 中抽象方法的系统业务逻辑功能实现代码，最后返回的数据全部封装返回到JavaBean的参数调用方法中。三者密不可分，紧密联系，是MVC框架的核心组成部分。如下图：

红色部分表示Model层三个组成部分，蓝色部分表示订单管理系统模块的示例文件。

（1）Model层JavaBean示例部分Order.Java代码

public Order(){

super();

}

public Order(int oId,String oTime,String oHere,String oThere,String uPhone, String dPhone,String dName,String status,String dPic,String dStarlevel){ this.oId=oId;

this.oTime=oTime;//编码转化b

this.oHere=oHere;//编码转化c

this.oThere=oThere;//编码转化d

this.uPhone=uPhone;

this.dPhone=dPhone;

this.dName=dName;//编码转化g

this.status=status;//编码转化h

this.dPic=dPic;

this.dStarlevel=dStarlevel;

}

//分页所用

public Order(int oId,String dName,String oTime,String uPhone){

this.oId=oId;

this.dName=dName;

this.oTime=oTime;

this.uPhone=uPhone;

}

}

（2）Model层JavaDao示例部分OrderDao.Java代码

public interface OrderDao{

//实现分页

public PageBean findByPage(int pageSize,int pageNow)throws Exception;

//用id查询订单

public ListfindByOrder(int iId)throws Exception;

//用电话号码查询订单

public ListfindByOrders(String tel)throws Exception;

//删除订单

public boolean deleteOrder(int iId)throws Exception;

//查询订单2

public ListlookOrder(int iId);

//查询订单2

public PageBean searchOrder(int pageSize,int pageNow,String tel)throws Exception;

}

（3）Model层JavaDaoImpl示例部分OrderDaoImpl.Java代码public ListfindByOrder(int iId)throws Exception{

//查询订单5

public ListfindByOrders(String tel)throws Exception{

conn=DBLink.getConnection();

//indent订单表

String sql="SELECT

i_id,i_time,i_here,i_there,i.`d_phone`,u_phone,i.`d_name`,i_status,d_pic,d_starlevel FROM indent i,driver d WHERE i.`d_name`=d.`d_name`and i.`d_phone`=?";

ps=conn.prepareStatement(sql);

ps.setString(1,tel);

rs=ps.executeQuery();

while(rs.next()){

int iid=rs.getInt("i_id");

String itime=rs.getString("i_time");

String ihere=rs.getString("i_here");

String ithere=rs.getString("i_there");

String uphone=rs.getString("u_phone");

String dphone=rs.getString("d_phone");

String dname=rs.getString("d_name");

String istatus=rs.getString("i_status");

String dpic=rs.getString("d_pic");

String dstarlevel=rs.getString("d_starlevel");

//封装数据

order=new

Order(iid,itime,ihere,ithere,uphone,dphone,dname,istatus,dpic,dstarlevel);

list5.add(order);

}

close();

return list5;

}

//查看详细订单

public ListlookOrder(int iId){

Listlor=new ArrayList();

try{

conn=DBLink.getConnection();

String sql="SELECT

i_id,i_time,i_here,i_there,i.`d_phone`,u_phone,i.`d_name`,i_status,d_pic,d_starlevel FROM indent i,driver d WHERE i.`d_name`=d.`d_name`and i_id=?";

ps=conn.prepareStatement(sql);

ps.setInt(1,iId);

rs=ps.executeQuery();

while(rs.next()){

int iid=rs.getInt(1);

String itime=rs.getString(2);

String ihere=rs.getString(3);

String ithere=rs.getString(4);

String dphone=rs.getString(5);

String uphone=rs.getString(6);

String dname=rs.getString(7);

String istatus=rs.getString(8);

String dpic=rs.getString(9);

String dstarlevel=rs.getString(10);

order=new

Order(iid,itime,ihere,ithere,uphone,dphone,dname,istatus,dpic,dstarlevel);

lor.add(order);

}}catch(Exception e){

e.printStackTrace();

}

close();

return lor;

}

//实现分页

public PageBean findByPage(int pageSize,int pageNow)throws Exception{ PageBean pb=new PageBean();

conn=DBLink.getConnection();

String sql="select count(i_id)from indent";